/*********************************
			NEW LASTPOS
*********************************/

.panelLastpos {
	position:relative;
	display: inline-block;
	height: 100%;
	transition: 0.3s;
}

#panelLeft {
	float: left;
}

#panelRight {
	float: none;
}

.panelRightMid{
	max-width: 100%;
}

.panelRightMax{
	width: 100%;
}

/* 	 MEXI AQUI */
#sitCardDetail {
	height: 100%;
	width: 100%;
}

#sitCardMap, #sitCardList {
	transition: 0.3s;
}

#sitCardList {
	overflow: hidden;
}

.sitCardListContainer {
	position: relative;
	width: 100%;
	height: 100%;
}

.cardMapMin {
	height: 0px;
	margin-top: 0px;
	border-top: none;
}

.cardMapMid {
	height: calc(50% - 2.5rem);
}

.cadMapMidRight{
	min-width: 0px;
	width: calc(100% - 370px);
	right: 0px;
	height: 50%;
}

.cardMapMax {
	height: calc(100% - 2.5rem);
}

.cardListMin {
	height: 2.5rem;
}

.cardListMid {
	height: calc(50% - 1rem);
}

.cardListMax {
	height: calc(100% - 3.5rem);
	max-height: calc(100% - 3.5rem);
}

#divMap {
    width: 100%;
    height: 100%;
    animation: sit-fadeEffect .3s;
}

#divPopup {
    width: 600px;
}

#panelContent {
	height: calc(100% - 60px);
	animation: sit-fadeEffect .3s;
}



.actionBar {
	display: block;
	height: 40px;
	width: 100%;
	padding: 4px;
}

.actionItem {
	position: relative;
	height: 100%;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
}

.actionItem:first-child {
    margin-left: 6px;
}

.actionBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 28px;
	width: 28px;
	font-size: 18px;
	color: var(--vcolor-main);
	text-decoration: none;
	cursor: pointer;
	border-radius: 4px;
	transition: 0.2s;
	border: 2px solid var(--vcolor-main);
}

.actionBtn:hover {
	background-color: var(--vcolor-main);
	color: #FFFFFF !important;
}

.actionBtnBack {
	border: 2px solid var(--vcolor-main);
	background-color: white;
	color: var(--vcolor-main);
}

.actionBtnBack:hover {
	border: 2px solid white;
	background-color: var(--vcolor-main);
	color: #FFFFFF;
}

.listContainerCss {
	height: calc(100% - 2.5rem);
}

.listContainerMid {
	height: calc(78% - 40px);
}

.listContainerHist {
	height: calc(100% - 50px);
}

.listPanel {
	position: relative;
	height: 100%;
	width: 100%;
}

.panelCarItemBtn, .panelCarItemBtnTab {
	height: 32px;
	width: 48px;
	line-height: 30px;
	font-size: 18px;
	padding: 0px;
	vertical-align: bottom;
}

.panelCarItemCmd {
	margin-left: 10px;
}

.panelContentItem {
	position: relative;
	display: block;
	/*height: calc(100% - 108px);*/
	width: 100%;
	/*overflow: auto;*/
	animation: sit-fadeEffect .3s;
}

.modalOcorrenciaContent {
	width: 100%;
	height: calc(100% - 50px);
	margin-top: 10px;
	overflow: auto;
	text-align: center;
}

.tdTpri1 {
	background-image: linear-gradient(to left, rgba(var(--vcolor-tpri1),.8), rgba(var(--vcolor-tpri1),.5));
}

.tdTpri2 {
	background-image: linear-gradient(to left, rgba(var(--vcolor-tpri2),.8), rgba(var(--vcolor-tpri2),.5));
}

.tdTpri3 {
	background-image: linear-gradient(to left, rgba(var(--vcolor-tpri3),.8), rgba(var(--vcolor-tpri3),.5));
}

.tdTpri4 {
	background-image: linear-gradient(to left, rgba(var(--vcolor-tpri4),.8), rgba(var(--vcolor-tpri4),.5));
}

.tdTpri5 {
	background-image: linear-gradient(to left, rgba(var(--vcolor-tpri5),.8), rgba(var(--vcolor-tpri5),.5));
}

.divTabPanelContentPosicaoContent {
    width: 100%;
    height: calc(100% - 10px);
    animation: sit-fadeEffect .3s;
}

.lastposChartVelocidade {
	height: calc(100% - 50px);
	width: 100%;
}

.lastposChartTemperatura {
	height: calc(100% - 90px);
	width: 100%;
}

/*********************************
			OLD LASTPOS
*********************************/

/* .imageControl { */
/* 	width: 16px; */
/* 	height: 16px; */
/* } */

/* .divBuscaList{ */
/* 	padding-top: 4px; */
/* } */

