.card-block video, .modal-content video ,.video-wrapper video{
  width: 100%;
  height: auto;
}


body {
padding-top: 0px;
/*margin-top: -5% !important;*/
}
.text-blue{
color: #286090;
}
.actions{
cursor: pointer;
}
.owl-item .listings-grid__item { 
  padding: 6px;
}
.owl-item .listings-grid__items{
  padding: 6px;
}
.listings-grid__item {
  background-color: #fff;
  border-radius: 2px;
  /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
  display: block;
  margin-bottom: 25px; 
  overflow: hidden;
  position: relative;
  transition: background-color 0.3s ease 0s;
}
.newgrid .listings-grid__item{
  overflow: inherit !important;
  border-radius: 8px;
  border: 1px solid #ddd;
}

.newgrid .listings-grid__items{
  overflow: inherit !important;
  border-radius: 8px;
  border: none;
}

.fav .listings-grid__item{
  overflow: hidden !important;
}

.newgrid .listings-grid__main > img {
  border-radius: 8px 8px 0px 0px;
}

.favs .listings-grid__main > img {
  border-radius: 8px 8px 0px 0px;
}

.listings-grid .listings-grid__main {
  position: relative;
}
.listings-grid__main > img {
  transition: opacity 0.2s ease 0s;
  width: 100%;
}
.listings-grid__body {
  padding: 18px 20px 13px;
}
.listings-grid__body > h5, .listings-grid__body-related > h5, .listings-grid__body_grid > h5, .listings-grid__animation > h5, .listings-grid__body > small {
  overflow: hidden;
}
.listings-grid__body > small {
  color: #9c9c9c;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 5px;
}
.activity-log__text > a, .activity-log__text > small, .fc-event .fc-title, .footer__block--blog > a, .footer__block--blog > a > small, .listings-grid__body > h5, .listings-grid__body-related > h5, .listings-grid__body_grid > h5, .listings-grid__animation > h5, .listings-grid__body > small, .neighb-guide__label, .notes__title {
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  white-space: unset;
}
.listings-grid__body > h5 {
  font-size: 12px;
  margin: 0px 10px 6px 10px;
}
.tag_name > h5 {
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  padding: 2px;
  /* padding-left: 5%; */
}
/* .custom-bg .tag_name > h5{
  height: 34px;
} */

.listings-grid__body_grid > h5 {
  font-size: 12px;
  margin: 4px -25px 5px 0px;
}
a:focus,a:hover {
  color: #2196f3;
  text-decoration: none;
  cursor:pointer;
}
.border-left{
border-left:2px solid #ccc;
}
.vehicle-systems-title{
  font-weight: 200;
  font-size: 24px;
color: #000;
background:#ffffff;
padding:10px;
margin-bottom:25px;
}
.border-left:hover{
  border-left:2px solid #4685dd;
color: #4685dd;
}

.desc{
color: #888888;
font-weight:bold;
}
/* .effect-sadie:hover{
opacity:0.8;
} */


.margin-bottom-md{
margin-bottom:15px !important;
}
.margin-bottom-sm{
margin-bottom:10px !important;
}
.margin-bottom-xs{
margin-bottom:5px !important;
}
.margin-top-md{
margin-top:15px !important;
}
.margin-top-sm{
margin-top:10px !important;
}
.margin-top-xs{
margin-top:5px !important;
}

.footer {
bottom: 0px;
width: 100%;
height: auto;
line-height: 20px; /* Vertically center the text there */
background-color: #f5f5f5;
}
.footer .navbar {
margin-bottom: 0px !important;
}

.footer-basic{
background-color: transparent;
}

.footer_spacer{
height: 60px
}

.footer .nav li{
display: inline-block;
line-height: 60px;
}

.footer .nav>li>a:hover, .footer .nav>li>a:focus {
  background-color: transparent;
}
/*
.footer .nav>li>a {
  padding: 0px 10px;
  color: #D7D7D7;
  
}

.footer  a {
  color: #28ABE3;
}
*/
.footer  a:hover, .footer  a:focus {
  /* color: #325d88; */
  opacity: 0.62;
}

.clear{
clear: both;
}


.menu-fav-his-new a {
text-decoration: none;
}


.menu-fav-his-new a:visited {
color: #0000FF;
}

.menu-fav-his-new a:active {
color: #FF0000;
border-bottom: 2px solid #DD0000;
}

.menu-fav-his-new a:hover {
color: #000000;
border-bottom: 3px solid #DD0000;
}

.box--high {
height: 70px;
line-height: 16px;
}


.menu-fav-his-new li{
display: inline-block;
line-height: 10px;
}

.navmenucls {
  border-bottom: 3px solid #DD0000;
}

/*start email dialog css*/
/* Tabs panel */
.tabbable-panel {
border: none;
padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabs > li {
margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 4px solid #85c4fc;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
border-bottom: 4px solid #337ab7;
position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
border: 0;
color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}
.media-heading-banner{
margin-top:20px;
}

.well{
margin-bottom:5px;
background-color: #fff !important;
}

.selectedAnimationsList{
max-height:300px;
overflow: auto;
}
hr {
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}
.modal {
text-align: center;
padding: 0!important;
background: rgba(255,255,255,0.8) !important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
video::-internal-media-controls-download-button {
display: none;
}

video::-webkit-media-controls-enclosure {
overflow: hidden;
}

video::-webkit-media-controls-panel {
width: calc(100% +   30px); /* Adjust as needed */
}
.modal-body {
 /* max-height: calc(100vh - 200px);
  overflow-y: auto;*/
}
.email-banner{
/*width: 155px;*/
  height: 66px;
  cursor:pointer;
}
.active-banner{
opacity:1;
}
.in-active-banner{
opacity:0.2;
}
/*end email dialog css*/

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px ;
    margin: 1px auto;
    border-top: 0px solid #a9a9a9 !important; 
}

/*Added by Preethi 17 Nov, 2022*/
.paddingZeroStyle
{
  padding: 0 !important;
}
.textAllignLeft
{
  text-align: left !important;
}
.textAllignRight
{
  text-align: right !important;
}
.floatLeft
{
  float: left !important;
}
.floatRight
{
  float: right !important;
}
.top8style
{
  margin-top: 8px !important;
}
.top20style
{
  margin-top: 20px !important;
}
.top1style
{
  margin-top: 1px !important;
}
.topm7style
{
  margin-top: -7px !important;
}
.marginleftStyle
{
  margin-left: -5px !important;
}
.freeTrialDatepickerStyle
{
  top: 260px !important;
  width: 255px !important;
}
.emailDatepickerStyle
{
  top: 320px !important;
  width: 255px !important;
}
.smsDatepickerStyle
{
  top: 335px !important;
  width: 255px !important;
}
.daterangepicker.dropup:after {
    display: none !important;
}
.daterangepicker.dropdown-menu {
      width: auto !important;
}

/* css add by sadam css for tooltip and its close content start */

.iconSpanCloser {
  position: absolute;
    margin-left: -28px;
    margin-top: 7px;
   
}
.iconSpanCloser .tooltiptext {
  visibility: hidden; 
  width: 190px; 
  background-color: #ddebf3;
  color: rgb(31, 29, 29);
  text-align: center;
  border-radius: 5px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: -225%;
  left: -515%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.iconSpanCloser:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* css add by sadam css for tooltip and its close content end */