/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: local('Poppins Light'), local('Poppins-Light'), url('../fonts/Poppins-Light.otf') format('otf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/Poppins-Regular.otf') format('otf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/Poppins-Medium.otf') format('otf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../fonts/Poppins-SemiBold.otf') format('otf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/Poppins-Bold.otf') format('otf');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'), url('../fonts/Poppins-ExtraBold.otf') format('otf');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-5-15 17:19:52
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes scale-up-br{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@keyframes scale-up-br{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}
 .scale-up-br{-webkit-animation:scale-up-br .4s cubic-bezier(.39,.575,.565,1.000) alternate backwards;animation:scale-up-br .4s cubic-bezier(.39,.575,.565,1.000) alternate backwards}

.img_product_data_table{
    width: 50px;
    height: 50px;    
  }

.search-box .app-search select{
  padding: 0 0 0 10px;
}

@media only screen and (max-width: 992px){
  .modal{
    padding-bottom: 40px;
  }
}

.btn-green{
  background-color: green;
  color: white;
}

.btn-green:hover{
  color: white!important;
}
.emoji{
  font-size: 15px;
}
.emoji:hover{
  cursor: pointer;
}
.chat-main-header{
  transition: 2s;
}
.chat-list li.reverse .chat-time {
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
  width: auto;
  float: right;
  clear: right;
}

.chat-img{
  float: right;
}


 
/*This is for chat page*/

.chat-main-box .chat-left-aside {
  left: -250px;
  position: absolute;
  transition: 0.5s ease-in;
  background: #ffffff;
}

.chat-main-box .chat-left-aside.open-pnl {
  left: 0px;
}

.chat-main-box .chat-left-aside .open-panel {
  display: block!important;
  left: 100%!important;
}

.chat-main-box .chat-right-aside {
  width: 100%;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  height: 35px;
  padding-top: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #67757c;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  margin-top: 4px;
  margin-right: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-selection__placeholder {
  padding-left: 10px;
}

.mini-sidebar .sidebar-nav li:hover span {
  display: inline;
}
.mini-sidebar .sidebar-nav span {
  display: none;
}