/* .btnBuscaList{ */
/* 	padding: 4px 4px; */
/* 	border-radius: 4px; */
/* 	background-color: #CC0000; */
/* 	border: 1px solid black; */
/* 	cursor: pointer; */
/* 	color: white; */
/* } */

/* .btnBuscaList:hover{ */
/* 	color: #CC0000; */
/* 	background-color: #FFFFFF; */
/* 	border: 1px solid #CC0000; */
/* } */

/* #mapBuscaList { */
/* 	text-align: left; */
/* 	width: 20%; */
/* 	height:90%; */
/* 	overflow: auto; */
/* 	display: inline-block; */
/* 	float: left; */
/* } */

/* #mapBuscaContent { */
/* 	text-align: left; */
/* 	width: 80%; */
/* 	display: inline-block; */
/* 	padding-left: 10px; */
/* 	overflow: auto; */
/* 	border-left: 1px solid black; */
/* } */

/* #parentw-main { */
/* 	height: 100%; */
/*     width: 100%; */
/* } */

/* #parentw-acoes { */
/* 	float: left; */
/*     height: 100%; */
/*     width: 50%; */
/*     display: inline-block; */
/*     background-color: #eaeaea; */
/*     text-align: left; */
/* } */

/* #parentw-map { */
/* 	float: right; */
/* 	width: 50%; */
/*     height: 100%; */
/*     display: inline-block; */
/*     background-color: #AADAFF; */
/* } */

/* #mapAcoesContent { */
/*     width: 100%; */
/* 	height: 100%; */
/* 	padding: 10px; */
/*     border-right: 1px solid black; */
/* } */

/* #mapAcoesContentContainer { */
/*     width: 100%; */
/* 	height: 100%; */
/* } */

/* #mapAcoes { */
/* 	height: 100%; */
/*     width: 100%; */
/* } */

/* #mapPainel { */
/*     clear: both; */
/*     position: relative; */
/*     width: 100%; */
/*     height: 100%; */
/*     display: inline-block; */
/*     background-color: #AADAFF; */
/* } */
#mapOcorrencia, #mapVerOcorrencia {
    position: relative;
    width: 100%;
    height: calc(100% - 40px);
    background-color: #AADAFF;
}

/* .tabMapContent { */
/* 	text-align: left; */
/* 	width: 100%; */
/* 	height: 100%; */
/*     display: none; */
/* } */



/* #mapPainelPopup { */
/*     width: 600px; */
/* } */

#mapOcorrenciaPopup {
    width: 600px;
}

#mapVerOcorrenciaPopup {
    width: 600px;
}

/* .popover{ */
/*     max-width: 100%; */
/* } */

/* .popover-title { */
/* 	text-align: center; */
/* 	font-weight: bold; */
/* 	font-size: 16px; */
/* 	padding: 5px; */
/* 	line-break: strict; */
/* } */

/* .popover-content { */
/* 	font-size: 12px; */
/* 	padding: 5px; */
/* 	line-break: strict; */
/* } */

/* .ol-unselectable { */
/* 	width: auto; */
/* 	height: auto; */
/* 	max-width: 100%; */
/* 	max-height: 100%; */
/* } */

/* #headersArea { */
/* /* 	position: absolute; */ */
/* /*     margin-left: 0px; */ */
/* /*     z-index: 1; */ */
/*     display: block; */
/* } */

/* #contentArea { */
/* /* 	padding-top: 40px; */ */
/* /*     display: inline-block; */ */
/* } */

/* #contentArea tr { */
/* 	cursor: pointer; */
/* 	    height: 35px; */
/* } */

/* #contentArea tr:hover { */
/* 	background-color: #e4e4e4; */
/* } */

/* .context-menu-list { */
/* 	min-width: 250px; */
/* 	max-width: 500px; */
/*     border: 1px solid var(--vcolor-main); */
/* } */

/* .context-menu-hover { */
/* 	background-color: var(--vcolor-4) !important; */
/* } */

/* .context-menu-icon::before { */
/* 	color: var(--vcolor-main) !important; */
/* } */

/* .context-menu-icon { */
/* 	color: var(--vcolor-main) !important; */
/* } */

/* .context-menu-separator { */
/* 	border: 1px solid var(--vcolor-disabled); */
/* } */

.panelItemHistIcon {
	width: 20px;
	text-align: center;
}

.panelItemHistContent {
	width: 50px;
	margin-right: 10px;
}

#mapBuscaList {
	position: relative;
	display: inline-block;
	float: left;
	width: 80px;
	margin-left: 10px;
	overflow: auto;
}

.mapBuscaListBtn {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

#mapBuscaContent {
	position: relative;
	display: inline-block;
	float: right;
	width: calc(100% - 90px);
	overflow: auto;
}