.img-zone-ecm {
height: 220px;display: flex;
justify-content: center;
align-items: center;
}
.img-size-ecm { display: block;
width: auto;
height: auto;
margin: 0 auto;
top: unset !important;
max-width: 150px !important;
}
.img-size-ecm-sd { display: block;
width: auto;
height: auto;
margin: 0 auto;
top: unset !important;
max-width: 100% !important;
}
.center-img-ecm {
text-align: center;
}
.card-ecm {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
padding: 15px;
height: 100%;
}
p.head-fleet-title.text-center {
font-size: 13px;
}
.box-content-ecm{
margin-bottom:15px;
}
.show-text-ecm {
height: 140px;
overflow: auto;
padding: 10px;
max-height: 160px;
}
.bm-fleet{
background-color: rgba(23, 26, 32, 0.8); 
border: none; 
border-radius: 6px; 
color: #fff; 
flex-grow: 1; 
font-family: SFProText-Regular, Helvetica, Arial, sans-serif; 
font-size: 15px; 
height: 36px; 
line-height: 20px; 
margin-left: 8px; 
margin-right: 6px; 
min-width: 185px; 
padding: 0 16px 0 16px; 
color:white; 
cursor: pointer; 
margin-bottom: 15px;
margin-top: 15px; 
}
.bm-fleet:hover{ 
background-color: rgba(23, 26, 32, 1); 
cursor: pointer; 
} 
.show-text-ecm::-webkit-scrollbar,.content-all-car::-webkit-scrollbar {
width: 5px;
}
.show-text-ecm::-webkit-scrollbar-thumb,.content-all-car::-webkit-scrollbar-thumb {
background: #999999;
}
.modal {
display: none; 
position: fixed; 
z-index: 9999999999999; 
left: 0;
top: 0;
width: 100%; 
height: 100%;  
background-color: rgba(0,0,0,0.4); 
}
.modal-content {
background-color: #fefefe;
margin: 8% auto; 
padding: 20px;
border: 1px solid #888;
width: 80%; 
overflow: auto; 
animation-duration: 1s;
max-width: 800px;
}
.animated {
animation-fill-mode: both;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeIn {
animation-name: fadeIn;
}
.fadeOut {
animation-name: fadeOut;
}
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer
}
.main-slider{
margin: auto;
display: block;
width: 100%;
}
div#modal-content-slider {
min-height: 300px;
height: auto;
display: flex !important;
align-items: center;
justify-content: center;
}
#modal-content-carname {
border-bottom: 2px solid #999999;
width: 100%;
display: block;
margin-bottom: 5px;
}
.content-all-car{
padding: 15px;
height: auto;
max-height: 300px;
overflow-y: auto;
}
div#modal-content-slider {
width: 50% !important;
margin: auto;
}