/* CSS Document */
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
}
body, input, textarea, select {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 100;
}
.wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.header {
	position: relative;
	height: 45px;
	background-color: #015cb9;
	color: #fff;
	display: none;
}
.close, .closeSer {
	cursor: pointer;
	background-image: url(../images/closebtns.png);
	width: 22px;
	height: 22px;
	background-size: 100%;
	margin: 0 2px;
}
.topMenu {
	height: 65px;
	background: rgba(73,155,234,1);
	background: linear-gradient(to bottom, rgb(70, 70, 70) 0%, rgb(31, 31, 31) 100%);
	border-bottom: 1px solid #fff;
	color: #fff;
}
#mapdiv {
	position: relative;
	width: 2000px;
	height: 800px;
	transition: .2s all;
}
a {
	text-decoration: none;
}
.menuItms {
	display: table-cell;
	width: 52px;
	position: relative;
	height: 44px;
	vertical-align: top;
}
.nameLbl {
	width: 300px;
}
.mnuLbl {
	cursor: pointer;
	background-color: rgba(255,255,255,.2);
	margin: 9px 2px;
	padding: 7px 0px;
	line-height: 14px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 400;
	width: 70px;
	text-align: center;
	height: 13px;
}
.mnuLbl:hover {
	background-color: rgba(255,255,255,.4);
}
.uparr {
	position: absolute;
	bottom: 0;
	border-bottom: 7px solid rgb(255, 255, 255);
	border-right: 6px solid #4376a9;
	border-left: 6px solid #4376a9;
	left: 44px;
	display: none;
}
.botSet {
	position: absolute;
	bottom: 0px;
	width: 236px;
	padding: 8px 7px 6px 7px;
	z-index: 2;
	background-color: #777777;
	color: #fff;
	font-size: 9px;
	height: 13px;
}
span.dbNm {
	float: right;
}
.refSet:hover, .suggSet:hover {
	background-color: #4376a9;
	color: #fff;
}
.show {
	display: block;
}
.rows {
	display: table-row;
}
.leftMenu {
	width: 214px;
	position: relative;
}
.sessMenu, .ssArrOut {
	position: absolute;
	top: 56px;
	left: 300px;
	height: 76px;
	background-color: #fff;
	transition: .2s all;
	display: none;
	box-shadow: 0px 0px 5px rgba(0,0,0,.75);
	z-index: 2000;
}
.TabItems {
	background-color: #015cb9;
	padding: 3px 0 0;
}
.sessMnRt {
	left: auto;
	right: 300px;
}
.ssArrOut {
	height: 76px;
	width: 7px;
	left: 293px;
	background: none;
	box-shadow: none;
	z-index: 2001;
}
.addRtl {
	left: auto;
	right: 293px;
}
.ssArr {
	position: absolute;
	left: 0;
	top: 31px;
	border-top: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid #fff;
}
.addRtlarr {
	border-right: none;
	border-left: 7px solid #fff;
}
.userNm {
	text-align: center;
	font-weight: 400;
}
a, a:hover, a:focus {
	text-decoration: none;
	color: inherit;
}
.subHead {
	cursor: pointer;
	z-index: 2;
	background-color: #4e4e4e;
	color: #fff;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
.holder {
	position: absolute;
	top: 6px;
	border-color: rgba(0, 0, 0, 0.35);
	border-top: 3px solid #ffffff;
	border-left: 3px solid #ffffff;
	transform: rotate(225deg);
	width: 5px;
	height: 5px;
	transition: .2s all;
	left: 8px;
}
.up {
	transform: rotate(45deg);
	transform-origin: 1px 5px;
}
.sessData {
	font-size: 11px;
	max-height: 400px;
	overflow: auto;
	height: 0;
}
.btns, .btnsx {
	width: 20px;
	height: 20px;
	margin: 0 6px 3px 0;
	float: left;
	cursor: pointer;
}
.ics img:last-child {
	margin-right: 0;
}
.smd {
	background-color: #ccc;
	width: 7px;
}
.osData {
	overflow: hidden;
}
.sessOut {
	position: relative;
	margin: 5px 5px 0 5px;
	cursor: pointer;
	font-weight: 400;
	color: #000;
	overflow: hidden;
	background-color: #f1f1f1;
	width: 287px;
	border: 1px solid #fff;
}
.sessOpt {
	display: none;
}
.meOpen {
	height: auto;
}
.sessOut:hover {
	background-color: #e8e8e8!important;
}
.botTab {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 5px;
	transition: .2s all;
	background-color: #2a5682;
	display: none;
}

/*
.topNav {
	position: absolute;
	top: -27px;
	width: 159px;
	height: 22px;
	left: 85px;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.34);
	z-index: 3;
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	background: -moz-linear-gradient(top, #4f7dab 0%, #2a5682 100%);
	background: -webkit-linear-gradient(top, #4f7dab 0%, #2a5682 100%);
	background: linear-gradient(to bottom, #4f7dab 0%, #2a5682 100%);
}
*/
.msgTab {
	left: 260px;
	z-index: 0;
}
.tr:nth-child(even) {
	background-color: #eaeaea;
}
.trs:nth-child(even) {
	background-color: #eaeaea;
}
.tr, .trs {
	cursor: pointer;
	background-color: #d7d7d7;
}
.tr:hover, .trs:hover {
	background-color: #c5c5c5;
}
.topArea {
	position: relative;
	height: 30px;
}
.dataArea {
	background-color: #2a5682;
	color: #000;
	font-weight: 400;
	height: 260px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 1;
	position: absolute;
	width: 100%;
	top: 5px;
	padding: 0 5px;
}
.msgs {
	background-color: #d7d7d7;
	padding: 25px 0;
	text-align: center;
	color: #3a3a3a;
	font-weight: 100;
	font-size: 16px;
	text-shadow: 0 1px 0 rgb(255, 255, 255);
}
.mip {
	border: none!important;
}
.minB {
	position: absolute;
	top: 0px;
	height: 5px;
	background-color: #2a5682;
	width: 100%;
}
.faded {
	background: -moz-linear-gradient(top, #78a7d6 0%, #5286b9 100%);
	background: -webkit-linear-gradient(top, #78a7d6 0%, #5286b9 100%);
	background: linear-gradient(to bottom, #78a7d6 0%, #5286b9 100%);
}
.locData {
	border: 1px solid #fff;
	background-color: #b1b1b1;
}
.tHead {
	height: 27px;
	background-color: #bfbfbf;
	margin-bottom: 3px;
}
.ove {
	box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}
.tBody {
	height: 179px;
	overflow: auto;
}
.fLeft {
	float: left;
	width: 25%
}
.fLot {
	padding: 3px 10px;
}
.flots {
	width: 14.28%
}
.mainArea {
	position: relative;
	width: 100%;
	height: 100%;
}
.loadMes {
	position: absolute;
	left: 9px;
	top: 7px;
	width: 30px;
	height: 30px;
}
.newLoader {
	width: 22px;
	height: 22px;
	border: 4px solid #e2e2e2;
	border-top: 4px solid #616161;
	border-radius: 50%;
	animation: spin .5s linear infinite;
}
@keyframes spin {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
.tablesorter .filtered {
	display: none;
}
/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}
th {
	background-color: #000;
	color: #fff;
}
.ins {
	padding: 5px;
}
.sessTtl {
	font-weight: 600;
	color: #275482;
}
.ross {
	height: 18px;
}
.emr {
	background-color: #ffe8e8 !important;
	color: #c00 !important;
}
.emr:hover {
	background-color: #ff8d8d !important;
	color: #850000 !important;
}
.optTv {
	padding: 0 2px 0 2px;
	height: 76px;
	width: 18px;
}
/* message css */
.popUp, .popUpMap {
	display: none;
	position: absolute;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
}
.msg_inner, .SetArea {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.58);
	width: 750px;
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	bottom: 0;
	margin: 0 auto;
	font-weight: 400;
	direction: ltr;
	display: table;
	background-color: #909090;
}
.SetArea {
	width: 582px;
	top: 50px;
}
.setOut, .suggestOut {
	background-color: #909090;
	padding: 25px;
}
.suggTxt, .suggNm, .suggEm {
	width: 516px;
	outline: none;
	resize: none;
	margin-bottom: 15px;
	border: 1px solid #fff;
	padding: 10px;
	height: 115px;
}
.suggNm, .suggEm {
	height: 25px;
	padding: 2px 10px;
	margin-bottom: 5px;
}
.mshHead, .astHs {
	padding: 10px 25px;
	font-size: 12px;
	font-weight: 100;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	background-color: #4e4e4e;
	color: #fff;
	border-top: 1px solid #7b7b7b;
	border-bottom: 1px solid #a5a5a5;
}
.astHs {
	cursor: move;
}
.headTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	padding: 6px 10px;
	background-color: #e6e6e6;
	margin-bottom: 5px;
}
.vmP {
	padding: 5px;
	font-size: 14px;
	border: none;
}
.mshBody {
	padding: 15px 25px;
}
.closeBtn, .closeTy, .closePopup, .closeBtns, .crossClose {
	position: absolute;
	right: 5px;
	top: 2px;
	width: 23px;
	height: 23px;
	cursor: pointer;
	background-image: url(../images/closebtns.png);
	background-position: center;
	opacity: .8;
	background-size: 100%;
}
.closeBtn:hover, .closeBox:hover, .closePopup:hover, .closeBtns:hover {
	opacity: 1;
}
.msg_h1 {
	position: relative;
	z-index: 5;
	background-color: #fff;
	margin-bottom: 15px;
	margin-top: 0px;
	border: 1px solid #4e4e4e;
	border-top: none;
}
.ssesNm {
	font-weight: 700;
	margin-bottom: 10px;
}
.dispSess {
	position: relative;
	width: 100%;
}
.selArea {
	height: 33px;
	background-color: #fff;
	cursor: pointer;
}
.optArea {
	position: absolute;
	background-color: #fff;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.55);
	padding: 10px 0;
	display: none;
	width: 698px;
	top: 34px;
}
.selOpt {
	padding: 9px 0 3px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 644px;
}
.chsSess {
	padding: 7px 10px;
	margin: 1px 10px;
	cursor: pointer;
	background-color: #f1f1f1;
}
.saveMe {
	margin: 10px 0 0 0;
}
.chsSess:hover {
	background-color: #e1e1e1;
}
.h1 {
	float: left;
	width: 50%;
	position: relative;
}
.tabBtn {
	background-color: #ececec;
}
.tabBtn:nth-child(3) {
	margin-right: 0px;
}
.scroller {
	width: 2800px;
	transition: .2s all;
	height: 364px;
}
.nmds {
	padding: 8px 0;
	cursor: pointer;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #f3f3f3;
	color: #fff;
	font-weight: 100;
	height: 16px;
}
.emg {
	color: #ffa9a9;
	font-size: 15px;
	font-weight: 100;
	padding: 7px 0;
	height: 18px;
}
.nmds:nth-child(4) {
	margin-right: 0;
}
.arrScroll {
	position: relative;
	width: 700px;
}
.hideMsg {
	display: none;
}
.ars {
	position: absolute;
	top: -5px;
	left: 170px;
	transition: .2s all;
	width: 11px;
	background-color: #909090;
	height: 11px;
	transform: rotate(-45deg);
}
.arrow {
	border-bottom: 7px solid #FFF;
	border-right: 7px solid #323232;
	border-left: 7px solid #383838;
}
.arrows {
	border-top: 9px solid #4e4e4e;
	border-right: 5px solid rgba(158, 158, 158, 0);
	border-left: 5px solid rgba(158, 158, 158, 0);
	width: 0px;
	margin: 11px 9px;
}
.tbl {
	padding: 10px 0;
	color: #fff
}
.mis {
	border-left: 1px solid #565656;
	box-shadow: 1px 1px 0 rgba(236, 236, 236, 0.32);
}
.half {
	float: left;
	width: 50%;
	position: relative;
}
.halfx {
	float: left;
	position: relative;
}
.halfs {
	position: relative;
}
.outX {
	padding: 0 0 15px 0px;
}
.subH1, .subH1s {
	z-index: 1;
	background-color: #4e4e4e;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	margin: 0 1px 0 0;
	padding: 8px 13px;
}
.info {
	background-color: #bfbfbf;
	padding: 10px;
	border: 1px solid #4e4e4e;
	width: 478px;
}
.updEmer {
	max-height: 335px;
	overflow: auto;
	border: 10px solid #cacaca;
	background-color: #cacaca;
}
.subH1s {
	top: -10px;
}
.formData {
	position: relative;
	padding: 9px;
	width: 329px;
	background-color: #cecece;
	border: 1px solid #4e4e4e;
}
.hoverCard {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(136, 136, 136, 0.93);
}
.fromArea {
	float: left;
	width: 700px;
	font-size: 16px;
}
.outEmer {
	position: relative;
	margin: 0 5px 9px 0;
}
.outEmer:last-child {
	margin: 0
}
.inside {
	margin-bottom: 5px;
	display: table;
	width: 100%;
}
.outEmerH1 {
	padding: 6px 5px;
	background-color: #4e4e4e;
	color: #fff;
}
.msgInp, .msgInps, .sosInp, .sosTxt, .trvEmail, .srcData, .setInp {
	border: 1px solid #969696;
	height: 31px;
	width: 306px;
	line-height: 30px;
	padding: 0px 5px;
	margin: 0 0px 5px 0px;
	background: #ffffff;
	font-size: 10pt;
	color: #353535;
	outline: none;
	font-weight: 400;
}
.sosInp, .sosTxt {
	width: 488px;
	border: 1px solid #4e4e4e;
}
.setInp {
	width: 562px;
	border: 1px solid #4e4e4e;
	border-top: 0;
}
.yu {
	width: 142px;
}
.ym {
	width: 226px;
}
.sk {
	height: 32px;
}
.inx2 {
	padding: 0 4px;
}
.inx1 {
	padding-left: 5px;
}
.blo {
	width: 140px;
	background-color: #fff;
	height: 30px;
	border: 1px solid #4e4e4e;
}
.dstChk, .shsChk, .actChk {
	margin: 6px 10px;
	float: left;
	height: 15px;
	width: 15px;
	border: 1px solid #aeaeae;
	cursor: pointer;
	background-size: 100%;
}
.dstChked {
	background-image: url(../images/check.png)!important;
}
.dstLbl, .shsLbl, .actLbl {
	float: left;
	padding: 7px;
}
.setInps {
	width: 238px;
	height: 32px;
}
textarea:focus, input:focus, select:focus {
	outline: none;
}
.sosTxt {
	height: 80px;
	resize: none;
	line-height: normal;
	margin: 0;
	padding: 10px;
	width: 478px;
}
.cnt {
	margin: 1px 0 5px 0;
	color: #fff;
	float: right;
	font-weight: 100;
	font-size: 12px;
}
select.msgInps {
	height: 32px;
	width: 60px;
}
.msgInps:focus {
	outline: none;
}
.nmin {
	float: left;
	cursor: pointer;
	position: relative;
	width: 33.33333333333%;
	background: linear-gradient(to bottom, #828282 0%, #484848 100%);
	color: #fff;
}
.nm {
	background-color: #ccc;
	cursor: pointer;
	font-weight: 500;
	text-align: center;
	background: linear-gradient(to bottom, #828282 0%, #484848 100%);
}
.nmin:hover, .nm:hover, .unSel {
	background: linear-gradient(to bottom, #656565 0%, #313131 100%)!important;
}
.subOpt {
	display: none;
	height: 32px;
	margin-left: 50%;
	margin-bottom: 5px;
}
.upper {
	width: 100%;
	min-height: 30px;
	height: 34px;
}
.number {
	float: left;
	outline: none;
	border: 1px solid #4e4e4e;
	background-color: #fff;
	padding: 0 5px;
	width: 244px;
	height: 20px;
	direction: ltr;
}
.nums {
	height: 25px;
}
.outBound {
	padding: 5px 15px;
	background-color: #bfbfbf;
	height: 93px;
	border: 1px solid #757575;
	position: relative;
	font-size: 13px;
}
.hl {
	margin-bottom: 5px;
}
.rem {
	float: left;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-image: url(../images/closebtns.png);
	background-size: 100%;
	background-color: #4e4e4e;
	opacity: .8;
}
.rem:hover {
	opacity: 1;
}
.mainHead {
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 17px;
	font-weight: 700;
}
.mainDesc {
	text-align: center;
	padding: 5px 0 10px 0;
	font-weight: 400;
}
.labl, .labDiv {
	background: #4e4e4e;
	padding: 6px 0px;
	position: relative;
	font-size: 14px;
}
.labl {
	background: none;
}
span.saveExpn {
	background-color: #5b5b5b;
	color: #fff;
	padding: 6px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 100;
	cursor: pointer;
}
.rowIn {
	background-color: #4e4e4e;
	padding: 6px 5px;
	color: #fff;
	width: 490px;
}
.pBtn {
	position: absolute;
	right: 3px;
	top: 3px;
	cursor: pointer;
	width: 19px;
	height: 19px;
	background-image: url(../images/addbtn.png);
	background-size: 100%;
	border: 1px solid #4e4e4e;
}
.myRem, .myDel, .myRems, .myDels {
	background-image: url(../images/closebtn.png);
	background-size: 100%;
}
.bnd {
	overflow: auto;
	height: 72px;
	width: 100%;
}
.lower {
	height: 371px;
	margin-bottom: 10px;
	width: 700px;
	overflow: hidden;
}
.button {
	padding: 5px 0;
	color: #fff;
	font-size: 13px;
	position: relative;
	font-weight: 100;
	background-color: #8c8c8c;
	text-align: center;
	border-radius: 2px;
	cursor: pointer;
	background: -webkit-linear-gradient(top, #9e9e9e 0%, #8a8a8a 100%);
	box-shadow: 1px 1px 0px rgba(0,0,0,.29), inset 1px 1px 0px rgba(255,255,255,.44);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.47);
	outline: none;
	border: none;
	height: 17px;
	line-height: 17px;
}
.button:hover {
	background: -webkit-linear-gradient(top, #9e9e9e 0%, #797979 100%);
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.52), inset 1px 1px 0px rgba(255, 255, 255, 0.72);
}
.getTrc {
	float: left;
	padding: 5px 10px;
}
.stspTrc {
	width: 141px;
}
.sgsIn {
	background-size: 100%;
	background-image: url(../images/bulb.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}
.searchEmail {
	float: right;
	padding: 8px 22px;
	width: 44px;
	border-radius: 0;
	box-shadow: none;
	background: #656565;
	height: 16px;
	border: 0;
}
.Load {
	width: 100%;
	margin: 104px 0;
	letter-spacing: 2px;
	display: none;
}
.actSub {
	background-color: #d5d5d5;
	background-repeat: repeat-x;
	background-image: linear-gradient(135deg, #4e4e4e 0%, #4e4e4e 25%, #d5d5d5 25%, #d5d5d5 50%, #4e4e4e 50%, #4e4e4e 75%, #d5d5d5 75%, #d5d5d5 100%);
	background-size: 36px 36px;
	animation: loading .5s linear infinite;
	border: 0;
}
@keyframes loading {
 from {
 background-position:0px 0px;
}
 to {
 background-position: 36px 0px;
}
}
.saving {
	text-align: center;
}
.saving span {
	animation-name: blink;
	animation-duration: .9s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	transition: .2s all;
	letter-spacing: 7px;
	font-size: 38px;
	font-weight: 900;
	color: #d2d2d2;
}
.saving span:nth-child(2) {
	animation-delay: .15s;
}
.saving span:nth-child(3) {
	animation-delay: .30s;
}
@keyframes blink {
 0% {
 opacity: .2;
}
 20% {
 opacity: 1;
}
 100% {
 opacity: .2;
}
}
.isT span {
	padding: 1px 3px 0 3px;
	line-height: 5px;
	vertical-align: top;
	font-size: 20px;
	letter-spacing: 0px;
}
.myDatas, .myHalf {
	float: left;
	width: 50%;
}
.myDatas:nth-child(even)>.uyi {
	margin-left: 8px;
}
.ylTint {
	background-color: #cecece;
	border: 1px solid #4e4e4e;
}
.blTint {
	background-color: #dcf8ff;
}
.grTint {
	background-color: #dcffdc;
}
.piTint {
	background-color: #ffe9f8;
}
.msgInp, input.msgInpsxa.addTxt {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.eInp {
	background-color: #fff;
	border: 1px solid #8e8e8e;
	padding: 0 10px;
	height: 30px;
	margin-bottom: 10px;
	clear: both;
}
.ups {
	float: left;
	width: 50%;
}
.uyi {
}
input[type="search"] {
	width: 100%
}
.table {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	border-spacing: 0;
}
.inHead {
	padding: 0;
	background-color: #fff;
	border-spacing: 1px;
}
.logoBox {
	height: 35px;
	width: 62px;
}
.dots {
	padding: 0 5px;
	font-weight: 900;
}
.h1s, .myName {
	font-weight: bold;
	font-size: 14px;
}
.h2s, .asLog {
	font-size: 11px;
}
.logo, .logout {
	height: 100%;
	display: block;
}
.logoTxt {
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	margin: 9px 0px;
	height: 27px;
}
.table th {
	font-weight: bold;
}
.table td {
	padding: 3px 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
}
.tablesorter-filter-row td {
	border-top: none;
}
.table th {
	cursor: pointer;
	z-index: 2;
	background-color: #4e4e4e;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	font-weight: 100 !important;
}
/*
.trackOut, .trackOuts {
	margin: 25px -25px 0 -25px;
	border-top: 1px solid #565656;
	box-shadow: 0 1px 0 rgba(236, 236, 236, 0.32);
}
*/
.trackOut {
	margin-top: 0;
}
.t1 {
	padding-top: 3px;
}
.blBtn {
	float: left;
	padding: 4px 6px;
	color: #ffffff;
	text-shadow: 0px 1px 1px rgba(0,0,0,.5);
	background-color: #4376a9;
	box-shadow: 1px 1px 0px rgba(0,0,0,.29), inset 1px 1px 0px rgba(255,255,255,.44);
	margin: 16px 2px 0 0;
	width: 16px;
	text-align: center;
	height: 16px;
}
.isAct {
	height: 17px;
	border: 1px solid #fff;
	box-shadow: none;
	background-color: #4376a9;
	color: #ffffff;
	text-shadow: none;
	border-bottom: 1px solid #4376a9;
	margin-top: 18px;
}
.InSd {
	height: 45px;
	overflow: hidden;
}
.chLng {
	margin: 12px 12px 0 0;
}
.blBtn:hover {
	background: linear-gradient(to bottom, #4e84b9 0%, #38699a 100%);
	background: -moz-linear-gradient(top, #4e84b9 0%, #38699a 100%);
	background: -webkit-linear-gradient(top, #4e84b9 0%, #38699a 100%);
}
.hs {
	padding: 8px 10px;
	background-color: #5f5f5f;
	margin-bottom: 10px;
	color: #fff;
}
.los {
	height: 60px;
	padding: 0px 0 25px 0px;
}
select.selMin {
	width: 75px;
	border: 1px solid #4e4e4e;
	height: 27px;
}
.inPad {
	border-left: 1px solid #ccc;
	padding: 25px 0 25px 25px;
}
.inPads {
	padding: 25px 0;
}
.ordrArea {
	display: none;
}
.mins {
	padding: 4px 5px 5px;
}
.disData {
	display: none;
	padding-top: 0;
}
.rowt {
	height: 33px;
	margin-top: 5px;
}
.trvEmail {
	width: 585px;
	outline: none;
	border: 1px solid #4e4e4e;
}
.rowx {
	color: #fff;
	border: 1px solid #4e4e4e;
	background-color: #4e4e4e;
	padding: 6px 5px;
	font-size: 12px;
}
.fleft {
	float: left;
}
span.sarching {
	margin-left: 24px;
	color: #2ba5e5;
	display: none;
}
.upsData {
	display: inline-block;
	background-color: #828282;
	border: 1px solid #9c9c9c;
	padding: 25px;
	margin-bottom: 15px;
}
.message {
	text-align: center;
	color: #fff;
	clear: both;
	margin-bottom: 15px;
	display: none;
}
.srcData[readonly="readonly"] {
	color: #808080;
	border: 1px solid #4e4e4e;
}
.thankyou {
	text-align: center;
	clear: both;
	border: 1px solid #9c9c9c;
	padding: 10px 0;
	background-color: #4e4e4e;
	display: none;
	color: #fff;
}
.tblMs {
	border-bottom: 1px solid #fff
}
/*new right panel css start*/
.subBodyOut {
	overflow: auto;
}
.icons {
	padding: 5px 8px;
}
.color {
	width: 7px;
	height: 74px;
	display: table-cell;
}
.ro {
	display: table-row;
	height: 18px;
}
.lab {
	display: table-cell;
}
.ics {
	width: 46px;
}
.ics:first-child {
}
.tsb, .dot, .ksb, .jsb, .usb {
	font-weight: 600;
	color: #275482;
	white-space: nowrap;
	line-height: 13px;
}
.dot {
	font-weight: 900;
	width: 8px;
}
.box {
	display: none;
}
.infoBox, .ryu, .gyu {
	width: 13px;
	cursor: pointer;
	opacity: .7
}
.infoBox:hover, .ryu:hover {
	opacity: 1
}
.infoIcon, .editIcon, .toolIcon {
	width: 13px;
	vertical-align: text-top;
	display: block;
}
.syu {
	width: 149px;
	line-height: 13px
}
.fyu {
	width: 151px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 13px;
}
.myu {
	line-height: 13px;
}
td.kyu {
	width: 169px;
	line-height: 13px;
}
.stu {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 169px;
}
.boxPad {
	background-color: #4e4e4e;
	color: #fff;
	padding: 3px 10px;
	display: table-cell;
	width: 204px;
}
.li {
	display: table-row;
}
.closeBox {
	background-color: #4e4e4e;
	width: 18px;
	height: 14px;
	display: table-cell;
	background-image: url(../images/closebtns.png);
	background-position: center;
	opacity: .8;
	background-size: 100%;
}
.imei {
	padding: 2px 5px 0;
	font-size: 11px;
}
/*new right panel css end*/
.active, .inactive, .gpsdiv {
	padding: 0 3px;
}
.inactive {
	display: none;
}
.kbr {
	background: none;
}
.opn {
	padding: 0 0 0 25px;
}
.munn {
	height: 27px;
	padding: 0;
	background: none;
	width: 641px;
}
.lblTxte {
	float: left;
	width: 295px;
	background-color: #4e4e4e;
	padding: 6px 0px 6px 5px;
	margin-left: 18px;
}
.sun {
	width: calc(100%);
	position: relative;
	margin-bottom: 10px;
}
.jup {
	background-color: #4e4e4e;
	color: #fff;
	padding: 6px 5px;
}
.huj {
	position: relative;
}
.kmo {
	padding: 10px;
	border: 1px solid #4e4e4e;
	background-color: #adadad;
}
.msgInpsxa, .msgInpsxb {
	border: 1px solid #4e4e4e;
	margin: 0 0px 0px 0px;
	border-top: 0;
	padding: 2px 5px;
	width: 288px;
	height: 28px;
	color: #353535;
	float: left;
}
.msgInpsxb {
	margin-left: 18px;
}
.ouyS {
	border: 1px solid #4e4e4e;
	padding: 10px 10px 0 10px;
	display: inline-block;
	background-color: #dcdcdc;
	width: 636px;
}
/* Alert Box START */
.tyOut {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(74,74,74,0.68);
	display: none;
	z-index: 10;
}
.tyBox {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 500px;
	height: 175px;
	background-color: #fff;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.86);
}
.tyHead {
	position: relative;
	height: 30px;
	background-color: #4e4e4e;
	border-top: 1px solid #a5a5a5;
}
.tyMsg {
	padding: 16px 0;
	text-align: center;
	font-size: 17px;
	font-weight: 100;
}
.tySub {
	font-size: 12px;
	padding: 9px 13px;
	font-weight: 400;
	color: #757575;
}
.tyBtn {
	width: 250px;
	margin: auto;
}
.accBtn, .canBtn {
	float: left;
	padding: 5px 0;
	width: 86px;
	box-shadow: none;
}
.accBtn:hover, .canBtn:hover {
	background-color: #d4d4d4;
}
.canBtn {
	float: right;
}
.tyH1 {
	color: #fff;
	margin: 7px 25px;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: .1em;
	text-align: center;
}
.loadOut {
	position: absolute;
	text-align: center;
	width: calc(100% - 20px);
	top: 6px;
	display: none;
}
.loadme {
	color: #fff;
	font-weight: 100;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	padding-bottom: 7px;
}
.loader {
	height: 2px;
}
/* Alert Box END */
#popup {
	position: absolute;
	padding-bottom: 40px;
}
.popover-content {
	font-size: 12px;
	width: 290px;
	font-weight: 400;
}
.popTtl {
	margin: 0;
	padding: 6px 0px 0 10px;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	background-color: #4e4e4e;
	color: #fff;
}
.popCnt {
	border: 5px solid #4e4e4e;
}
.closePopup {
	float: right;
	cursor: pointer;
	top: 6px;
	width: 19px;
	height: 19px;
	right: 7px;
}
.suh {
	border-top: 1px solid #f1f1f1;
	background-color: #ffffff;
	padding: 2px 5px;
}
.leaflet-popup-close-button {
	z-index: 10!important;
	background-image: url(../images/closebtns.png)!important;
	background-size: 20px 20px!important;
	background-position: 0 0!important;
	top: 5px!important;
	right: 5px!important;
	border-radius: 0!important;
}
.leaflet-popup-close-button:hover {
	background-color: #000!important;
}
.leaflet-popup-tip {
	border-top: 10px solid #4e4e4e!important;
}
.leaflet-popup-content {
	padding: 0!important
}
.leaflet-popup-content-wrapper {
	padding: 0!important;
	box-shadow: none!important
}
/* ------ */
/* new mapbox gl css START */
.mapboxgl-popup-content {
	padding: 0!important;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip, .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
	border-top-color: #4e4e4e!important;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip, .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
	border-bottom-color: #4e4e4e!important;
}
.mapboxgl-popup-close-button {
	z-index: 10!important;
	/*font-size: 27px!important;*/
	color: #fff!important;/*outline: none;*/
}
/* new mapbox gl css END */
.searchBox {
	padding: 5px;
	cursor: pointer;
	z-index: 2;
	background-color: #4e4e4e;
	color: #fff;
	border: 1px solid #a2a2a2;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	height: 23px;
	margin: 0px 7px 5px 7px;
}
.srchInp {
	background-color: #fff;
	width: 145px;
	height: 23px;
	margin: 0 0px;
}
.srchBtn, .closeMin, .closeUpload {
	position: absolute;
	top: 4px;
	right: 2px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background-size: 100%;
	background-image: url(../images/closebtns.png);
}
.closeUpload {
	position: inherit;
}
.srcClr {
	background-image: url(../images/closebtns.png);
}
.srchInput {
	outline: none;
	border: 0;
	width: 130px;
	height: 23px;
	padding: 0 5px;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	color: #000;
}
.loadAll, .msgAll {
	position: absolute;
	width: 14px;
	top: 8px;
	right: 10px;
	cursor: pointer;
	display: none;
	height: 17px;
	opacity: 1;
	background-size: 100%;
	background-repeat: no-repeat;
}
.msgAll {
	width: 17px;
	top: 7px;
	background-image: url(../images/envelope.svg);
}
.fullS {
	background-image: url(../images/marker.svg);
}
.loutBox {
	position: absolute;
	cursor: pointer;
	height: 13px;
	top: 16px;
	display: block;
	width: 20px;
	right: 0;
}
.loutBox:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 2px;
	box-shadow: 0 5px 0 0 white, 0 10px 0 0 white;
	background-color: white;
	left: 0;
	top: 0;
}
.loutBox:before {
	width: 20px;
}
.sessLoad, .gpxLoad {
	position: relative;
	height: 120px;
	margin-bottom: 5px;
}
.loadCirc, .loadMin {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	border: 4px solid #c5c5c5;
	border-top: 4px solid #585858;
	-webkit-animation: spin .8s infinite cubic-bezier(.45, .05, .55, .95);
	-moz-animation: spin .8s infinite cubic-bezier(.45, .05, .55, .95);
	animation: spin .8s infinite cubic-bezier(.45, .05, .55, .95);
}
.loadCirc {
	margin: auto;
	left: 0;
	top: 0;
}
.loadMin {
	width: 10px;
	height: 10px;
	border: 2px solid #b7b7b7;
	border-top: 2px solid #fff;
}
.loadMin:before {
	box-shadow: none;
	background: none;
}
.loadText {
	padding-top: 13px;
	color: #ffffff;
	text-align: center;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
/*scrollbar css */
::-webkit-scrollbar {
 height: 7px;
 width: 7px;
 background: #ccc;
 margin:2px;
}

::-webkit-scrollbar-thumb {
 background: #313131;
}

::-webkit-scrollbar-corner {
 background: #000;
}
/*scrollbar css end*/
.mapIcn, .syncIcn {
	background-image: url(../images/setting.png);
	width: 13px;
	height: 13px;
	background-size: 100%;
	display: inline-block;
	opacity: .5;
	vertical-align: text-bottom;
	margin: 2px 0 0 6px;
	float: right;
}
.syncIcn {
	background-image: url(../images/syncwhite.png);
	width: 15px;
	height: 15px;
	margin-top: -1px;
}
.syncing {
	background-image: url(../images/syncWhite.png);
	animation: spin 1s linear infinite;
	opacity: .8;
}
.settxt, .snctxt {
	float: left;
}
.disabled {
	background: #1c469e !important;
	color: #e0e0e0;
}
.userOpt {
	position: absolute;
	top: 47px;
	right: 5px;
	width: 155px;
	z-index: 10;
	color: #fff;
	height: 0px;
	overflow: hidden;
	transition: .2s all;
	display: none;
}
.opT {
	position: absolute;
	cursor: pointer;
	background-color: #4e4e4e;
	padding: 7px 10px;
	top: 0;
	width: 135px;
	height: 15px;
}
.chPass {
	top: 30px;
}
.opT:last-child {
	top: auto;
	bottom: 0;
}
.opT:hover {
	background-color: #333;
}
.chpa {
	outline: none;
	border: 0;
	margin-bottom: 15px;
	padding: 5px;
	width: 158px;
}
.chPassOn {
	color: #fff;
	cursor: pointer;
	background-color: #333;
	text-align: center;
}
.inz {
	margin-left: 10px;
	margin-right: 10px;
}
.xms {
	background-color: #fff;
	width: 680px;
	padding: 9px 10px;
	margin-bottom: 10px;
}
.assist {
	float: left;
	padding: 2px 2px;
	border: 1px solid #248cf9;
	border-radius: 2px;
	width: 48px;
	margin-top: 5px;
	text-align: center;
	cursor: pointer;
	font-size: 11px;
}
.asShow {
	margin-left: 15px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.asHide {
	margin-right: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.astChked {
	background-color: #248CF9;
	color: #fff;
}
.assistDiv {
	position: absolute;
	top: 53px;
	left: 14px;
	width: 50px;
	transition: .5s all;
}
.hebAst {
	right: 55px;
	left: auto;
}
.grow {
	width: 150px;
}
.penguin {
	width: 100%;
}
.hebPen {
	transform: rotateY(0deg);
}
img.penImg {
	width: 100%;
}
.help {
	text-align: center;
	background-color: #6d6d6d;
	padding: 5px;
	cursor: pointer;
	color: #fff;
}
.helpQ {
	display: none;
	background-color: #ffffff;
	padding: 5px;
	margin-top: 1px;
}
.qs {
	margin: 2px 0;
	cursor: pointer;
	background-color: #f1f1f1;
	padding: 3px;
	border-radius: 2px;
	font-size: 12px;
}
.qs:hover {
	background-color: #dedede;
}
.speech-bubble {
	position: absolute;
	background: #6d6d6d;
	border-radius: 3px;
	padding: 15px;
	color: #fff;
	right: 120px;
	display: none;
	cursor: pointer;
	width: 130px;
}
.speechHeb {
	left: 120px;
	right: auto;
}
.speech-bubble:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #6d6d6d;
	border-right: 2px;
	margin-top: -9px;
	margin-right: -10px;
	border-top: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
.speechHeb:after {
	left: 0;
	right: auto;
	border: 10px solid transparent;
	border-right-color: #6d6d6d;
	margin-top: -9px;
	margin-left: -20px;
	border-top: 7px solid rgba(0, 0, 0, 0);
	border-bottom: 7px solid rgba(0, 0, 0, 0);
}
.toolTips {
	position: absolute;
	background-color: #fff;
	width: 200px;
	left: 1186px;
	top: 10px;
	display: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.58);
	z-index: 1;
}
.insTools {
	padding: 10px;
}
.hed {
	background-color: #4e4e4e;
	color: #fff;
	padding: 10px 10px;
	height: 14px;
	border-top: 1px solid #7b7b7b;
}
.may {
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	text-align: center;
}
.mayb {
	margin-top: 6px;
	font-size: 11px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	text-align: center;
}
.moreQ {
	display: none;
}
.mrQ {
	text-align: center;
	background-color: #a2a2a2;
	color: #fff;
	padding: 2px;
	cursor: pointer;
}
.ansW {
	padding: 15px 25px;
	color: #fff;
}
.assistOut {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.58);
	width: 550px;
	position: absolute;
	left: 0;
	top: 60px;
	bottom: 0;
	font-weight: 400;
	direction: ltr;
	background-color: #909090;
	display: table;
	z-index: 30;
}
.asnwr {
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
.thankSugss, .thankPass {
	display: none;
	padding: 25px 15px;
	background-color: #fff;
	font-size: 17px;
	text-align: center;
}
.marker, .gpxmarker, .measuremarker, .trkmarker, .marker1, .marker2, .marker3 {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	font-size: 10px;
	background-size: 100%;
}
.mapStyle, .langOut {
	height: 20px;
	min-width: 340px;
}
.langOut {
	height: 21px;
	min-width: 88px;
	margin: 12px 11px;
}
.mapTy, .mapTys {
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin: 0 2px;
	border: 1px solid #6097d0;
	border-radius: 22px;
	background-color: #3b6c9e;
	padding: 2px 9px 2px 3px;
}
.mapTys {
	padding: 2px 9px 0px 3px;
}
.check, .checks {
	position: relative;
	float: left;
	border: 2px solid #AAAAAA;
	border-radius: 100%;
	height: 10px;
	width: 10px;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}
.checks {
	width: 7px;
	height: 7px;
}
.check::before, .checks::before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 100%;
	height: 6px;
	width: 6px;
	top: 2px;
	left: 2px;
	margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}
.checkSel, .checkSels {
	border: 2px solid #FFF;
}
.checkSel::before {
	background: #FFF;
}
.checkSels::before {
	background: #FFF;
	height: 5px;
	width: 5px;
	top: 1px;
	left: 1px;
}
.chkLbl, .chkLbls {
	float: left;
	margin: 0px 2px 0px 5px;
	color: #dcdcdc;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	line-height: 14px;
}
.chkLbls {
	line-height: 13px;
	font-size: 11px;
}
.checkLblSel {
	color: #fff;
}
.mapTy:hover .chkLbl, .mapTys:hover .chkLbls {
	color: #fff;
}
.mapTy:hover .check, .mapTys:hover .checks {
	border: 2px solid #FFF;
}
.mapTy:hover, .mapTys:hover {
	border: 1px solid #7db4ec;
	background-color: #2d5a88;
}
.mapboxgl-ctrl-top-right {
	top: auto!important;
	bottom: 30px!important;
	right: 0;
}
.tablesorter-header-inner {
	padding: 4px 0;
}
.mmm {
	background-color: #fff;
	border-radius: 2px;
	text-align: center;
	position: absolute;
	box-shadow: 1px 1px 7px 0 rgba(0,0,0,0.5);
	top: -27px;
	padding: 0px 5px;
	left: 0px;
}
.arrm {
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffffff;
	margin: auto;
	left: 8px;
}
.alert {
	padding: 2px;
	direction: rtl;
	text-align: center;
	background-color: #f00;
	color: #fff;
	font-weight: 700;
	position: absolute;
	z-index: 1;
}
.romm {
	clear: both;
	height: 35px;
}
#mainBtns {
	position: absolute;
	width: 100%;
	top: -90px;
	left: 0;
	height: 40px;
	z-index: 2;
	transition: all 0.7s cubic-bezier(0.25, 0.1, 0.38, 1.97) 0s;
}
.presetBtn {
	display: none;
}
.inKk {
	width: 495px;
	margin: auto;
}
.topNBtn {
	border-radius: 3px;
	float: left;
	margin: 5px 2px 0 3px;
	height: 30px;
	width: 160px;
	cursor: pointer;
	background-color: #2994a5;
	overflow: hidden;
	background: linear-gradient(to bottom, #33a7b9 0%, #248e9e 100%);
}
.topNBtn:hover {
	background: linear-gradient(to bottom, #2fc4da 0%, #0797ad 100%);
}
.logoMin, .logoMinK {
	background-image: url(../images/message.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
	float: left;
	height: 30px;
	width: 23px;
	background-size: 16px;
	border-right: 1px solid rgba(255, 255, 255, 0.29);
	padding-left: 10px;
	background-color: rgba(0, 0, 0, 0.19);
}
.logoMinK {
	background-image: none;
}
.logTool {
	background-image: url(../images/tools.png);
}
.logEmr {
	background-image: url(../images/ambulancenew.png);
}
.logPre {
	background-image: url(../images/listNew.png);
}
.textMin, .textMinK {
	float: left;
	color: #fff;
	margin: 7px 0px 2px 8px;
	font-weight: 500;
	height: 21px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	line-height: 15px;
}
.mapboxgl-ctrl-top-right {
	bottom: 65px!important;
	right: 0;
}
.mapboxgl-ctrl-group {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mapboxgl-ctrl-group > button {
	background-color: rgb(255, 255, 255);
}
.createGPX, .edtOpts {
	position: absolute;
	width: 165px;
	top: 5px;
	left: 50px;
	height: 30px;
	display: none;
}
.edtOpts {
	left: 50px;
	width: 240px;
}
.binKs, .binKsx {
	position: absolute;
	width: 120px;
	top: 0px;
	right: 0;
	height: 30px;
}
.binKsx {
	width: 135px;
	right: 5px;
	top: 5px;
	z-index: 3;
	transition: all 0.7s cubic-bezier(0.25, 0.1, 0.38, 1.97) 0s;
}
.bink {
	position: absolute;
	width: 30px;
	bottom: 148px;
	right: 10px;
	height: 30px;
}
.mapboxgl-ctrl-group {
	border-radius: 0 0 4px 4px;
	box-shadow: none!important;
}
.mapTyBtn, .mapTyBtnx {
	border-radius: 4px;
	float: left;
	height: 30px;
	width: 120px;
	cursor: pointer;
	background-color: #2994a5;
	background: linear-gradient(to bottom, #33a7b9 0%, #248e9e 100%);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	overflow: hidden;
}
.mapTyBtnx {
	width: 135px;
}
.mapmenu {
	position: relative;
}
.mapTyBtn:hover, .mapTyBtnx:hover {
	background: linear-gradient(to bottom, #2fc4da 0%, #0797ad 100%);
}
.mipsk {
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #ddd;
}
.txtMk {
	float: left;
	margin: 6px 3px 3px 11px;
	font-weight: 500;
}
.arrDwn {
	border-top: 7px solid #fff;
	border-right: 6px solid #ffffff00;
	border-left: 6px solid #ffffff00;
	width: 0px;
	height: 0px;
	float: right;
	margin: 12px 9px 0 0;
}
.slideBar {
	position: absolute;
	width: 450px;
	top: 0px;
	right: -505px;
	height: 100%;
	background-color: #efefef;
	z-index: 3;
	transition: .4s all;
}
.panelRight {
	height: 100%;
}
.locaDiv, .messDiv {
	position: relative;
	height: 100%;
}
.locaDiv {
	overflow: auto;
	border-left: 3px solid #1c469e;
}
.emerDiv {
	overflow: auto;
	border-left: 3px solid rgb(224, 16, 0);
	display: none;
}
.panelLeft {
	position: absolute;
	left: -35px;
	width: 35px;
}
.locDiv, .msgDiv {
	display: none;
}
.panelLeft {
	position: absolute;
	left: -59px;
	width: 59px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 134px;
	overflow: hidden;
}
.locTabs, .msgTabs, .emrTabs {
	left: 6px;
	position: absolute;
	background-size: 25px;
	background-position: center 6px;
	background-image: url(../images/location.svg);
	background-repeat: no-repeat;
	width: 53px;
	height: 66px;
	transition: .2s all;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
	background-color: #1c469e;
	border-radius: 5px 0 0 5px;
	font-size: 11px;
}
.sideOut {
	left: 0px;
	width: 59px;
}
.msgTabs {
	top: 67px;
	background-image: url(../images/msgs.svg);
	background-color: #95c11f;
}
.emrTabs {
	top: 134px;
	background-image: url(../images/ambulance.svg);
	background-color: #e01000;
	display: none;
}
.txtMn {
	margin: 39px auto 0;
	text-align: center;
}
.sideOut .txtMn {
	font-weight: 700;
}
.mapTyOpts, .mapTyOptsx {
	background-color: #2579b2;
	height: 22px;
	border-bottom: 1px solid #ddd;
	padding: 7px 12px 0 12px;
	cursor: pointer;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}
.mapTyOpts {
	background-color: #2579b2;
	height: 22px;
	padding: 7px 12px 0 12px;
	cursor: pointer;
	text-transform: capitalize;
	color: #fff;
	font-weight: 500;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	margin: 1px 1px 0 0;
	text-align: center;
	border-bottom: 0;
}
.mapTyOpts:hover, .mapTyOptsx:hover {
	background-color: #0a4771;
}
.simple {
	border-radius: 0 0 4px 4px;
	height: 23px;
	border-bottom: 0;
}
.deviceDetsOut {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
	text-align: center;
	height: 1px;
}
.mapTyOptx {
	clear: both;
	display: none;
}
.mapTySel {
	border: 1px solid #7db4ec;
	background-color: #2d5a88;
}
.mapTySels {
	background-color: #0a4771;
}
/*  */
.inbound {
	width: 84%;
}
.leftArr {
	border-top: 0px solid transparent;
	border-bottom: 18px solid transparent;
	border-right: 18px solid #b8ccff;
	float: right;
	position: absolute;
	left: -18px;
	top: -0;
}
.outbound {
	width: 84%;
	margin-left: 16%;
}
.container {
	background-color: #b8ccff;
	padding: 5px;
	position: relative;
	margin: 0 20px;
	border-radius: 0 5px 5px 5px;
}
.misKk {
	background-color: #b3da49;
	border-radius: 5px 0 5px 5px;
}
.rightArr {
	border-top: 0px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #b3da49;
	float: right;
	position: absolute;
	right: -18px;
	top: 0;
}
.messInside {
	padding: 10px;
	background-color: #efefef;
	overflow: auto;
	background-image: url(../images/Capture.JPG);
	direction: ltr;
	border-left: 3px solid #95c11f;
}
.listNum {
	margin-bottom: 10px;
	font-weight: 500;
}
.msgBodyTxt {
	margin-top: 7px;
	font-size: 12px;
}
.msgSender {
	margin-top: 7px;
	font-size: 11px;
}
.msgDate {
	font-size: 11px;
}
.copyTitle, .closeCopyM {
	text-align: center;
	padding: 7px;
	cursor: pointer;
	border: 1px solid #6f6f6f;
	margin: auto;
	width: 250px;
	margin-bottom: 10px;
	background-color: #c7c7c7;
}
.closeCopyM {
	display: none;
}
.copyInnerOpt {
	border: 5px solid #2d2d2d;
	margin-bottom: 20px;
	display: none;
}
.moreInfo {
	background-image: url(../images/dots.png);
	width: 15px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: 15px;
	cursor: pointer;
	margin: auto;
	margin-top: 2px;
	background-position: center;
}
.popupMes {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 200px;
	height: 278px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	margin: auto;
	display: none;
	background-color: #fff;
	z-index: 5;
}
.headerK {
	position: relative;
	padding: 5px 10px;
	background-color: #4e4e4e;
	color: #fff;
	height: 18px;
}
.closeMin {
	position: absolute;
	right: 6px;
	top: 0px;
	cursor: pointer;
	padding: 5px;
	width: 9px;
	height: 9px;
}
.mInfoList {
	padding: 3px 6px;
	background-color: #f1f1f1;
	margin-bottom: 1px;
	font-weight: 500;
	height: 18px;
}
.sende {
	padding: 5px;
	background-color: #fff;
	height: 55px;
	margin-bottom: 5px;
}
.senderTxt {
	outline: none;
	border: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	resize: none;
	color: #000;
	font-weight: 500;
}
.sendeBtn {
	margin-top: 5px;
	text-align: center;
	height: 22px;
	cursor: pointer;
	background-color: #2994a5;
	padding-top: 5px;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	background: linear-gradient(to bottom, #33a7b9 0%, #248e9e 100%);
	border-radius: 3px;
}
.sendeBtn:hover {
	background: linear-gradient(to bottom, #2fc4da 0%, #0797ad 100%);
}
.inMik {
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #000;
	font-weight: 400;
}
.sendTxtd {
	margin-bottom: 3px;
}
.iggh {
	padding: 10px;
	background-color: #015cb9;
	color: #fff;
	font-size: 11px;
	position: relative;
	height: 156px;
}
.finn {
	font-weight: 400;
	font-size: 11px;
	background-color: #ffb;
	color: #000;
	padding: 2px 10px;
	border-radius: 2px;
}
.counttr {
	font-size: 11px;
	direction: ltr;
}
.xRotate {
	transform: rotate(180deg);
}
.opttMis {
	position: absolute;
	bottom: 1px;
	left: 1px;
	height: 30px;
	transition: all 0.7s cubic-bezier(0.25, 0.1, 0.38, 1.97) 0s;
}
.mapboxgl-ctrl-geocoder {
	font-family: inherit;
	border-radius: 0;
}
.mapboxgl-ctrl-geocoder--icon {
	top: 3px;
}
.arrTxt {
	position: absolute;
	top: 2px;
	right: -106px;
}
.dragH1, .headInx {
	padding: 5px 7px;
	font-size: 12px;
	font-weight: 100;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	background-color: #4e4e4e;
	color: #fff;
	cursor: all-scroll;
}
.headInx {
	padding: 7px 10px;
}
.popUpOut {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	display: none;
}
.inBodmn {
	padding: 10px;
}
.optForm {
	display: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.58);
	width: 710px;
	position: absolute;
	left: 0;
	top: 60px;
	font-weight: 400;
	direction: ltr;
	background-color: #909090;
}
.square {
	width: 24px;
	height: 24px;
	position: relative;
	background: #656565;
}
.square input {
	visibility: hidden;
}
.square .label {
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: absolute;
	left: 4px;
	top: 4px;
	background-color: #fff;
}
.square .label:after {
	content: '';
	width: 8px;
	height: 4px;
	position: absolute;
	top: 3px;
	left: 3px;
	border: 2px solid #000000;
	border-top: none;
	border-right: none;
	background: transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.square .label.hidden:after {
	display: none;
}
.loadsTxt {
	padding: 15px;
	text-align: center;
	background-color: #f1f1f1;
	color: #333;
	font-weight: 100;
	margin-bottom: 20px;
}
input.mainKKh {
	border: 1px solid #4e4e4e;
	padding: 5px 2px;
	margin-right: 10px;
}
span.topBtnvv {
	padding: 5px 0;
	background-color: #6395c7;
	border-radius: 2px;
	width: 60px;
	display: block;
	margin: 0 1px;
}
.iiMtk {
	height: 400px;
	overflow: auto;
}
.waitProcess {
	display: none;
	height: 50px;
}
.loadLocTxt {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 296px;
	height: 16px;
	top: 0;
	left: 0;
	margin: auto;
	text-align: center;
	background-color: rgba(0,0,0,0.77);
	padding: 10px;
	color: #fff;
	border-radius: 3px;
	display: none;
}
.labl.even.munn {
	width: 50%;
	float: left;
	height: 46px;
}
.labl.even.munn.jjj {
	width: 33.33333%;
	float: left;
	height: 46px;
}
.mapboxgl-ctrl-bottom-left {
	bottom: -2px;
	right: 5px;
	height: auto;
	overflow: hidden;
	left: auto;
}
.mapboxgl-ctrl-bottom-right {
	right: 10px;
	bottom: 1px;
	width: 270px;
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
	padding: 1px 5px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 260px;
}
.mapboxgl-ctrl-scale {
	border-style: none solid none solid;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
	float: right;
	text-align: center;
}
.mapboxgl-ctrl-scale {
	padding: 1px 5px;
}
.btnS {
	height: 33px;
}
.backBtn {
	display: none;
}
.simKK {
	width: 33.333333333%;
	float: left;
}
.simKK:last-child {
	width: 66.666666666%;
	float: left;
}
.padD {
	margin: 0 2px
}
.inde {
	padding: 0 5px;
	background-color: #fff;
	margin-bottom: 1px;
	height: 24px;
}
.msgskm {
	display: flex;
	margin: 5px 0 2px 0;
}
.minppd {
	flex-grow: 1;
}
.huiju {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	height: 100%;
	color: #000;
}
.langFlag {
	width: 32px;
	height: 19px;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #60afff;
}
.langFlag:hover {
	border: 1px solid #badcff;
}
.jup {
	height: 16px;
}
.linkOu {
	border: 1px solid #5f5f5f;
	padding: 7px;
	background-color: #fff;
}
input.pubLink {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	color: #000000;
	font-weight: 500;
	font-size: 13px;
}
.innsr {
	color: #fff;
}
.eInp.kmps.even {
	text-align: left;
}
.blockSec {
	width: 260px;
	float: left;
	height: 79px;
}
.inner_block {
	margin-left: 1px;
	background-color: #c1c1c1;
	height: 100%;
}
.kjui {
	padding: 10px;
	height: 30px;
}
.leftG {
	width: 50%;
	float: left;
}
.rightG {
	width: 50%;
	float: right;
}
.botG {
	padding: 0 10px;
}
.sosLoc, .copyBtns, .toolsBtn, .shareBtns {
	margin-bottom: 10px;
}
.misD {
	width: 195px;
	height: 50px;
}
.rowL {
	clear: both;
	margin-bottom: 1px;
	height: 79px;
	overflow: hidden;
}
.selKMin {
	width: 78px;
	border: 1px solid #777;
	height: 28px;
	border-radius: 2px;
}
.mainKKhu {
	padding: 5px 10px;
	width: 95px;
	border: 1px solid #777;
	height: 16px;
	border-radius: 2px;
}
.shareOnFb {
	background-color: #3b5998;
	height: 25px;
	margin-top: 12px;
	padding: 5px;
	border-radius: 2px;
}
.fbImg {
	background-image: url(../images/fb-small.png);
	width: 25px;
	height: 25px;
	float: left;
	background-repeat: no-repeat;
	background-size: 100%;
}
.fbTxt {
	padding: 4px 0 0 10px;
	float: left;
	font-weight: 600;
}
.extraInf {
	background-image: url(/images/dots.png);
	width: 15px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	margin: auto;
	display: block;
	float: right;
}
.fiy {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #4e4e4e;
}
.file {
	width: 208px;
}
input.btn.btn-default {
	width: 100%;
}
.table {
	padding: 0;
	background-color: #fff;
	table-layout: fixed;
}
.tr {
	background-color: #d7d7d7;
}
.table>thead>tr>th {
	z-index: 2;
	background-color: #4e4e4e;
	text-align: center;
	font-weight: 100 !important;
	color: #fff;
	border-right: 1px solid #fff;
	height: 14px;
	padding: 5px 0;
}
.table>tbody>tr>td {
	padding: 3px 5px;
	line-height: 20px;
	vertical-align: top;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: 500;
}
.tr:nth-child(even) {
	background-color: #eaeaea;
}
.crtGpx {
	border-radius: 4px;
	height: 22px;
	width: 120px;
	cursor: pointer;
	background-color: rgb(28, 70, 158);
	color: #fff;
	text-align: center;
	padding-top: 7px;
}
.gpxList {
	background-color: #fff;
	direction: ltr;
	padding: 5px;
	border-radius: 4px;
}
.gpxLi {
	max-height: 375px;
	overflow: auto;
}
.point {
	padding: 0;
	cursor: pointer;
	float: left;
	width: 92px;
}
.delPoint, .addPoint {
	float: right;
	color: #020202;
	background-color: #dcdcdc;
	font-weight: 500;
	padding-top: 1px;
	line-height: 20px;
	width: 20px;
	height: 21px;
	text-align: center;
	margin-top: 4px;
	cursor: pointer;
	margin: 0;
	margin-left: 1px;
}
.gpxBtns {
	height: 20px;
}
.gtv {
	float: left;
	width: 76px;
	text-align: center;
	background-color: #ccc;
	padding: 2px 0;
	cursor: pointer;
}
.gpxSave {
	float: right;
}
.fifMe {
	width: 100%;
	padding: 6px 0;
	border-radius: 4px;
}
.filNm, .filDs {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 2px 0;
}
input.filenme {
	border: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	direction: ltr!important;
}
.mist {
	padding: 0;
}
.outPoint {
	height: 22px;
	clear: both;
	margin-bottom: 1px;
	border: 1px solid #cacaca;
	background-color: #cacaca;
}
input.pointNm {
	width: 92px;
	border: 0;
	padding: 2px;
	height: 18px;
}
.outerTb {
	table-layout: fixed;
}
.gpxRows, .lyrRows {
	display: flex;
	background-color: #ffffff;
	border-bottom: 1px solid #e4e4e4;
}
.gpxRows:hover, .whtCl {
	background-color: #f1f1f1;
}
.arrIns, .cntIns {
	width: 24px;
	height: 24px;
	position: relative;
	background-color: #656565;
	margin: 3px;
	text-align: center;
}
.arrIns:hover {
	background-color: #757575;
}
span.cntsr {
	line-height: 24px;
}
.sep, .sep:nth-child(odd) {
	background: none;
	padding: 1px;
	display: flex;
}
.dowBx, .edtBx, .delBx, .reconBx {
	background-image: url(/images/edit.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	cursor: pointer;
	background-position: center;
	width: 24px;
	height: 24px;
	position: relative;
	background-color: #656565;
	margin: 3px 3px;
	text-align: center;
}
.dowBx {
	background-image: url(/images/download.svg);
	margin: 3px 0 3px 0;
}
.delBx {
	background-image: url(/images/delete.svg);
	margin: 3px 0;
}
.reconBx {
	background-image: url(/images/reconstruct.svg);
	margin: 0 0 0 3px;
}
.topTabs {
	padding: 0 0px;
	height: 26px;
}
.tabInn {
	width: 50%;
	float: left;
}
.TabItems[data-id="2"] {
	display: none;
}
.tabBtbs {
	background-color: #a9a9a9;
	margin-right: 2px;
	text-align: center;
	padding: 2px;
	cursor: pointer;
	height: 20px;
	border-radius: 3px 3px 0 0;
	color: #fff;
}
.tabBtbs[data-id="2"] {
	margin-right: 0px;
	margin-left: 1px;
}
.selectTab {
	background-color: #015cb9;
	height: 22px;
	color: #fff;
}
.routeNewBtn, .uploadNewBtn {
	cursor: pointer;
	color: #fff;
	text-align: center;
	padding: 4px 0;
	margin-bottom: 5px;
	height: 19px;
	line-height: 19px;
	margin-right: 2px;
}
.uploadNewBtn {
	margin-right: 1px;
	margin-left: 3px;
}
.totalDisOut {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	margin: auto;
	width: 200px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 11px;
	padding: 5px 0px;
	border-radius: 3px;
	text-align: center;
	display: none;
}
.crtMidd, .crtCont, .movCont, .canCont, .updRdes {
	border-radius: 4px;
	height: 29px;
	width: 100%;
	cursor: pointer;
	background-color: #297fb8;
	background: linear-gradient(to bottom, #3597d8 0%, #2376ad 100%);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	margin-bottom: 2px;
	line-height: 29px;
	padding: 0 5px;
	text-align: center;
	font-weight: 500;
}
.canCont {
	background: #666;
}
textarea.routeDs {
	border: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	direction: ltr!important;
	resize: none;
}
.helpTxt {
	position: absolute;
	max-width: 365px;
	top: 5px;
	left: 230px;
	display: none;
	background-color: #fff;
	padding: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 2px;
}
.fifMes {
	float: left;
	width: 50%;
}
.topAr {
	height: 32px;
}
.binX {
	padding: 3px 5px;
}
.uploadFileArea {
	display: none;
	margin-bottom: 3px;
}
.inpUp {
	margin-bottom: 5px;
}
.iconImg {
	width: 21px;
	height: 23px;
	background-image: url(../images/gps-device.svg);
	float: left;
	background-size: 100%;
	margin-right: 10px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
}
.iconImg[data-id="1"] {
	background-image: url(../images/route.svg);
	width: 15px;
	height: 17px;
	margin: 2px 12px 3px 3px;
	background-position: 0;
}
.icnTxt {
	float: left;
	text-align: center;
	width: 66px;
	font-weight: 500;
	margin-top: 2px;
}
.headFx {
	margin: 0 5px 5px;
	font-size: 12px;
	font-weight: 100;
	position: relative;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	background-color: #4e4e4e;
	color: #fff;
	cursor: all-scroll;
	padding: 3px;
	display: flex;
}
.popText {
	padding: 4px 17px 4px 5px;
	background-color: #4e4e4e;
	color: #fff;
	line-height: 14px;
}
.srchLbl {
	padding: 3px 4px 0;
	flex-grow: 1;
}
.infoIcs, .infoIct {
	background-image: url(../images/info-icon.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	float: right;
	margin: 4px 0px 0 0;
	cursor: pointer;
}
.infoDcs, .infoDct {
	position: absolute;
	background-color: #fff;
	left: 254px;
	width: 300px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.68);
	padding: 11px;
	display: none;
	color: #252121;
	text-align: -webkit-auto;
	border-radius: 5px;
	top: 0px;
}
.infoDct {
	top: 132px;
}
.opttBox {
	position: absolute;
	width: 260px;
	top: 5px;
	right: 10px;
	display: none;
	background-color: #2994a5;
	border-radius: 3px;
	z-index: 7;
	color: #fff;
}
.mapTyOptsx:last-child {
	border-bottom: 0;
}
.close {
	cursor: pointer;
	background-image: url(../images/closebtns.png);
	width: 23px;
	height: 23px;
	background-size: 100%;
}
.mapIns {
	float: left;
	width: 50%;
}
span.totalPoint, span.totalWPoint {
	margin-right: 10px;
}
.delLocInf {
	cursor: pointer;
	text-align: center;
	color: #f00;
	background-color: #ffd3d3;
	padding: 4px;
	font-weight: 700;
	text-transform: uppercase;
	height: 17px;
}
.hedNm {
	padding: 2px 10px;
}
.boxIs {
	padding: 10px;
	display: inline-block;
}
.sosInnk {
	background-color: #fff;
}
.alerttxt {
	padding: 10px;
}
.filenmd {
	padding: 0 10px;
}
input.reconInp {
	width: 494px;
	padding: 2px 10px;
	margin-bottom: 20px;
}
.button.sendRecon {
	margin-top: 20px;
}
textarea.reconInpTxt {
	width: 497px;
	padding: 10px;
	resize: none;
}
.mapLocTyps {
	position: absolute;
	top: -2px;
	right: 134px;
	height: 30px;
	display: none;
	z-index: 3;
	margin: 1px;
}
.msgInpsNew {
	height: 31px
}
input.msgInpNew {
	border: 0;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-size: 10pt;
	color: #353535;
	outline: none;
	font-weight: 400;
	width: 100%;
}
.outer-fix {
	display: flex;
	margin-bottom: 10px;
}
.outer-inp {
	flex-grow: 1;
	background-color: #fff;
	border: 1px solid #8e8e8e;
	padding: 5px;
}
.saveExpn, .addBtn {
	background-color: #5b5b5b;
	color: #fff;
	padding: 6px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 100;
	cursor: pointer;
	background: #616161;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	height: auto;
}
.mas-gin {
	margin-bottom: 5px
}
.alert-btns {
	display: flex;
	text-align: center;
}
.alert-box, .load-box {
	display: none;
	padding: 16px 0;
	text-align: center;
}
.alert-msg {
	height: 100px;
}
.tyMsgOne {
	font-size: 17px;
}
.tySubTwo {
	font-size: 13px;
	margin: 20px 0;
	font-weight: 100;
	height: 20px;
}
.alert-btns {
	display: flex;
}
.altrt {
	border-radius: 3px;
	background-color: #2994a5;
	padding: 10px 0;
	font-size: 14px;
	cursor: pointer;
}
.alert-yes {
	width: 70%;
	margin: 0 10px;
}
.alert-no {
	flex-grow: 1;
	background-color: rgba(255,255,255,.2);
}
.alert-try {
	flex-grow: 1;
	padding: 7px 0;
	font-size: 11px;
	margin: 0 30px;
}
.nav-icon {
	width: 18px;
}
.new-header {
	height: 45px;
	background-color: #015cb9;
	color: #fff;
	display: flex;
}
.new-left, .new-mid, .new-right, .new-inleft {
	display: flex;
}
.new-left, .new-right {
	width: 450px;
}
.new-mid, .new-inmid {
	flex-grow: 1;
}
.nav-icon:after, .nav-icon:before, .nav-icon div {
	background-color: #fff;
	content: '';
	display: block;
	height: 2px;
	margin: 0 0 3px 0;
	transition: all .2s ease-in-out;
}
.nav-icon:after {
	margin: 0;
}
.nav-icon-hover:before {
	transform: translateY(5px) rotate(135deg);
}
.nav-icon-hover:after {
	transform: translateY(-5px) rotate(-135deg);
}
.nav-icon-hover div {
	transform: scale(0);
}
.logo-box {
	width: 44px;
	height: 44px;
	background-image: url(../images/logos_rtl.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0px 12px;
	background-position: center;
}
.mobile-menu {
	margin: 9px 15px;
	width: 18px;
	height: 12px;
	padding: 7px 10px;
	border-radius: 2px;
	cursor: pointer;
}
.mobile-menu:hover {
	background-color: rgba(255,255,255,.2);
}
.new-left .new-inright, .new-right .new-inleft {
	width: 140px;
}
.deviceOut {
	margin: auto;
	display: flex;
	height: 27px;
	cursor: pointer;
	background-color: #f8f8ff;
	border-radius: 20px;
}
.deviceOut:hover {
	background-color: #f8f8ff;
}
.deviceIn {
	text-align: center;
	color: #000;
	font-size: 15px;
	flex-grow: 1;
	margin: 0px 0;
	height: 19px;
	padding: 4px 15px;
	line-height: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400;
}
.arrOut {
	margin: 3px 0px;
	height: 21px;
	border-left: 1px solid #015cb9;
}
.arrDown {
	border-top: 8px solid rgb(255, 255, 255);
	border-right: 6px solid #4376a900;
	border-left: 6px solid #4376a900;
	cursor: pointer;
	transition: .2s all;
	margin: 7px 10px;
}
.userTxt {
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	margin: 5px 0px;
	text-align: right;
}
.labl {
	padding: 0;
}
.new-inright {
	position: relative;
}
img.flag-img {
	width: 100%;
	height: 100%;
	display: block;
}
select.selbix {
	padding: 5px 10px;
	width: 95px;
	border: 1px solid #777;
	height: 28px;
	border-radius: 2px;
}
.smsdf, .hedNm {
	flex-grow: 1;
	padding: 5px 10px;
}
.inOpt, .mxbcf {
	display: flex;
}
.searcLock {
	position: absolute;
	left: 157px;
	z-index: 3;
	width: 240px;
	height: 25px;
	border: 1px solid #015cb9;
	background-color: #fff;
}
.mapboxgl-ctrl-geocoder {
	width: auto;
	font-size: 15px;
	line-height: normal;
	max-width: unset;
	background: none;
}
.mapboxgl-ctrl-geocoder--icon {
	top: 6px;
}
.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > * {
	top: 4px;
}
.mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions {
	box-shadow: none
}
input:-internal-autofill-selected {
 background-color: #fff !important;
}
.mapboxgl-ctrl-geocoder--icon {
	top: 1px;
	left: 5px;
}
input:-internal-autofill-selected {
 background-color: #fff !important;
}
.mapboxgl-ctrl-geocoder--input {
	height: 25px;
	font-weight: 400;
	color: #000;
	padding: 0px 35px;
}
.leftMBlock {
	position: absolute;
	left: 5px;
	right: 0;
	top: 50px;
	width: 214px;
	z-index: 6;
	transition: all 0.7s cubic-bezier(0.25, 0.1, 0.38, 1.97) 0s;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.ber {
	flex-grow: 1;
}
.tsb {
	font-weight: 600;
	margin-right: 4px;
}
.ier {
	width: 13px;
	height: 13px;
	background-image: url(../images/info_black.svg);
	cursor: pointer;
	transition: .3s all;
	background-size: 100%;
}
.ier_cl {
	transform: rotate(180deg)
}
.TabItems {
	padding-bottom: 3px;
}
.new-header {
	display: flex;
}
.header {
	display: none;
}
.closeBlock {
	position: absolute;
    width: 25px;
    height: 25px;
    right: -28px;
    top: 5px;
    background-image: url(../images/closeblock.svg);
    background-size: 11px;
    background-color: #8a8a8a;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
    cursor: pointer;
}
.close_hov {
	background-size: 18px;
	background-image: url(../images/list.svg);
}
.rightArea {
	position: absolute;
	right: 10px;
	top: 145px;
	width: 26px;
	height: 26px;
}
.showgpxLoad {
	position: absolute;
	top: 145px;
	right: 41px;
	height: 26px;
	background-color: #fff;
	line-height: 26px;
	border-radius: 3px;
	padding: 0 10px;
	display: none;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
	margin: 10px 5px 0 0;
}
.mapboxgl-ctrl-geocoder .suggestions {
	top: auto;
	bottom: calc(100% + 6px);
}
.leaflet-control-scale-line {
	border: 1px solid #777;
	padding: 0px 5px 0px;
	font-size: 11px;
	border-top: none;
}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 1px solid #777;
	margin-top: -1px;
}
.leaflet-control-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: .4s all;
}
.leftOpen {
	left: 300px;
	width: calc(100% - 300px);
}
.rightOpen {
	left: 0px;
	width: calc(100% - 450px);
}
.bothOpen {
	left: 300px;
	width: calc(100% - 750px);
}
.leaflet-control-layers {
	margin-right: 55px!important;
	position: absolute;
	right: 5px;
}
.leaflet-control-layers-base {
	width: 166px;
}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 35px;
}
a.leaflet-control-measure {
	background-image: url(../images/scale.svg);
	background-size: 20px;
	cursor: pointer;
}
.leaflet-control-geocoder-form {
	height: 20px;
	padding: 3px 0;
	vertical-align: top;
}
.leaflet-control-geocoder-form input {
	width: 226px;
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	padding: 0 10px;
	margin: 0;
}
button {
	outline: none;
}
.owm-legend-item img {
	height: 200px;
}
.leaflet-tooltip {
	padding: 0px 6px;
}
.flexer {
	display: flex;
	direction: ltr;
}
.mapTyOpts, .mapTyOptsx, .refSet, .opttBox {
	background-color: #2994a5;
}
.botBtn {
	width: 30px;
	height: 30px;
	background-image: url(../images/focus.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #4e4e4e;
	cursor: pointer;
	background-size: 20px;
	margin-right: 1px;
}
.botBtn:hover {
	background-color: #353535;
}
.suggSet {
	background-size: 100%;
	background-image: url(../images/bulb.gif);
}
.refSet {
	width: 120px;
	font-size: 11px;
	background-color: #4376a9;
	display: flex;
	background: none;
}
.trackLines {
	background-image: url(../images/tracklines.php?id=999);
}
.trackLines[data-id="1"] {
	background-image: url(../images/tracklines.php?id=fff);
}
.snctxt {
	font-size: 11px;
	padding: 9px 0 0 33px;
	text-align: left;
	color: #fff;
	flex-grow: 1;
	line-height: 11px;
}
.syncIcn {
	background-image: url(../images/sync.svg);
	width: 20px;
	height: 20px;
	margin: 5px;
	background-size: 100%;
	opacity: .5;
}
.snctxt {
	padding: 9px 0 0 8px;
}
.scrollWith {
	position: absolute;
	right: 0;
	bottom: 0;
	display: none;
}
.elevation-div {
	position: absolute;
	bottom: 15px;
	right: 2px;
	height: 188px;
	width: 600px;
	display: none;
}
.ele-in {
	width: 600px;
	height: 188px;
}
.gpxDynIcon {
	position: absolute;
	bottom: 20px;
	right: 10px;
}
.gpxInfoDiv {
	right: 40px;
	width: 252px;
	position: absolute;
	bottom: 0px;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	background-color: #fff;
	padding: 8px;
	display: none;
}
.botBtn.gpxDataBtn {
	background-image: url(../images/infos.svg);
	border: 0;
}
.botBtn:hover {
	background-color: #353535;
}
.elevation-icon, .gpxDataBtn, .showRoute, .showLocat {
	background-image: url(../images/elevation-steelblue.svg);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	width: 36px;
	height: 36px;
	background-color: #fff;
	margin-bottom: 5px;
}
.showRoute, .showLocat {
	position: absolute;
	background-image: url(../images/routes.php?id=333);
	background-size: 16px;
	top: 145px;
	right: 10px;
	border-radius: 4px;
	width: 26px;
	height: 26px;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
}
.showLocat {
	top: 181px;
	background-image: url(../images/pin.php?id=333);
}
.showRoute[data-id="1"], .showLocat[data-id="1"] {
	background-image: url(../images/routes.php?id=00f);
	box-shadow: 0 0 8px rgba(10,10,10,1.0);
}
.showLocat[data-id="1"] {
	background-image: url(../images/pin.php?id=00f);
}
.gpxDataBtn:hover, .elevation-icon:hover {
	background-color: rgba(248, 248, 249, 0.70);
}
.elevation-close, .closeInfo {
	position: absolute;
	top: -25px;
	right: 10px;
	height: 25px;
	width: 25px;
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 22px;
	line-height: 22px;
	background-color: rgba(70, 130, 180, 0.2);
	border-radius: 5px 5px 0 0;
}
.infoDcta, .infoDctf {
	position: absolute;
	background-color: #fff;
	right: 43px;
	width: 300px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	padding: 11px;
	display: none;
	color: #252121;
	text-align: -webkit-auto;
	border-radius: 5px;
	top: 73px;
	z-index: 5;
}
.infoDcta {
	top: 110px;
}
.infos {
	padding: 3px 10px;
	font-weight: 400;
	font-size: 11px;
	background-color: #e8e8e8;
	margin-bottom: 5px;
}
.lblOut {
	display: flex;
	margin-bottom: 3px;
}
.gpxInfoData {
	font-weight: 400;
}
.lblD {
	font-weight: bold;
	margin: 0px 7px;
}
.closeInfo {
	background-color: #fff;
}
.sep, .sep:nth-child(odd) {
	background: none;
	padding: 1px;
	display: flex;
}
.tsb {
	font-weight: 600;
	margin-right: 4px;
}
.ber {
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ksm {
	direction: ltr;
}
.ber {
	flex-grow: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.colPad {
	width: 5px;
	margin: 3px;
}
.gpxNm, .lyrNm {
	padding: 0 5px;
	cursor: pointer;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1;
}
.devH1 {
	display: flex;
	background-color: #e6e6e6;
	padding: 5px;
	font-size: 12px;
	font-weight: 400;
	height: 25px;
}
.devCnt {	
    background-color: #d2d2d2;
    line-height: 25px;     
    padding: 0 10px;
}
.devTxt {	
	flex-grow: 1;
	line-height: 25px;
	margin: 0 5px;
}
.devBody {
	overflow: auto;
}
.block {
	border-radius: 0;
	padding: 5px;
	font-weight: 400;
	cursor: pointer;
	font-size: 11px;
	border-bottom: 1px solid #e4e4e4;
}
.gpxRows:hover, .lyrRows:hover, .block:hover {
	background-color: #f1f1f1;
}
.block:last-child, .gpxRows:last-child, .lyrRows:last-child {
	border-bottom: 0;
}
.blockFocus, .whtCl {
	background-color: #fffbb2!important;
}
.block:last-child, .gpxRows:last-child, .lyrRows:last-child {
	border-bottom: 0;
}
.blockDyn {
	display: flex;
}
.leftInBlock {
	border-radius: 3px;
	overflow: hidden;
}