/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-dashboard-active {
  border: 2px solid #5A8DEE;
}

.swiper-centered-slides.swiper-container .swiper-slide.swiper-slide-dashboard-active i {
  color: #5A8DEE;
}

.single-content-header {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  white-space: nowrap !important;
}

.single-dashboard-tab>div {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}


.single-dashboard-tab div>a {
  white-space: nowrap !important;
}

.singleinfostabs>ul {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}


.singleinfostabs .nav-pills>li>a {
  white-space: nowrap !important;
}


@media (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
}

@media only screen and (max-width: 769px) {
  .hidden-mobile {
    display: none;

  }

  .sub-bottom {

    bottom: 64px;

  }

  .hidden-topbar {
    display: none;
  }

  .login-page .card {
    width: 70%;
    /* margin: 50px; */
  }

  .backdrop-menu {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100vh;
    width: 120%;
    margin-left: -20px;
    /* z-index: 2; */
  }

  #popup {
    position: fixed;
    z-index: 100;
    left: 20%;
    right: 20%;
    top: 35%;
  }

  /* 
	.card-icon-badge {
  
	  top: 0px;
  
	} */
  .magin-top-product {
    margin-top: 100px;
  }

}

@media (min-width: 900px) {
  .show-mobile {
    display: none;
  }

}


/* buttom menu */

.bottom-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  z-index: 1040;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.bottom-menu-dark {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #1a233a;
  z-index: 1040;
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.bottom-menu-item {
  width: 25%;
  text-align: center;
}

.bottom-menu-item a {
  /* color: #000; */
  color: #727E8C;
  text-decoration: none;
}

.bottom-menu-item a:hover {
  color: #727E8C;
}

.bottom-menu-item.active a {
  color: #5A8DEE;
  /* color: #333435; */
  /* color: #727E8C; */
}

.bottom-menu-item a i {
  font-size: 1.4rem;
}

@media (min-width: 769px) {
  .bottom-menu {
    display: none;
  }
  .bottom-menu-dark {
    display: none;
  }
}




/*    title rotate icon css    */
/*-------------------------------*/
.title-collapse-icon .card-header {
  position: relative;
}

.title-collapse-icon [data-toggle="collapse"]:before {
  position: absolute;
  /* top: 26%; */
  right: 20px;
  font-family: 'boxicons';
  content: "\e9b2";
  transition: all 200ms linear 0s;
  /* font-size: 1.2rem; */
  /* font-weight: 600; */
  font-size: 1.5rem !important;
  vertical-align: middle !important;
}

.title-collapse-icon.accordion-icon-rotate [aria-expanded="true"]:before {
  /* collapse icon rotate animation css */
  transform: rotate(90deg);
}


.line-ellipsis-h1p7 {
  line-height: 1.7em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}