html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/*CUSTOM SCROLLBAR MENU LATERAL*/

.toolbarContainertest .MuiPaper-root>div>div::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.toolbarContainertest .MuiPaper-root>div>div::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

.toolbarContainertest .MuiPaper-root>div>div::-webkit-scrollbar-thumb {
  background: rgb(249, 224, 0);
  background: linear-gradient(180deg, rgba(249, 224, 0, 1) 0%, rgba(253, 131, 1, 1) 100%);
  border-radius: 10px;
  border: 1px solid #6e6e6e;
}

/*custom plates*/

.placa {
  width: 95px;
  max-width: 95px;
  min-width: 95px;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-weight: 500;
  border-radius: 5px;
}

.particular {
  background-color: #decc22;
  color: black;
  outline: solid #decc22 2px;
  border: solid 2px black;
}

.publico {
  background-color: #e7e7e7;
  color: black;
  outline: solid #e7e7e7 2px;
  border: solid 2px black;
}

.comercial {
  background-color: #438d09;
  color: white;
  outline: solid #438d09 2px;
  border: solid 2px white;
}

.diplomatico {
  background-color: #1c2894;
  color: white;
  outline: solid #1c2894 2px;
  border: solid 2px white;
}

.clasico {
  background: rgb(27, 39, 147);
  background: linear-gradient(90deg, rgba(27, 39, 147, 1) 0%, rgba(27, 39, 147, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 66%, rgba(27, 39, 147, 1) 66%, rgba(27, 39, 147, 1) 100%);
  color: black;
  outline: solid white 2px;
  border: solid 2px black;
}
.containerLogo {
position: absolute;
left: 390px;
width: 200px;
top: 4px;
height: 100px;
overflow: hidden;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .containerLogo {
    left: 380px;
    height: 50px;
  }
}


@media (max-width: 600px) {
  .containerLogo {
    left: 12px !important;
    top: 12px !important;
  }
}

/*iconMenuBurgerMainPhone*/
.iconMenuBurgerMainPhone{
  top:62px !important;
}
/*Icons3d*/
.containerIcon {
  background: none !important;
  border-radius: unset !important;
}

.containerIcon img {
  width: auto;
  height: 100%;
}

/*StatusCard*/
.closeStatusCardButton{
  margin: 3px !important;
  padding: 0 !important;
  transition: .3s ease all !important;
}
.closeStatusCardButton:hover{
  transform:  scale( 1.2) !important;
}