/*
 * iShopGo - Admin Page - Custon HTML Template
 * Time: Jul 2016 
 * Author: Seb - hieptq11@gmail.com
 */
/**
 * Retrieves a color value from the $material-colors Sass map
 * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
 *
 * @function
 * @param {string} color-name             - quoted, lower-case, dasherized color
 *                                          name (e.g. 'pink', 'amber')
 * @param {string} [color-variant='500']  - quoted, lowercase color variant (e.g.
 *                                          '200', 'a100')
 */
/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-50 {
  color: #ffebee !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-50 {
  background-color: #ffebee !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-100 {
  color: #ffcdd2 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-100 {
  background-color: #ffcdd2 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-200 {
  color: #ef9a9a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-200 {
  background-color: #ef9a9a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-300 {
  color: #e57373 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-300 {
  background-color: #e57373 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-400 {
  color: #ef5350 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-400 {
  background-color: #ef5350 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-500 {
  color: #f44336 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-500 {
  background-color: #f44336 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-600 {
  color: #e53935 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-600 {
  background-color: #e53935 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-700 {
  color: #d32f2f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-700 {
  background-color: #d32f2f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-800 {
  color: #c62828 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-800 {
  background-color: #c62828 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-900 {
  color: #b71c1c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-900 {
  background-color: #b71c1c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-a100 {
  color: #ff8a80 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-a100 {
  background-color: #ff8a80 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-a200 {
  color: #ff5252 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-a200 {
  background-color: #ff5252 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-a400 {
  color: #ff1744 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-a400 {
  background-color: #ff1744 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-red-a700 {
  color: #d50000 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-red-a700 {
  background-color: #d50000 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-50 {
  color: #fce4ec !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-50 {
  background-color: #fce4ec !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-100 {
  color: #f8bbd0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-100 {
  background-color: #f8bbd0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-200 {
  color: #f48fb1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-200 {
  background-color: #f48fb1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-300 {
  color: #f06292 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-300 {
  background-color: #f06292 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-400 {
  color: #ec407a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-400 {
  background-color: #ec407a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-500 {
  color: #e91e63 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-500 {
  background-color: #e91e63 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-600 {
  color: #d81b60 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-600 {
  background-color: #d81b60 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-700 {
  color: #c2185b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-700 {
  background-color: #c2185b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-800 {
  color: #ad1457 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-800 {
  background-color: #ad1457 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-900 {
  color: #880e4f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-900 {
  background-color: #880e4f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-a100 {
  color: #ff80ab !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-a100 {
  background-color: #ff80ab !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-a200 {
  color: #ff4081 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-a200 {
  background-color: #ff4081 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-a400 {
  color: #f50057 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-a400 {
  background-color: #f50057 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-pink-a700 {
  color: #c51162 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-pink-a700 {
  background-color: #c51162 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-50 {
  color: #f3e5f5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-50 {
  background-color: #f3e5f5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-100 {
  color: #e1bee7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-100 {
  background-color: #e1bee7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-200 {
  color: #ce93d8 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-200 {
  background-color: #ce93d8 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-300 {
  color: #ba68c8 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-300 {
  background-color: #ba68c8 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-400 {
  color: #ab47bc !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-400 {
  background-color: #ab47bc !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-500 {
  color: #9c27b0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-500 {
  background-color: #9c27b0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-600 {
  color: #8e24aa !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-600 {
  background-color: #8e24aa !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-700 {
  color: #7b1fa2 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-700 {
  background-color: #7b1fa2 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-800 {
  color: #6a1b9a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-800 {
  background-color: #6a1b9a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-900 {
  color: #4a148c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-900 {
  background-color: #4a148c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-a100 {
  color: #ea80fc !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-a100 {
  background-color: #ea80fc !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-a200 {
  color: #e040fb !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-a200 {
  background-color: #e040fb !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-a400 {
  color: #d500f9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-a400 {
  background-color: #d500f9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-purple-a700 {
  color: #aa00ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-purple-a700 {
  background-color: #aa00ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-50 {
  color: #ede7f6 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-50 {
  background-color: #ede7f6 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-100 {
  color: #d1c4e9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-100 {
  background-color: #d1c4e9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-200 {
  color: #b39ddb !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-200 {
  background-color: #b39ddb !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-300 {
  color: #9575cd !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-300 {
  background-color: #9575cd !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-400 {
  color: #7e57c2 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-400 {
  background-color: #7e57c2 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-500 {
  color: #673ab7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-500 {
  background-color: #673ab7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-600 {
  color: #5e35b1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-600 {
  background-color: #5e35b1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-700 {
  color: #512da8 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-700 {
  background-color: #512da8 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-800 {
  color: #4527a0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-800 {
  background-color: #4527a0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-900 {
  color: #311b92 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-900 {
  background-color: #311b92 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-a100 {
  color: #b388ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-a100 {
  background-color: #b388ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-a200 {
  color: #7c4dff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-a200 {
  background-color: #7c4dff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-a400 {
  color: #651fff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-a400 {
  background-color: #651fff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-purple-a700 {
  color: #6200ea !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-purple-a700 {
  background-color: #6200ea !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-50 {
  color: #e8eaf6 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-50 {
  background-color: #e8eaf6 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-100 {
  color: #c5cae9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-100 {
  background-color: #c5cae9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-200 {
  color: #9fa8da !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-200 {
  background-color: #9fa8da !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-300 {
  color: #7986cb !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-300 {
  background-color: #7986cb !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-400 {
  color: #5c6bc0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-400 {
  background-color: #5c6bc0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-500 {
  color: #3f51b5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-500 {
  background-color: #3f51b5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-600 {
  color: #3949ab !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-600 {
  background-color: #3949ab !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-700 {
  color: #303f9f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-700 {
  background-color: #303f9f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-800 {
  color: #283593 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-800 {
  background-color: #283593 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-900 {
  color: #1a237e !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-900 {
  background-color: #1a237e !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-a100 {
  color: #8c9eff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-a100 {
  background-color: #8c9eff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-a200 {
  color: #536dfe !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-a200 {
  background-color: #536dfe !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-a400 {
  color: #3d5afe !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-a400 {
  background-color: #3d5afe !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-indigo-a700 {
  color: #304ffe !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-indigo-a700 {
  background-color: #304ffe !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-50 {
  color: #e3f2fd !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-50 {
  background-color: #e3f2fd !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-100 {
  color: #bbdefb !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-100 {
  background-color: #bbdefb !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-200 {
  color: #90caf9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-200 {
  background-color: #90caf9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-300 {
  color: #64b5f6 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-300 {
  background-color: #64b5f6 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-400 {
  color: #42a5f5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-400 {
  background-color: #42a5f5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-500 {
  color: #2196f3 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-500 {
  background-color: #2196f3 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-600 {
  color: #1e88e5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-600 {
  background-color: #1e88e5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-700 {
  color: #1976d2 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-700 {
  background-color: #1976d2 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-800 {
  color: #1565c0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-800 {
  background-color: #1565c0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-900 {
  color: #0d47a1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-900 {
  background-color: #0d47a1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-a100 {
  color: #82b1ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-a100 {
  background-color: #82b1ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-a200 {
  color: #448aff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-a200 {
  background-color: #448aff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-a400 {
  color: #2979ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-a400 {
  background-color: #2979ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-a700 {
  color: #2962ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-a700 {
  background-color: #2962ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-50 {
  color: #e1f5fe !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-50 {
  background-color: #e1f5fe !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-100 {
  color: #b3e5fc !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-100 {
  background-color: #b3e5fc !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-200 {
  color: #81d4fa !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-200 {
  background-color: #81d4fa !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-300 {
  color: #4fc3f7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-300 {
  background-color: #4fc3f7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-400 {
  color: #29b6f6 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-400 {
  background-color: #29b6f6 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-500 {
  color: #03a9f4 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-500 {
  background-color: #03a9f4 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-600 {
  color: #039be5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-600 {
  background-color: #039be5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-700 {
  color: #0288d1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-700 {
  background-color: #0288d1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-800 {
  color: #0277bd !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-800 {
  background-color: #0277bd !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-900 {
  color: #01579b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-900 {
  background-color: #01579b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-a100 {
  color: #80d8ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-a100 {
  background-color: #80d8ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-a200 {
  color: #40c4ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-a200 {
  background-color: #40c4ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-a400 {
  color: #00b0ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-a400 {
  background-color: #00b0ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-blue-a700 {
  color: #0091ea !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-blue-a700 {
  background-color: #0091ea !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-50 {
  color: #e0f7fa !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-50 {
  background-color: #e0f7fa !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-100 {
  color: #b2ebf2 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-100 {
  background-color: #b2ebf2 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-200 {
  color: #80deea !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-200 {
  background-color: #80deea !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-300 {
  color: #4dd0e1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-300 {
  background-color: #4dd0e1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-400 {
  color: #26c6da !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-400 {
  background-color: #26c6da !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-500 {
  color: #00bcd4 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-500 {
  background-color: #00bcd4 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-600 {
  color: #00acc1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-600 {
  background-color: #00acc1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-700 {
  color: #0097a7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-700 {
  background-color: #0097a7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-800 {
  color: #00838f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-800 {
  background-color: #00838f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-900 {
  color: #006064 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-900 {
  background-color: #006064 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-a100 {
  color: #84ffff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-a100 {
  background-color: #84ffff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-a200 {
  color: #18ffff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-a200 {
  background-color: #18ffff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-a400 {
  color: #00e5ff !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-a400 {
  background-color: #00e5ff !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-cyan-a700 {
  color: #00b8d4 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-cyan-a700 {
  background-color: #00b8d4 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-50 {
  color: #e0f2f1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-50 {
  background-color: #e0f2f1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-100 {
  color: #b2dfdb !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-100 {
  background-color: #b2dfdb !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-200 {
  color: #80cbc4 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-200 {
  background-color: #80cbc4 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-300 {
  color: #4db6ac !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-300 {
  background-color: #4db6ac !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-400 {
  color: #26a69a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-400 {
  background-color: #26a69a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-500 {
  color: #009688 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-500 {
  background-color: #009688 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-600 {
  color: #00897b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-600 {
  background-color: #00897b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-700 {
  color: #00796b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-700 {
  background-color: #00796b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-800 {
  color: #00695c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-800 {
  background-color: #00695c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-900 {
  color: #004d40 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-900 {
  background-color: #004d40 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-a100 {
  color: #a7ffeb !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-a100 {
  background-color: #a7ffeb !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-a200 {
  color: #64ffda !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-a200 {
  background-color: #64ffda !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-a400 {
  color: #1de9b6 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-a400 {
  background-color: #1de9b6 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-teal-a700 {
  color: #00bfa5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-teal-a700 {
  background-color: #00bfa5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-50 {
  color: #e8f5e9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-50 {
  background-color: #e8f5e9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-100 {
  color: #c8e6c9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-100 {
  background-color: #c8e6c9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-200 {
  color: #a5d6a7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-200 {
  background-color: #a5d6a7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-300 {
  color: #81c784 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-300 {
  background-color: #81c784 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-400 {
  color: #66bb6a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-400 {
  background-color: #66bb6a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-500 {
  color: #4caf50 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-500 {
  background-color: #4caf50 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-600 {
  color: #43a047 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-600 {
  background-color: #43a047 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-700 {
  color: #388e3c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-700 {
  background-color: #388e3c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-800 {
  color: #2e7d32 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-800 {
  background-color: #2e7d32 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-900 {
  color: #1b5e20 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-900 {
  background-color: #1b5e20 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-a100 {
  color: #b9f6ca !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-a100 {
  background-color: #b9f6ca !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-a200 {
  color: #69f0ae !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-a200 {
  background-color: #69f0ae !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-a400 {
  color: #00e676 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-a400 {
  background-color: #00e676 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-green-a700 {
  color: #00c853 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-green-a700 {
  background-color: #00c853 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-50 {
  color: #f1f8e9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-50 {
  background-color: #f1f8e9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-100 {
  color: #dcedc8 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-100 {
  background-color: #dcedc8 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-200 {
  color: #c5e1a5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-200 {
  background-color: #c5e1a5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-300 {
  color: #aed581 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-300 {
  background-color: #aed581 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-400 {
  color: #9ccc65 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-400 {
  background-color: #9ccc65 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-500 {
  color: #8bc34a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-500 {
  background-color: #8bc34a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-600 {
  color: #7cb342 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-600 {
  background-color: #7cb342 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-700 {
  color: #689f38 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-700 {
  background-color: #689f38 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-800 {
  color: #558b2f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-800 {
  background-color: #558b2f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-900 {
  color: #33691e !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-900 {
  background-color: #33691e !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-a100 {
  color: #ccff90 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-a100 {
  background-color: #ccff90 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-a200 {
  color: #b2ff59 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-a200 {
  background-color: #b2ff59 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-a400 {
  color: #76ff03 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-a400 {
  background-color: #76ff03 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-light-green-a700 {
  color: #64dd17 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-light-green-a700 {
  background-color: #64dd17 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-50 {
  color: #f9fbe7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-50 {
  background-color: #f9fbe7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-100 {
  color: #f0f4c3 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-100 {
  background-color: #f0f4c3 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-200 {
  color: #e6ee9c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-200 {
  background-color: #e6ee9c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-300 {
  color: #dce775 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-300 {
  background-color: #dce775 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-400 {
  color: #d4e157 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-400 {
  background-color: #d4e157 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-500 {
  color: #cddc39 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-500 {
  background-color: #cddc39 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-600 {
  color: #c0ca33 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-600 {
  background-color: #c0ca33 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-700 {
  color: #afb42b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-700 {
  background-color: #afb42b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-800 {
  color: #9e9d24 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-800 {
  background-color: #9e9d24 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-900 {
  color: #827717 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-900 {
  background-color: #827717 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-a100 {
  color: #f4ff81 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-a100 {
  background-color: #f4ff81 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-a200 {
  color: #eeff41 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-a200 {
  background-color: #eeff41 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-a400 {
  color: #c6ff00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-a400 {
  background-color: #c6ff00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-lime-a700 {
  color: #aeea00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-lime-a700 {
  background-color: #aeea00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-50 {
  color: #fffde7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-50 {
  background-color: #fffde7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-100 {
  color: #fff9c4 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-100 {
  background-color: #fff9c4 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-200 {
  color: #fff59d !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-200 {
  background-color: #fff59d !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-300 {
  color: #fff176 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-300 {
  background-color: #fff176 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-400 {
  color: #ffee58 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-400 {
  background-color: #ffee58 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-500 {
  color: #ffeb3b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-500 {
  background-color: #ffeb3b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-600 {
  color: #fdd835 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-600 {
  background-color: #fdd835 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-700 {
  color: #fbc02d !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-700 {
  background-color: #fbc02d !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-800 {
  color: #f9a825 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-800 {
  background-color: #f9a825 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-900 {
  color: #f57f17 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-900 {
  background-color: #f57f17 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-a100 {
  color: #ffff8d !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-a100 {
  background-color: #ffff8d !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-a200 {
  color: #ffff00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-a200 {
  background-color: #ffff00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-a400 {
  color: #ffea00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-a400 {
  background-color: #ffea00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-yellow-a700 {
  color: #ffd600 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-yellow-a700 {
  background-color: #ffd600 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-50 {
  color: #fff8e1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-50 {
  background-color: #fff8e1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-100 {
  color: #ffecb3 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-100 {
  background-color: #ffecb3 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-200 {
  color: #ffe082 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-200 {
  background-color: #ffe082 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-300 {
  color: #ffd54f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-300 {
  background-color: #ffd54f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-400 {
  color: #ffca28 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-400 {
  background-color: #ffca28 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-500 {
  color: #ffc107 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-500 {
  background-color: #ffc107 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-600 {
  color: #ffb300 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-600 {
  background-color: #ffb300 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-700 {
  color: #ffa000 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-700 {
  background-color: #ffa000 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-800 {
  color: #ff8f00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-800 {
  background-color: #ff8f00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-900 {
  color: #ff6f00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-900 {
  background-color: #ff6f00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-a100 {
  color: #ffe57f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-a100 {
  background-color: #ffe57f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-a200 {
  color: #ffd740 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-a200 {
  background-color: #ffd740 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-a400 {
  color: #ffc400 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-a400 {
  background-color: #ffc400 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-amber-a700 {
  color: #ffab00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-amber-a700 {
  background-color: #ffab00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-50 {
  color: #fff3e0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-50 {
  background-color: #fff3e0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-100 {
  color: #ffe0b2 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-100 {
  background-color: #ffe0b2 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-200 {
  color: #ffcc80 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-200 {
  background-color: #ffcc80 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-300 {
  color: #ffb74d !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-300 {
  background-color: #ffb74d !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-400 {
  color: #ffa726 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-400 {
  background-color: #ffa726 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-500 {
  color: #ff9800 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-500 {
  background-color: #ff9800 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-600 {
  color: #fb8c00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-600 {
  background-color: #fb8c00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-700 {
  color: #f57c00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-700 {
  background-color: #f57c00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-800 {
  color: #ef6c00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-800 {
  background-color: #ef6c00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-900 {
  color: #e65100 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-900 {
  background-color: #e65100 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-a100 {
  color: #ffd180 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-a100 {
  background-color: #ffd180 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-a200 {
  color: #ffab40 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-a200 {
  background-color: #ffab40 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-a400 {
  color: #ff9100 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-a400 {
  background-color: #ff9100 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-orange-a700 {
  color: #ff6d00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-orange-a700 {
  background-color: #ff6d00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-50 {
  color: #fbe9e7 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-50 {
  background-color: #fbe9e7 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-100 {
  color: #ffccbc !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-100 {
  background-color: #ffccbc !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-200 {
  color: #ffab91 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-200 {
  background-color: #ffab91 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-300 {
  color: #ff8a65 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-300 {
  background-color: #ff8a65 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-400 {
  color: #ff7043 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-400 {
  background-color: #ff7043 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-500 {
  color: #ff5722 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-500 {
  background-color: #ff5722 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-600 {
  color: #f4511e !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-600 {
  background-color: #f4511e !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-700 {
  color: #e64a19 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-700 {
  background-color: #e64a19 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-800 {
  color: #d84315 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-800 {
  background-color: #d84315 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-900 {
  color: #bf360c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-900 {
  background-color: #bf360c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-a100 {
  color: #ff9e80 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-a100 {
  background-color: #ff9e80 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-a200 {
  color: #ff6e40 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-a200 {
  background-color: #ff6e40 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-a400 {
  color: #ff3d00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-a400 {
  background-color: #ff3d00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-deep-orange-a700 {
  color: #dd2c00 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-deep-orange-a700 {
  background-color: #dd2c00 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-50 {
  color: #efebe9 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-50 {
  background-color: #efebe9 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-100 {
  color: #d7ccc8 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-100 {
  background-color: #d7ccc8 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-200 {
  color: #bcaaa4 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-200 {
  background-color: #bcaaa4 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-300 {
  color: #a1887f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-300 {
  background-color: #a1887f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-400 {
  color: #8d6e63 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-400 {
  background-color: #8d6e63 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-500 {
  color: #795548 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-500 {
  background-color: #795548 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-600 {
  color: #6d4c41 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-600 {
  background-color: #6d4c41 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-700 {
  color: #5d4037 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-700 {
  background-color: #5d4037 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-800 {
  color: #4e342e !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-800 {
  background-color: #4e342e !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-brown-900 {
  color: #3e2723 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-brown-900 {
  background-color: #3e2723 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-50 {
  color: #fafafa !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-50 {
  background-color: #fafafa !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-100 {
  color: #f5f5f5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-100 {
  background-color: #f5f5f5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-200 {
  color: #eeeeee !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-200 {
  background-color: #eeeeee !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-300 {
  color: #e0e0e0 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-300 {
  background-color: #e0e0e0 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-400 {
  color: #bdbdbd !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-400 {
  background-color: #bdbdbd !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-500 {
  color: #9e9e9e !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-500 {
  background-color: #9e9e9e !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-600 {
  color: #757575 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-600 {
  background-color: #757575 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-700 {
  color: #616161 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-700 {
  background-color: #616161 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-800 {
  color: #424242 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-800 {
  background-color: #424242 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-grey-900 {
  color: #212121 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-grey-900 {
  background-color: #212121 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-50 {
  color: #eceff1 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-50 {
  background-color: #eceff1 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-100 {
  color: #cfd8dc !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-100 {
  background-color: #cfd8dc !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-200 {
  color: #b0bec5 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-200 {
  background-color: #b0bec5 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-300 {
  color: #90a4ae !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-300 {
  background-color: #90a4ae !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-400 {
  color: #78909c !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-400 {
  background-color: #78909c !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-500 {
  color: #607d8b !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-500 {
  background-color: #607d8b !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-600 {
  color: #546e7a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-600 {
  background-color: #546e7a !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-700 {
  color: #455a64 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-700 {
  background-color: #455a64 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-800 {
  color: #37474f !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-800 {
  background-color: #37474f !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-900 {
  color: #263238 !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-900 {
  background-color: #263238 !important;
}

/* line 5, ../scss/material-colors/_sass-material-colors-classes.scss */
.color-blue-grey-1000 {
  color: #11171a !important;
}

/* line 8, ../scss/material-colors/_sass-material-colors-classes.scss */
.bg-color-blue-grey-1000 {
  background-color: #11171a !important;
}

/* line 5, ../scss/_ultilities.scss */
.flex {
  display: flex !important;
}

/* line 7, ../scss/_ultilities.scss */
.flex-row {
  flex-direction: row !important;
}

/* line 8, ../scss/_ultilities.scss */
.flex-column {
  flex-direction: column !important;
}

/* line 9, ../scss/_ultilities.scss */
.flex-row-reverse {
  flex-direction: row-reverse !important;
}

/* line 10, ../scss/_ultilities.scss */
.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* line 12, ../scss/_ultilities.scss */
.flex-wrap {
  flex-wrap: wrap !important;
}

/* line 13, ../scss/_ultilities.scss */
.flex-nowrap {
  flex-wrap: nowrap !important;
}

/* line 14, ../scss/_ultilities.scss */
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* line 16, ../scss/_ultilities.scss */
.justify-content-start {
  justify-content: flex-start !important;
}

/* line 17, ../scss/_ultilities.scss */
.justify-content-end {
  justify-content: flex-end !important;
}

/* line 18, ../scss/_ultilities.scss */
.justify-content-center {
  justify-content: center !important;
}

/* line 19, ../scss/_ultilities.scss */
.justify-content-between {
  justify-content: space-between !important;
}

/* line 20, ../scss/_ultilities.scss */
.justify-content-around {
  justify-content: space-around !important;
}

/* line 22, ../scss/_ultilities.scss */
.align-items-start {
  align-items: flex-start !important;
}

/* line 23, ../scss/_ultilities.scss */
.align-items-end {
  align-items: flex-end !important;
}

/* line 24, ../scss/_ultilities.scss */
.align-items-center {
  align-items: center !important;
}

/* line 25, ../scss/_ultilities.scss */
.align-items-baseline {
  align-items: baseline !important;
}

/* line 26, ../scss/_ultilities.scss */
.align-items-stretch {
  align-items: stretch !important;
}

/* line 28, ../scss/_ultilities.scss */
.align-content-start {
  align-content: flex-start !important;
}

/* line 29, ../scss/_ultilities.scss */
.align-content-end {
  align-content: flex-end !important;
}

/* line 30, ../scss/_ultilities.scss */
.align-content-center {
  align-content: center !important;
}

/* line 31, ../scss/_ultilities.scss */
.align-content-between {
  align-content: space-between !important;
}

/* line 32, ../scss/_ultilities.scss */
.align-content-around {
  align-content: space-around !important;
}

/* line 33, ../scss/_ultilities.scss */
.align-content-stretch {
  align-content: stretch !important;
}

/* line 35, ../scss/_ultilities.scss */
.align-self-auto {
  align-self: auto !important;
}

/* line 36, ../scss/_ultilities.scss */
.align-self-start {
  align-self: flex-start !important;
}

/* line 37, ../scss/_ultilities.scss */
.align-self-end {
  align-self: flex-end !important;
}

/* line 38, ../scss/_ultilities.scss */
.align-self-center {
  align-self: center !important;
}

/* line 39, ../scss/_ultilities.scss */
.align-self-baseline {
  align-self: baseline !important;
}

/* line 40, ../scss/_ultilities.scss */
.align-self-stretch {
  align-self: stretch !important;
}

/* line 44, ../scss/_ultilities.scss */
.flex-item {
  min-width: 0;
}

/* line 45, ../scss/_ultilities.scss */
.flex-item-dynamic-width {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 46, ../scss/_ultilities.scss */
.flex-item-text-width {
  flex: 0 0 auto;
  min-width: 0;
}

/* line 48, ../scss/_ultilities.scss */
.ojf-fill {
  object-fit: fill;
}

/* line 49, ../scss/_ultilities.scss */
.ojf-contain {
  object-fit: contain;
}

/* line 50, ../scss/_ultilities.scss */
.ojf-cover {
  object-fit: cover;
}

/* line 51, ../scss/_ultilities.scss */
.ojf-none {
  object-fit: none;
}

/* line 52, ../scss/_ultilities.scss */
.ojf-scale-down {
  object-fit: scale-down;
}

/* line 55, ../scss/_ultilities.scss */
.block {
  display: block !important;
}

/* line 56, ../scss/_ultilities.scss */
.iblock {
  display: inline-block !important;
}

/* line 57, ../scss/_ultilities.scss */
.inline {
  display: inline !important;
}

/* line 59, ../scss/_ultilities.scss */
.disabled {
  pointer-events: none !important;
}

/* line 61, ../scss/_ultilities.scss */
.pos-sta {
  position: static;
}

/* line 62, ../scss/_ultilities.scss */
.pos-rel {
  position: relative;
}

/* line 63, ../scss/_ultilities.scss */
.pos-abs {
  position: absolute;
}

/* line 65, ../scss/_ultilities.scss */
.va-top {
  vertical-align: top !important;
}

/* line 66, ../scss/_ultilities.scss */
.va-mid {
  vertical-align: middle !important;
}

/* line 67, ../scss/_ultilities.scss */
.va-bot {
  vertical-align: bottom !important;
}

/* line 69, ../scss/_ultilities.scss */
.ht-bgcover {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
}

/* line 73, ../scss/_ultilities.scss */
.ht-rectangle {
  position: relative;
  display: block;
}
/* line 76, ../scss/_ultilities.scss */
.ht-rectangle:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
/* line 81, ../scss/_ultilities.scss */
.ht-rectangle > .ht-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 86, ../scss/_ultilities.scss */
.ht-rectangle.ratio-11:after {
  padding-bottom: 100%;
}
/* line 87, ../scss/_ultilities.scss */
.ht-rectangle.ratio-32:after {
  padding-bottom: 66.6666%;
}
/* line 88, ../scss/_ultilities.scss */
.ht-rectangle.ratio-23:after {
  padding-bottom: 150%;
}
/* line 89, ../scss/_ultilities.scss */
.ht-rectangle.ratio-21:after {
  padding-bottom: 50%;
}
/* line 90, ../scss/_ultilities.scss */
.ht-rectangle.ratio-12:after {
  padding-bottom: 200%;
}
/* line 91, ../scss/_ultilities.scss */
.ht-rectangle.ratio-43:after {
  padding-bottom: 75%;
}
/* line 92, ../scss/_ultilities.scss */
.ht-rectangle.ratio-34:after {
  padding-bottom: 133.3334%;
}
/* line 93, ../scss/_ultilities.scss */
.ht-rectangle.ratio-169:after {
  padding-bottom: 56.25%;
}
/* line 94, ../scss/_ultilities.scss */
.ht-rectangle.ratio-916:after {
  padding-bottom: 177.7778%;
}

/* line 96, ../scss/_ultilities.scss */
.ht-fit-image {
  display: block;
  text-align: center;
  white-space: nowrap;
}
/* line 100, ../scss/_ultilities.scss */
.ht-fit-image:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* line 106, ../scss/_ultilities.scss */
.ht-fit-image img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

/* line 113, ../scss/_ultilities.scss */
.ht-oneline, .ht-staff-manager-content .ht-filter-info .single-info p,
.ht-staff-manager-content .ht-filter-info .single-info .info-title,
.ht-staff-manager-content .ht-filter-info .single-info .user-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 119, ../scss/_ultilities.scss */
.nowrap {
  white-space: nowrap;
}

/* line 122, ../scss/_ultilities.scss */
.noscroll {
  overflow: hidden;
}

/* line 125, ../scss/_ultilities.scss */
.break-word {
  word-break: break-all;
}

/* line 128, ../scss/_ultilities.scss */
.ovl-x-auto {
  overflow-x: auto !important;
}

/* line 133, ../scss/_ultilities.scss */
.no-box-shadow, .no-box-shadow:hover, .no-box-shadow:active, .no-box-shadow:focus {
  box-shadow: 0 0 0 !important;
}

/* line 138, ../scss/_ultilities.scss */
.lh-20 {
  line-height: 20px !important;
}

/* line 139, ../scss/_ultilities.scss */
.h-34 {
  height: 34px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma--24 {
  margin: -24px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx--24 {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my--24 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml--24 {
  margin-left: -24px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr--24 {
  margin-right: -24px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt--24 {
  margin-top: -24px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb--24 {
  margin-bottom: -24px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa--24 {
  padding: -24px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px--24 {
  padding-left: -24px !important;
  padding-right: -24px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py--24 {
  padding-top: -24px !important;
  padding-bottom: -24px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt--24 {
  padding-top: -24px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb--24 {
  padding-bottom: -24px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl--24 {
  padding-left: -24px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr--24 {
  padding-right: -24px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma--20 {
  margin: -20px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx--20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml--20 {
  margin-left: -20px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr--20 {
  margin-right: -20px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt--20 {
  margin-top: -20px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb--20 {
  margin-bottom: -20px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa--20 {
  padding: -20px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px--20 {
  padding-left: -20px !important;
  padding-right: -20px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py--20 {
  padding-top: -20px !important;
  padding-bottom: -20px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt--20 {
  padding-top: -20px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb--20 {
  padding-bottom: -20px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl--20 {
  padding-left: -20px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr--20 {
  padding-right: -20px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma--16 {
  margin: -16px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx--16 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my--16 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml--16 {
  margin-left: -16px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr--16 {
  margin-right: -16px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt--16 {
  margin-top: -16px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb--16 {
  margin-bottom: -16px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa--16 {
  padding: -16px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px--16 {
  padding-left: -16px !important;
  padding-right: -16px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py--16 {
  padding-top: -16px !important;
  padding-bottom: -16px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt--16 {
  padding-top: -16px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb--16 {
  padding-bottom: -16px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl--16 {
  padding-left: -16px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr--16 {
  padding-right: -16px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma--12 {
  margin: -12px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx--12 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my--12 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml--12 {
  margin-left: -12px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr--12 {
  margin-right: -12px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt--12 {
  margin-top: -12px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb--12 {
  margin-bottom: -12px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa--12 {
  padding: -12px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px--12 {
  padding-left: -12px !important;
  padding-right: -12px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py--12 {
  padding-top: -12px !important;
  padding-bottom: -12px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt--12 {
  padding-top: -12px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb--12 {
  padding-bottom: -12px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl--12 {
  padding-left: -12px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr--12 {
  padding-right: -12px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma--8 {
  margin: -8px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx--8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my--8 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml--8 {
  margin-left: -8px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr--8 {
  margin-right: -8px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt--8 {
  margin-top: -8px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb--8 {
  margin-bottom: -8px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa--8 {
  padding: -8px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px--8 {
  padding-left: -8px !important;
  padding-right: -8px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py--8 {
  padding-top: -8px !important;
  padding-bottom: -8px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt--8 {
  padding-top: -8px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb--8 {
  padding-bottom: -8px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl--8 {
  padding-left: -8px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr--8 {
  padding-right: -8px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma--4 {
  margin: -4px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx--4 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my--4 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml--4 {
  margin-left: -4px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr--4 {
  margin-right: -4px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt--4 {
  margin-top: -4px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb--4 {
  margin-bottom: -4px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa--4 {
  padding: -4px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px--4 {
  padding-left: -4px !important;
  padding-right: -4px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py--4 {
  padding-top: -4px !important;
  padding-bottom: -4px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt--4 {
  padding-top: -4px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb--4 {
  padding-bottom: -4px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl--4 {
  padding-left: -4px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr--4 {
  padding-right: -4px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-0 {
  margin: 0px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-0 {
  margin-left: 0px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-0 {
  margin-right: 0px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-0 {
  margin-top: 0px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-0 {
  margin-bottom: 0px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-0 {
  padding: 0px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-0 {
  padding-top: 0px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-0 {
  padding-bottom: 0px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-0 {
  padding-left: 0px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-0 {
  padding-right: 0px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-4 {
  margin: 4px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-4 {
  margin-left: 4px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-4 {
  margin-right: 4px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-4 {
  margin-top: 4px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-4 {
  margin-bottom: 4px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-4 {
  padding: 4px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-4 {
  padding-top: 4px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-4 {
  padding-bottom: 4px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-4 {
  padding-left: 4px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-4 {
  padding-right: 4px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-8 {
  margin: 8px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-8 {
  margin-left: 8px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-8 {
  margin-right: 8px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-8 {
  margin-top: 8px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-8 {
  margin-bottom: 8px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-8 {
  padding: 8px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-8 {
  padding-top: 8px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-8 {
  padding-bottom: 8px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-8 {
  padding-left: 8px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-8 {
  padding-right: 8px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-12 {
  margin: 12px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-12 {
  margin-left: 12px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-12 {
  margin-right: 12px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-12 {
  margin-top: 12px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-12 {
  margin-bottom: 12px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-12 {
  padding: 12px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-12 {
  padding-top: 12px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-12 {
  padding-bottom: 12px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-12 {
  padding-left: 12px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-12 {
  padding-right: 12px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-16 {
  margin: 16px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-16 {
  margin-left: 16px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-16 {
  margin-right: 16px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-16 {
  margin-top: 16px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-16 {
  margin-bottom: 16px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-16 {
  padding: 16px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-16 {
  padding-top: 16px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-16 {
  padding-bottom: 16px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-16 {
  padding-left: 16px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-16 {
  padding-right: 16px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-20 {
  margin: 20px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-20 {
  margin-left: 20px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-20 {
  margin-right: 20px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-20 {
  margin-top: 20px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-20 {
  margin-bottom: 20px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-20 {
  padding: 20px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-20 {
  padding-top: 20px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-20 {
  padding-bottom: 20px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-20 {
  padding-left: 20px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-20 {
  padding-right: 20px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-24 {
  margin: 24px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-24 {
  margin-left: 24px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-24 {
  margin-right: 24px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-24 {
  margin-top: 24px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-24 {
  margin-bottom: 24px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-24 {
  padding: 24px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-24 {
  padding-top: 24px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-24 {
  padding-bottom: 24px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-24 {
  padding-left: 24px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-24 {
  padding-right: 24px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-28 {
  margin: 28px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-28 {
  margin-left: 28px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-28 {
  margin-right: 28px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-28 {
  margin-top: 28px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-28 {
  margin-bottom: 28px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-28 {
  padding: 28px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-28 {
  padding-top: 28px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-28 {
  padding-bottom: 28px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-28 {
  padding-left: 28px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-28 {
  padding-right: 28px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-32 {
  margin: 32px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-32 {
  margin-left: 32px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-32 {
  margin-right: 32px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-32 {
  margin-top: 32px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-32 {
  margin-bottom: 32px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-32 {
  padding: 32px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-32 {
  padding-top: 32px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-32 {
  padding-bottom: 32px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-32 {
  padding-left: 32px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-32 {
  padding-right: 32px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-36 {
  margin: 36px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-36 {
  margin-left: 36px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-36 {
  margin-right: 36px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-36 {
  margin-top: 36px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-36 {
  margin-bottom: 36px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-36 {
  padding: 36px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-36 {
  padding-top: 36px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-36 {
  padding-bottom: 36px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-36 {
  padding-left: 36px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-36 {
  padding-right: 36px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-40 {
  margin: 40px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-40 {
  margin-left: 40px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-40 {
  margin-right: 40px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-40 {
  margin-top: 40px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-40 {
  margin-bottom: 40px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-40 {
  padding: 40px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-40 {
  padding-top: 40px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-40 {
  padding-bottom: 40px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-40 {
  padding-left: 40px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-40 {
  padding-right: 40px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-44 {
  margin: 44px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-44 {
  margin-left: 44px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-44 {
  margin-right: 44px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-44 {
  margin-top: 44px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-44 {
  margin-bottom: 44px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-44 {
  padding: 44px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-44 {
  padding-top: 44px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-44 {
  padding-bottom: 44px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-44 {
  padding-left: 44px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-44 {
  padding-right: 44px !important;
}

/* line 145, ../scss/_ultilities.scss */
.ma-48 {
  margin: 48px !important;
}

/* line 146, ../scss/_ultilities.scss */
.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

/* line 147, ../scss/_ultilities.scss */
.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

/* line 148, ../scss/_ultilities.scss */
.ml-48 {
  margin-left: 48px !important;
}

/* line 149, ../scss/_ultilities.scss */
.mr-48 {
  margin-right: 48px !important;
}

/* line 150, ../scss/_ultilities.scss */
.mt-48 {
  margin-top: 48px !important;
}

/* line 151, ../scss/_ultilities.scss */
.mb-48 {
  margin-bottom: 48px !important;
}

/* line 154, ../scss/_ultilities.scss */
.pa-48 {
  padding: 48px !important;
}

/* line 155, ../scss/_ultilities.scss */
.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

/* line 156, ../scss/_ultilities.scss */
.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* line 157, ../scss/_ultilities.scss */
.pt-48 {
  padding-top: 48px !important;
}

/* line 158, ../scss/_ultilities.scss */
.pb-48 {
  padding-bottom: 48px !important;
}

/* line 159, ../scss/_ultilities.scss */
.pl-48 {
  padding-left: 48px !important;
}

/* line 160, ../scss/_ultilities.scss */
.pr-48 {
  padding-right: 48px !important;
}

/* line 163, ../scss/_ultilities.scss */
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* line 167, ../scss/_ultilities.scss */
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* line 172, ../scss/_ultilities.scss */
.pos-sta {
  position: static;
}

/* line 173, ../scss/_ultilities.scss */
.pos-rel {
  position: relative;
}

/* line 174, ../scss/_ultilities.scss */
.pos-ab s {
  position: absolute;
}

/* line 177, ../scss/_ultilities.scss */
.top--12 {
  top: -12px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--12 {
  bottom: -12px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--12 {
  right: -12px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--12 {
  left: -12px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--11 {
  top: -11px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--11 {
  bottom: -11px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--11 {
  right: -11px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--11 {
  left: -11px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--10 {
  top: -10px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--10 {
  bottom: -10px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--10 {
  right: -10px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--10 {
  left: -10px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--9 {
  top: -9px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--9 {
  bottom: -9px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--9 {
  right: -9px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--9 {
  left: -9px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--8 {
  top: -8px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--8 {
  bottom: -8px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--8 {
  right: -8px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--8 {
  left: -8px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--7 {
  top: -7px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--7 {
  bottom: -7px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--7 {
  right: -7px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--7 {
  left: -7px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--6 {
  top: -6px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--6 {
  bottom: -6px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--6 {
  right: -6px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--6 {
  left: -6px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--5 {
  top: -5px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--5 {
  bottom: -5px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--5 {
  right: -5px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--5 {
  left: -5px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--4 {
  top: -4px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--4 {
  bottom: -4px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--4 {
  right: -4px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--4 {
  left: -4px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--3 {
  top: -3px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--3 {
  bottom: -3px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--3 {
  right: -3px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--3 {
  left: -3px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--2 {
  top: -2px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--2 {
  bottom: -2px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--2 {
  right: -2px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--2 {
  left: -2px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top--1 {
  top: -1px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom--1 {
  bottom: -1px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right--1 {
  right: -1px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left--1 {
  left: -1px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-0 {
  top: 0px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-0 {
  bottom: 0px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-0 {
  right: 0px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-0 {
  left: 0px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-1 {
  top: 1px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-1 {
  bottom: 1px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-1 {
  right: 1px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-1 {
  left: 1px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-2 {
  top: 2px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-2 {
  bottom: 2px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-2 {
  right: 2px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-2 {
  left: 2px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-3 {
  top: 3px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-3 {
  bottom: 3px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-3 {
  right: 3px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-3 {
  left: 3px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-4 {
  top: 4px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-4 {
  bottom: 4px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-4 {
  right: 4px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-4 {
  left: 4px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-5 {
  top: 5px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-5 {
  bottom: 5px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-5 {
  right: 5px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-5 {
  left: 5px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-6 {
  top: 6px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-6 {
  bottom: 6px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-6 {
  right: 6px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-6 {
  left: 6px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-7 {
  top: 7px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-7 {
  bottom: 7px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-7 {
  right: 7px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-7 {
  left: 7px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-8 {
  top: 8px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-8 {
  bottom: 8px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-8 {
  right: 8px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-8 {
  left: 8px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-9 {
  top: 9px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-9 {
  bottom: 9px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-9 {
  right: 9px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-9 {
  left: 9px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-10 {
  top: 10px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-10 {
  bottom: 10px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-10 {
  right: 10px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-10 {
  left: 10px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-11 {
  top: 11px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-11 {
  bottom: 11px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-11 {
  right: 11px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-11 {
  left: 11px !important;
}

/* line 177, ../scss/_ultilities.scss */
.top-12 {
  top: 12px !important;
}

/* line 178, ../scss/_ultilities.scss */
.bottom-12 {
  bottom: 12px !important;
}

/* line 179, ../scss/_ultilities.scss */
.right-12 {
  right: 12px !important;
}

/* line 180, ../scss/_ultilities.scss */
.left-12 {
  left: 12px !important;
}

/* line 182, ../scss/_ultilities.scss */
.top-50pct {
  top: 50% !important;
}

/* line 183, ../scss/_ultilities.scss */
.bottom-50pct {
  bottom: 50% !important;
}

/* line 184, ../scss/_ultilities.scss */
.right-50pct {
  right: 50% !important;
}

/* line 185, ../scss/_ultilities.scss */
.left-50pct {
  left: 50% !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-100 {
  font-weight: 100 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-200 {
  font-weight: 200 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-300 {
  font-weight: 300 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-400 {
  font-weight: 400 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-500 {
  font-weight: 500 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-600 {
  font-weight: 600 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-700 {
  font-weight: 700 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-800 {
  font-weight: 800 !important;
}

/* line 190, ../scss/_ultilities.scss */
.fw-900 {
  font-weight: 900 !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-8 {
  font-size: 8px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-9 {
  font-size: 9px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-10 {
  font-size: 10px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-11 {
  font-size: 11px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-12 {
  font-size: 12px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-13 {
  font-size: 13px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-14 {
  font-size: 14px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-15 {
  font-size: 15px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-16 {
  font-size: 16px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-17 {
  font-size: 17px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-18 {
  font-size: 18px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-19 {
  font-size: 19px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-20 {
  font-size: 20px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-21 {
  font-size: 21px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-22 {
  font-size: 22px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-23 {
  font-size: 23px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-24 {
  font-size: 24px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-25 {
  font-size: 25px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-26 {
  font-size: 26px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-27 {
  font-size: 27px !important;
}

/* line 194, ../scss/_ultilities.scss */
.fz-28 {
  font-size: 28px !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-0 {
  width: "0%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-10 {
  width: "10%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-20 {
  width: "20%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-30 {
  width: "30%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-40 {
  width: "40%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-50 {
  width: "50%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-60 {
  width: "60%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-70 {
  width: "70%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-80 {
  width: "80%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-90 {
  width: "90%" !important;
}

/* line 200, ../scss/_ultilities.scss */
.w-100 {
  width: "100%" !important;
}

/* line 202, ../scss/_ultilities.scss */
.w-50 {
  width: 50% !important;
}

/* line 205, ../scss/_ultilities.scss */
.table-layout-fixed {
  table-layout: fixed;
}

/* line 210, ../scss/_ultilities.scss */
.bda-0 {
  border: 0 !important;
}

/* line 211, ../scss/_ultilities.scss */
.bdt-0 {
  border-top: 0 !important;
}

/* line 212, ../scss/_ultilities.scss */
.bdb-0 {
  border-bottom: 0 !important;
}

/* line 213, ../scss/_ultilities.scss */
.bdl-0 {
  border-left: 0 !important;
}

/* line 214, ../scss/_ultilities.scss */
.bdr-0 {
  border-right: 0 !important;
}

/* line 215, ../scss/_ultilities.scss */
.bdrd-0 {
  border-radius: 0 !important;
}

/* line 216, ../scss/_ultilities.scss */
.bdtlrd-0 {
  border-top-left-radius: 0 !important;
}

/* line 217, ../scss/_ultilities.scss */
.bdtrrd-0 {
  border-top-right-radius: 0 !important;
}

/* line 218, ../scss/_ultilities.scss */
.bdblrd-0 {
  border-bottom-left-radius: 0 !important;
}

/* line 219, ../scss/_ultilities.scss */
.bdbrrd-0 {
  border-bottom-right-radius: 0 !important;
}

/* line 221, ../scss/_ultilities.scss */
.bdt-c-transparent {
  border-top-color: transparent !important;
}

/* line 222, ../scss/_ultilities.scss */
.bdb-c-transparent {
  border-bottom-color: transparent !important;
}

/* line 223, ../scss/_ultilities.scss */
.bdr-c-transparent {
  border-right-color: transparent !important;
}

/* line 224, ../scss/_ultilities.scss */
.bdl-c-transparent {
  border-left-color: transparent !important;
}

/* line 226, ../scss/_ultilities.scss */
.border-square {
  border-radius: 0 !important;
}

/* line 227, ../scss/_ultilities.scss */
.border-rounded {
  border-radius: 2px !important;
}

/* line 228, ../scss/_ultilities.scss */
.border-circle {
  border-radius: 50% !important;
}

/* line 230, ../scss/_ultilities.scss */
.bdt-1 {
  border-top: 1px solid #eaeaea !important;
}

/* line 231, ../scss/_ultilities.scss */
.bdb-1 {
  border-bottom: 1px solid #eaeaea !important;
}

/* line 232, ../scss/_ultilities.scss */
.bdl-1 {
  border-left: 1px solid #eaeaea !important;
}

/* line 233, ../scss/_ultilities.scss */
.bdr-1 {
  border-right: 1px solid #eaeaea !important;
}

/* line 235, ../scss/_ultilities.scss */
.bdc-transparent {
  border-color: transparent !important;
}

/* line 240, ../scss/_ultilities.scss */
.color-white {
  color: #fff;
}

/* line 241, ../scss/_ultilities.scss */
.bg-color-white {
  background-color: #fff;
}

/* line 242, ../scss/_ultilities.scss */
.color-black {
  color: #000;
}

/* line 243, ../scss/_ultilities.scss */
.bg-color-black {
  background-color: #000;
}

/* line 245, ../scss/_ultilities.scss */
.color-facebook {
  color: #3b5998 !important;
}

/* line 246, ../scss/_ultilities.scss */
.bg-color-facebook {
  background-color: #3b5998 !important;
}

/* line 248, ../scss/_ultilities.scss */
select {
  cursor: pointer;
}

/* line 251, ../scss/_ultilities.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 257, ../scss/_ultilities.scss */
.ojf-fill {
  object-fit: fill;
}

/* line 257, ../scss/_ultilities.scss */
.ojf-contain {
  object-fit: contain;
}

/* line 257, ../scss/_ultilities.scss */
.ojf-cover {
  object-fit: cover;
}

/* line 257, ../scss/_ultilities.scss */
.ojf-none {
  object-fit: none;
}

/* line 257, ../scss/_ultilities.scss */
.ojf-scale-down {
  object-fit: scale-down;
}

/* line 262, ../scss/_ultilities.scss */
.ht-btn {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  height: 34px;
  padding: 6px 14px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2px;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 284, ../scss/_ultilities.scss */
.ht-btn:hover, .ht-btn:active, .ht-btn:focus {
  text-decoration: none;
}
/* line 289, ../scss/_ultilities.scss */
.ht-btn:active {
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* line 292, ../scss/_ultilities.scss */
.ht-btn.ht-btn-xxs {
  height: 22px;
  padding: 2px 8px;
  line-height: 16px;
  font-size: 12px;
}
/* line 298, ../scss/_ultilities.scss */
.ht-btn.ht-btn-xs {
  height: 26px;
  padding: 4px 10px;
  line-height: 16px;
  font-size: 12px;
}
/* line 304, ../scss/_ultilities.scss */
.ht-btn.ht-btn-sm {
  height: 30px;
  padding: 5px 12px;
  line-height: 18px;
  font-size: 13px;
}
/* line 310, ../scss/_ultilities.scss */
.ht-btn.ht-btn-lg {
  height: 38px;
  padding: 8px 16px;
  line-height: 20px;
  font-size: 14px;
}
/* line 316, ../scss/_ultilities.scss */
.ht-btn.ht-btn-default {
  color: #616161;
  background-color: #FAFAFA;
  border-color: #ccc;
}
/* line 320, ../scss/_ultilities.scss */
.ht-btn.ht-btn-default:hover {
  background-color: #EEEEEE;
}
/* line 324, ../scss/_ultilities.scss */
.ht-btn.ht-btn-blue {
  color: #fff;
  background-color: #2196f3;
  border-color: transparent;
}
/* line 328, ../scss/_ultilities.scss */
.ht-btn.ht-btn-blue:hover {
  background-color: #1976d2;
}
/* line 332, ../scss/_ultilities.scss */
.ht-btn.ht-btn-grey {
  color: #616161;
  background-color: #f5f5f5;
  border-color: transparent;
}
/* line 336, ../scss/_ultilities.scss */
.ht-btn.ht-btn-grey:hover {
  background-color: #eeeeee;
}
/* line 340, ../scss/_ultilities.scss */
.ht-btn.ht-btn-orange {
  color: #fff;
  background-color: #fb8c00;
  border-color: transparent;
}
/* line 344, ../scss/_ultilities.scss */
.ht-btn.ht-btn-orange:hover {
  background-color: #ef6c00;
}
/* line 348, ../scss/_ultilities.scss */
.ht-btn.ht-btn-red {
  color: #fff;
  background-color: #f44336;
  border-color: transparent;
}
/* line 352, ../scss/_ultilities.scss */
.ht-btn.ht-btn-red:hover {
  background-color: #d32f2f;
}
/* line 356, ../scss/_ultilities.scss */
.ht-btn.ht-btn-green {
  color: #fff;
  background-color: #4caf50;
  border-color: transparent;
}
/* line 360, ../scss/_ultilities.scss */
.ht-btn.ht-btn-green:hover {
  background-color: #388e3c;
}
/* line 364, ../scss/_ultilities.scss */
.ht-btn.ht-btn-cyan {
  color: #fff;
  background-color: #00bcd4;
  border-color: transparent;
}
/* line 368, ../scss/_ultilities.scss */
.ht-btn.ht-btn-cyan:hover {
  background-color: #0097a7;
}
/* line 372, ../scss/_ultilities.scss */
.ht-btn.ht-btn-brown {
  color: #fff;
  background-color: #8d6e63;
  border-color: transparent;
}
/* line 376, ../scss/_ultilities.scss */
.ht-btn.ht-btn-brown:hover {
  background-color: #6d4c41;
}
/* line 380, ../scss/_ultilities.scss */
.ht-btn.ht-btn-link {
  color: #ff9800;
  background-color: transparent;
  border-color: transparent;
}
/* line 387, ../scss/_ultilities.scss */
.ht-btn.ht-btn-facebook {
  color: #fff;
  background-color: #3b5999;
  border-color: transparent;
}
/* line 391, ../scss/_ultilities.scss */
.ht-btn.ht-btn-facebook:hover {
  color: #fff;
  background-color: #35508a;
}
/* line 395, ../scss/_ultilities.scss */
.ht-btn.ht-btn-facebook:focus, .ht-btn.ht-btn-facebook:active {
  color: #fff;
}
/* line 399, ../scss/_ultilities.scss */
.ht-btn.ht-btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: transparent;
}
/* line 403, ../scss/_ultilities.scss */
.ht-btn.ht-btn-google:hover {
  color: #fff;
  background-color: #da3b28;
}
/* line 407, ../scss/_ultilities.scss */
.ht-btn.ht-btn-google:focus, .ht-btn.ht-btn-google:active {
  color: #fff;
}
/* line 411, ../scss/_ultilities.scss */
.ht-btn .ht-social-icon-in-btn {
  display: inline-block;
  margin-right: 16px;
  padding-right: 16px;
  vertical-align: top;
  line-height: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
/* line 419, ../scss/_ultilities.scss */
.ht-btn.disabled {
  opacity: .6;
}

/* line 424, ../scss/_ultilities.scss */
.ht-dropdown {
  font-family: 'Open Sans';
}
/* line 426, ../scss/_ultilities.scss */
.ht-dropdown ul.dropdown-menu {
  min-width: 140px;
  padding: 4px 0 !important;
  border-radius: 2px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12) !important;
}
/* line 432, ../scss/_ultilities.scss */
.ht-dropdown ul.dropdown-menu > li > a {
  padding: 4px 16px 4px 12px;
  line-height: 17px;
  font-size: 13px;
  font-weight: 400;
  color: #616161;
}
/* line 439, ../scss/_ultilities.scss */
.ht-dropdown ul.dropdown-menu > li.divider {
  margin: 4px 0;
}
/* line 444, ../scss/_ultilities.scss */
.ht-dropdown .dropdown-header {
  padding: 5px 16px 5px 12px;
}
/* line 447, ../scss/_ultilities.scss */
.ht-dropdown .convo-tag-select {
  margin: 0;
  padding: 5px 16px 5px 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
/* line 455, ../scss/_ultilities.scss */
.ht-dropdown .convo-tag-select .single-tag_content {
  display: block;
  margin: 0 12px 0 12px;
  padding: 2px 8px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  border: 1px solid transparent;
  white-space: nowrap;
}
/* line 466, ../scss/_ultilities.scss */
.ht-dropdown .convo-tag-select .single-tag_select {
  margin: 0;
}
/* line 470, ../scss/_ultilities.scss */
.ht-dropdown .convo-tag-select:hover {
  background-color: #FAFAFA;
}
/* line 473, ../scss/_ultilities.scss */
.ht-dropdown .convo-tag-select:active {
  background-color: #F5F5F5;
}

/* line 478, ../scss/_ultilities.scss */
.dropdown-menu {
  font-family: 'Open Sans', sans-serif;
}

/* line 482, ../scss/_ultilities.scss */
.ht-loading-fullsize {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("../img/spinner.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 128px 128px;
}

/* line 492, ../scss/_ultilities.scss */
.ht-loading-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("../img/spinner.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 96px 96px;
}

/* line 502, ../scss/_ultilities.scss */
.ht-loading-bar {
  height: 2px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: transparent;
}
/* line 509, ../scss/_ultilities.scss */
.ht-loading-bar.active {
  background-color: #EEEEEE;
}
/* line 511, ../scss/_ultilities.scss */
.ht-loading-bar.active:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #2196f3;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  from {
    left: -200px;
    width: 20%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
/* line 531, ../scss/_ultilities.scss */
.on-loading-content {
  position: relative;
}
/* line 533, ../scss/_ultilities.scss */
.on-loading-content:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("../img/spinner.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 96px 96px;
}

/* line 546, ../scss/_ultilities.scss */
.loading-content-text {
  display: none;
}

/* line 549, ../scss/_ultilities.scss */
.on-loading-content_type02 {
  position: relative;
}
/* line 551, ../scss/_ultilities.scss */
.on-loading-content_type02:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("../img/spinner02.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
/* line 563, ../scss/_ultilities.scss */
.on-loading-content_type02 .loading-content-text {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  text-align: center;
  margin-top: 56px;
  font-size: 16px;
  font-weight: 600;
  color: #616161;
  z-index: 110;
}

/* line 577, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-toggle {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
}
/* line 580, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu {
  padding: 5px 0;
  border: 1px solid #eee !important;
  border-radius: 0;
}
/* line 584, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid #eee;
}
/* line 589, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_label {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 48px 0 0;
  line-height: 18px;
  font-size: 14px;
}
/* line 595, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_label a {
  display: block;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #424242;
}
/* line 602, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_label a:hover {
  text-decoration: none;
  color: #1976d2;
}
/* line 608, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_actions {
  flex: 0 0 auto;
  min-width: 0;
  text-align: right;
  white-space: nowrap;
  line-height: 16px;
}
/* line 614, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_actions .single-action {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 600;
  color: #42a5f5;
}
/* line 622, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_actions .single-action i {
  margin-right: 2px;
}
/* line 625, ../scss/_ultilities.scss */
.ht-list-filter-dropdown .dropdown-menu .single-option .single-option_actions .single-action:hover {
  text-decoration: none;
  color: #1565c0;
}

/* line 645, ../scss/_ultilities.scss */
.ht-styled-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-styled-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.16);
}
/* line 652, ../scss/_ultilities.scss */
.ht-styled-scroll::-webkit-scrollbar-track {
  background: rgba(102, 102, 102, 0.16);
}
/* line 655, ../scss/_ultilities.scss */
.ht-styled-scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-styled-scroll::-webkit-scrollbar-track {
  border-radius: 2px;
}
/* line 645, ../scss/_ultilities.scss */
.ht-styled-scroll.ht-styled-scroll-lg::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-styled-scroll.ht-styled-scroll-lg::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.16);
}
/* line 652, ../scss/_ultilities.scss */
.ht-styled-scroll.ht-styled-scroll-lg::-webkit-scrollbar-track {
  background: rgba(102, 102, 102, 0.16);
}
/* line 655, ../scss/_ultilities.scss */
.ht-styled-scroll.ht-styled-scroll-lg::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-styled-scroll.ht-styled-scroll-lg::-webkit-scrollbar-track {
  border-radius: 4px;
}

/* line 15, ../scss/_layouts.scss */
.ht-page-content {
  overflow-x: auto;
  overflow-x: overlay;
  background-color: #fff !important;
  height: calc(100vh - 50px;) !important;
  overflow: hidden;
}

/* line 22, ../scss/_layouts.scss */
.ht-page-content-inner {
  background-color: #fff !important;
}

@media (min-width: 992px) {
  /* line 27, ../scss/_layouts.scss */
  .page-content-wrapper .ht-page-content {
    position: fixed;
    left: 235px;
    top: 50px;
    right: 0;
    padding: 0 !important;
  }
  /* line 35, ../scss/_layouts.scss */
  .page-content-wrapper .ht-page-content.size-fit-in .ht-page-content-inner {
    height: calc(100vh - 50px) !important;
  }

  /* line 43, ../scss/_layouts.scss */
  .page-sidebar-closed .page-content-wrapper .ht-page-content {
    left: 45px !important;
  }
}
/* line 51, ../scss/_layouts.scss */
.ht-page-header {
  display: none;
  background-color: #F5F5F5;
  border-radius: 2px;
  color: #212121;
}
/* line 5, ../scss/_mixins.scss */
.ht-page-header:before, .ht-page-header:after {
  content: " ";
  display: table;
}
/* line 10, ../scss/_mixins.scss */
.ht-page-header:after {
  clear: both;
}
/* line 57, ../scss/_layouts.scss */
.ht-page-header.on-navbar {
  padding: 6px 6px;
  position: fixed;
  height: 42px;
  top: 4px;
  z-index: 9998;
}
/* line 64, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar {
  float: left;
}
/* line 66, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
/* line 73, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul li {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}
/* line 77, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul li:last-child {
  margin-right: 0;
}
/* line 80, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul li a, .ht-page-header .ht-dm_navbar ul li span {
  display: block;
  padding: 3px 16px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600;
  color: #424242;
  background-color: #F5F5F5;
  border: 2px solid #E0E0E0;
  border-radius: 2px;
}
/* line 90, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul li a:hover, .ht-page-header .ht-dm_navbar ul li a:active, .ht-page-header .ht-dm_navbar ul li a:focus, .ht-page-header .ht-dm_navbar ul li span:hover, .ht-page-header .ht-dm_navbar ul li span:active, .ht-page-header .ht-dm_navbar ul li span:focus {
  text-decoration: none;
}
/* line 93, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul li a:hover, .ht-page-header .ht-dm_navbar ul li span:hover {
  background-color: #EEEEEE;
}
/* line 98, ../scss/_layouts.scss */
.ht-page-header .ht-dm_navbar ul li.active a, .ht-page-header .ht-dm_navbar ul li.active span {
  color: #fff;
  background-color: #2196f3;
  border-color: transparent;
}

/* line 108, ../scss/_layouts.scss */
.ht-dm_time-filter {
  padding: 0 12px;
}
/* line 110, ../scss/_layouts.scss */
.ht-dm_time-filter > * {
  display: inline-block;
  vertical-align: top;
}
/* line 114, ../scss/_layouts.scss */
.ht-dm_time-filter .time-filter_title {
  margin: 0;
  padding: 7px 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #212121;
}
/* line 122, ../scss/_layouts.scss */
.ht-dm_time-filter .time-filter_label {
  margin: 0;
  padding: 7px 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #616161;
}
/* line 130, ../scss/_layouts.scss */
.ht-dm_time-filter .time-filter_input {
  width: 120px;
  border-radius: 2px;
}
/* line 133, ../scss/_layouts.scss */
.ht-dm_time-filter .time-filter_input.time-filter_select-box {
  width: auto;
  min-width: 180px;
  max-width: 280px;
}
/* line 139, ../scss/_layouts.scss */
.ht-dm_time-filter .ht-btn-sm {
  height: 30px;
  padding: 5px 12px;
}
/* line 143, ../scss/_layouts.scss */
.ht-dm_time-filter .time-filter_divider {
  height: 30px;
  width: 1px;
  background-color: #E0E0E0;
  margin: 0 24px;
}

@media (min-width: 992px) {
  /* line 152, ../scss/_layouts.scss */
  .ht-page-header.on-navbar {
    display: block;
    display: flex;
  }

  /* line 159, ../scss/_layouts.scss */
  .page-content-wrapper .ht-page-header.on-navbar {
    left: 241px;
  }

  /* line 167, ../scss/_layouts.scss */
  .page-sidebar-closed .page-content-wrapper .ht-page-header.on-navbar {
    left: 52px !important;
  }
}
/* line 177, ../scss/_layouts.scss */
#htDataManagement .ht-data-management-container {
  min-width: 800px;
}
/* line 180, ../scss/_layouts.scss */
#htDataManagement b {
  font-weight: 600;
}
/* line 183, ../scss/_layouts.scss */
#htDataManagement .form-control {
  border-radius: 2px;
}
/* line 187, ../scss/_layouts.scss */
#htDataManagement .ht-select2-restyled .select2-container--bootstrap.select2-container--focus .select2-selection,
#htDataManagement .ht-select2-restyled .select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: 0 0 0;
  border-color: #c2cad8;
  border-radius: 2px;
}
/* line 193, ../scss/_layouts.scss */
#htDataManagement .ht-select2-restyled .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  box-shadow: 0 0 0;
}
/* line 196, ../scss/_layouts.scss */
#htDataManagement .ht-select2-restyled .select2-container--bootstrap .select2-selection {
  box-shadow: 0 0 0;
  background-color: #fff;
  border-radius: 2px;
}
/* line 206, ../scss/_layouts.scss */
#htDataManagement .select2 {
  width: 100% !important;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
}
/* line 212, ../scss/_layouts.scss */
#htDataManagement [class^='select2']:focus, #htDataManagement [class^='select2']:active, #htDataManagement [class^='select2']:visited {
  outline: none !important;
  box-shadow: 0 0 0 !important;
}
/* line 217, ../scss/_layouts.scss */
#htDataManagement .select2,
#htDataManagement .ht-select2-input {
  max-width: 100% !important;
}
/* line 221, ../scss/_layouts.scss */
#htDataManagement .select2-container--bootstrap.select2-container--focus .select2-selection,
#htDataManagement .select2-container--bootstrap.select2-container--open .select2-selection {
  box-shadow: 0 0 0 0;
  border-color: #ccc;
}
/* line 226, ../scss/_layouts.scss */
#htDataManagement .select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 20px;
  padding: 5px 16px 7px 10px;
}
/* line 231, ../scss/_layouts.scss */
#htDataManagement .select2-container--bootstrap .select2-selection {
  border-radius: 2px;
  box-shadow: 0 0 0 0;
}
/* line 236, ../scss/_layouts.scss */
#htDataManagement .select2-selection__rendered {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212121;
}
/* line 248, ../scss/_layouts.scss */
#htDataManagement .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  right: 8px;
}
/* line 251, ../scss/_layouts.scss */
#htDataManagement .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 2px;
  box-shadow: 0 0 0;
}
/* line 255, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar {
  padding: 12px;
  border-bottom: 1px solid #ccc;
}
/* line 258, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
/* line 265, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) li {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}
/* line 269, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) li:last-child {
  margin-right: 0;
}
/* line 272, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) li a, #htDataManagement .ht-dm_navbar ul:not(.main-list) li span {
  display: block;
  padding: 3px 16px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 600;
  color: #424242;
  background-color: #F5F5F5;
  border: 2px solid #E0E0E0;
  border-radius: 2px;
}
/* line 282, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) li a:hover, #htDataManagement .ht-dm_navbar ul:not(.main-list) li a:active, #htDataManagement .ht-dm_navbar ul:not(.main-list) li a:focus, #htDataManagement .ht-dm_navbar ul:not(.main-list) li span:hover, #htDataManagement .ht-dm_navbar ul:not(.main-list) li span:active, #htDataManagement .ht-dm_navbar ul:not(.main-list) li span:focus {
  text-decoration: none;
}
/* line 285, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) li a:hover, #htDataManagement .ht-dm_navbar ul:not(.main-list) li span:hover {
  background-color: #EEEEEE;
}
/* line 290, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul:not(.main-list) li.active a, #htDataManagement .ht-dm_navbar ul:not(.main-list) li.active span {
  color: #fff;
  background-color: #2196f3;
  border-color: transparent;
}
/* line 299, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar .ht-dm_dlc_list-navbar .select2-container--bootstrap .select2-selection {
  border-left: 1px solid #ccc !important;
}
/* line 304, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar ul.main-list li {
  margin-left: 12px;
}
/* line 309, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content {
  display: flex;
  align-items: stretch;
  height: calc(100vh - 50px );
}
/* line 313, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-list-col {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 30%;
  border-right: 1px solid #ccc;
}
@media (min-width: 960px) {
  /* line 313, ../scss/_layouts.scss */
  #htDataManagement .ht-dm_content .ht-dm_data-list-col {
    flex: 0 0 360px;
  }
}
@media (min-width: 1440px) {
  /* line 313, ../scss/_layouts.scss */
  #htDataManagement .ht-dm_content .ht-dm_data-list-col {
    flex: 0 0 400px;
  }
}
/* line 326, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-list-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 331, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-list-col a {
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
}
/* line 333, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-list-col a:hover, #htDataManagement .ht-dm_content .ht-dm_data-list-col a:active, #htDataManagement .ht-dm_content .ht-dm_data-list-col a:focus {
  text-decoration: none;
}
/* line 337, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-list-col .list-loading {
  height: 56px;
  background-image: url("../img/spinner.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 56px 56px;
}
/* line 345, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_main-col {
  width: 100%;
}
/* line 348, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-content-col {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: stretch;
}
/* line 354, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-info-col {
  flex: 0 0 50%;
  min-width: 0;
  border-right: 1px solid #ccc;
  height: 100%;
  overflow-y: auto;
}
/* line 361, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content .ht-dm_data-detail-col {
  flex: 0 0 50%;
  min-width: 0;
  overflow-y: auto;
}
/* line 368, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content.order-manager .ht-dm_data-info-col {
  flex: 0 0 65%;
}
/* line 371, ../scss/_layouts.scss */
#htDataManagement .ht-dm_content.order-manager .ht-dm_data-detail-col {
  flex: 0 0 35%;
}
/* line 376, ../scss/_layouts.scss */
#htDataManagement .ht-dm_navbar + .ht-dm_content {
  height: calc(100vh - 50px - 57px);
}
/* line 380, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images {
  display: flex;
  align-items: top;
}
/* line 389, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_title {
  margin: 0;
  padding: 4px 8px;
  line-height: 18px;
  font-size: 13px;
  font-weight: 600;
  background-color: #EEEEEE;
  border-radius: 2px;
}
/* line 398, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images {
  width: 100% !important;
  padding: 6px 0;
  margin-top: 5px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-x: overlay;
}
/* line 405, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/* line 409, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0;
}
/* line 414, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-wrapper {
  position: relative;
  width: 148px;
  height: 148px;
  padding: 2px;
  border: 1px solid #eaeaea;
  border-radius: 2px;
}
/* line 421, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-wrapper .image-wrapper_inner {
  width: 142px;
  height: 142px;
}
/* line 426, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
}
/* line 430, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 3px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #000;
  opacity: .5;
}
/* line 441, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action:hover, #htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action:focus, #htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action:active {
  text-decoration: none;
}
/* line 444, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action:hover {
  opacity: .8;
}
/* line 447, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action:active {
  opacity: 1;
}
/* line 451, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action_delete {
  background-color: #b71c1c;
}
/* line 454, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image .image-actions .single-action_edit {
  background-color: #0d47a1;
}
/* line 460, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_list-images .pi_li_single-image.upload-error .image-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("../img/warning.png");
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
}
/* line 475, ../scss/_layouts.scss */
#htDataManagement .ht-product-manager_content .product-images .pi_image-actions {
  margin-top: 4px;
}
/* line 484, ../scss/_layouts.scss */
#htDataManagement .has-bdt {
  border-top: 1px solid #eaeaea;
}
/* line 487, ../scss/_layouts.scss */
#htDataManagement .has-bdb {
  border-bottom: 1px solid #eaeaea;
}
/* line 490, ../scss/_layouts.scss */
#htDataManagement .scrollbar-styled {
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
/* line 649, ../scss/_ultilities.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.16);
}
/* line 652, ../scss/_ultilities.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
}
/* line 655, ../scss/_ultilities.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
/* line 658, ../scss/_ultilities.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar-track {
  border-radius: 3px;
}
/* line 493, ../scss/_layouts.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar-thumb {
  border-radius: 3px;
}
/* line 496, ../scss/_layouts.scss */
#htDataManagement .scrollbar-styled::-webkit-scrollbar-track {
  border-radius: 3px;
}
/* line 500, ../scss/_layouts.scss */
#htDataManagement .ht-button-justified-navbar {
  padding: 12px 8px;
}
/* line 502, ../scss/_layouts.scss */
#htDataManagement .ht-button-justified-navbar .ht-single-button-wrapper {
  display: table-cell;
  width: 1%;
  padding: 0 4px;
}
/* line 511, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar {
  flex: 0 0 auto;
  min-height: 1px;
  padding: 12px;
}
/* line 515, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list {
  max-width: 100%;
  margin-bottom: 8px;
}
/* line 518, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list:last-child {
  margin-bottom: 0;
}
/* line 522, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li {
  display: table-cell;
  width: 1%;
  vertical-align: top;
}
/* line 526, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li > a,
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li a.dropdown-toggle-link {
  display: block;
  padding: 6px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #424242;
  border: 1px solid #ccc;
  border-left: 0;
  white-space: nowrap;
}
/* line 538, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li > a:hover,
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li a.dropdown-toggle-link:hover {
  background-color: #F5F5F5;
}
/* line 543, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li:first-child > a {
  border-left: 1px solid #ccc;
  border-radius: 2px 0 0 2px;
}
/* line 547, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li:first-child .select2-container--bootstrap .select2-selection {
  border-radius: 2px 0 0 2px;
  border-left: 1px solid #ccc;
}
/* line 553, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li:last-child > a,
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li:last-child a.dropdown-toggle-link {
  border-radius: 0 2px 2px 0;
}
/* line 559, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li.active > a,
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li.active a.dropdown-toggle-link {
  color: #fff;
  background-color: #2196f3;
  border-color: #2196f3;
}
/* line 566, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li.active + li > a,
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list > li.active + li a.dropdown-toggle-link {
  border-left-color: #2196f3;
}
/* line 5, ../scss/_mixins.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display:before, #htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display:after {
  content: " ";
  display: table;
}
/* line 10, ../scss/_mixins.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display:after {
  clear: both;
}
/* line 576, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display > li {
  width: auto;
  float: left;
  display: block;
  max-width: 200px;
}
/* line 584, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.one-item > li {
  float: none;
  width: 100%;
}
/* line 590, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.two-items > li {
  width: 50%;
}
/* line 595, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.three-items > li {
  width: 33.3333%;
}
/* line 600, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.four-items > li {
  width: 25%;
}
/* line 605, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.five-items > li {
  width: 20%;
}
/* line 610, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.six-items > li {
  width: 16.666%;
}
/* line 615, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.seven-items > li {
  width: 14.285%;
}
/* line 620, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.eight-items > li {
  width: 12.5%;
}
/* line 625, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.nine-items > li {
  width: 11.1111%;
}
/* line 630, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-navbar ul.main-list.no-table-display.ten-items > li {
  width: 10%;
}
/* line 637, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-search {
  flex: 0 0 auto;
  min-height: 0;
  padding: 12px;
}
/* line 641, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-search .form-group {
  margin: 0;
  position: relative;
}
/* line 644, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-search .form-group .search-input {
  height: 32px;
  padding: 5px 12px 5px 32px;
  font-size: 13px;
  background-color: #FAFAFA;
  border-color: #ccc;
  border-radius: 2px;
}
/* line 651, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-search .form-group .search-input:focus {
  background-color: #fff;
  border-color: #ccc;
}
/* line 656, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-search .form-group .search-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 14px;
  text-align: center;
  color: #BDBDBD;
  border-color: #ccc;
  z-index: 100;
}
/* line 671, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users,
#htDataManagement .ht-dm_dlc_list-orders,
#htDataManagement .ht-dm_dlc_list-products,
#htDataManagement .ht-dm_dlc_list-articles {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* line 682, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section {
  border-bottom: 1px solid #eaeaea;
}
/* line 684, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section:last-child {
  border-bottom: 0;
}
/* line 687, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header {
  display: flex;
  align-items: center;
  margin: 0 16px;
  padding: 20px 0 8px;
  border-bottom: 1px solid #eaeaea;
}
/* line 693, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #212121;
}
/* line 702, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-title a {
  display: block;
  position: relative;
  padding-right: 28px;
  line-height: 22px;
  font-size: 16px;
  color: #1976d2;
}
/* line 709, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-title a i.fa {
  display: block;
  position: absolute;
  top: 0;
  right: 8px;
  line-height: 22px;
  height: 22px;
  -moz-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  -webkit-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
}
/* line 717, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-title a:hover, #htDataManagement .data-info_single-section .section-header .section-title a:active, #htDataManagement .data-info_single-section .section-header .section-title a:focus {
  text-decoration: none;
}
/* line 720, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-title a:hover {
  color: #42a5f5;
}
/* line 722, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-title a:hover i {
  right: 3px;
}
/* line 728, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header .section-actions {
  flex: 0 0 auto;
  min-width: 0;
}
/* line 732, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-header + .section-content {
  padding-top: 8px;
}
/* line 736, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content {
  padding: 16px 16px;
}
/* line 738, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info {
  margin: 0 0 3px;
  line-height: 19px;
  position: relative;
}
/* line 742, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info:last-child {
  margin-bottom: 0 !important;
}
/* line 745, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info span {
  display: inline;
  vertical-align: top;
  line-height: 19px;
  font-size: 14px;
}
/* line 751, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info .single-info_label {
  margin-right: 8px;
  color: #616161;
}
/* line 755, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info .single-info_data {
  font-weight: 600;
  color: #212121;
}
/* line 759, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-icon-left {
  padding-left: 24px;
}
/* line 761, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-icon-left .single-info_icon {
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 19px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  color: #bdbdbd;
}
/* line 772, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-input-form {
  display: flex;
  align-items: top;
}
/* line 775, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-input-form .single-info_label {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 50%;
  font-weight: 600;
}
/* line 781, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-input-form .single-info_input {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
}
/* line 785, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-input-form .single-info_input .sii_form-control {
  display: inline-block;
  min-width: 40%;
  max-width: 100%;
  height: 21px;
  line-height: 20px;
  font-weight: 600;
  color: #1976d2;
  background-color: transparent;
  border: 0;
  border-bottom: 1px dotted #9E9E9E;
}
/* line 796, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.has-input-form .single-info_input .sii_form-control:focus {
  outline: none;
}
/* line 802, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.more-margin {
  margin-bottom: 5px;
}
/* line 805, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .single-info.more-margin-2 {
  margin-bottom: 8px;
}
/* line 809, ../scss/_layouts.scss */
#htDataManagement .data-info_single-section .section-content .order-info-document {
  margin: -4px;
  border: 1px solid #BDBDBD;
  background-color: #FAFAFA;
  padding: 12px;
}
/* line 818, ../scss/_layouts.scss */
#htDataManagement .list-attachment-doc {
  padding: 4px 0;
}
/* line 820, ../scss/_layouts.scss */
#htDataManagement .list-attachment-doc .single-attachment {
  margin-top: 2px;
  line-height: 17px;
  font-size: 13px;
  color: #2196F3;
}
/* line 832, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user {
  position: relative;
  display: block;
  padding: 12px;
  color: #424242;
  border-bottom: 1px solid #eaeaea;
}
/* line 838, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_header {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
/* line 842, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_header .su_user-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-right: 8px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  color: #1976d2;
}
/* line 852, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_header .su_user-phone {
  flex: 0 0 auto;
  min-width: 0;
  line-height: 20px;
  font-size: 14px;
  color: #212121;
}
/* line 860, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_subtitles {
  margin-top: 2px;
  line-height: 18px;
  font-size: 13px;
  color: #616161;
}
/* line 866, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_tags {
  margin-top: 5px;
  font-size: 0;
}
/* line 869, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_tags .su_single-tag {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 2px 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  border-radius: 2px;
}
/* line 878, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_tags .su_single-tag + span:before {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 0 4px;
  line-height: 16px;
  font-size: 8px;
  color: #9E9E9E;
}
/* line 889, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_metas {
  display: flex;
}
/* line 891, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_metas .sc_date-and-time {
  flex: 0 0 auto;
  min-width: 0;
  line-height: 18px;
  font-size: 13px;
  color: #424242;
}
/* line 898, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user .su_metas .sc_person-in-charge {
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  line-height: 18px;
  font-size: 13px;
  color: #4caf50;
}
/* line 908, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user.has-select-box {
  display: flex;
  align-items: center;
}
/* line 911, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user.has-select-box .su_select-box {
  flex: 0 0 auto;
  min-width: 0;
  padding: 0 0;
  margin: 0 12px 0 0;
}
/* line 916, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user.has-select-box .su_select-box .su_select-label {
  display: block;
  padding: 8px;
  cursor: pointer;
}
/* line 921, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user.has-select-box .su_select-box input[type="checkbox"] {
  cursor: pointer;
}
/* line 925, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user.has-select-box .su_main-box {
  flex: 1 1 auto;
  min-width: 0;
}
/* line 930, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user:hover {
  background-color: #F5F5F5;
}
/* line 933, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user:active {
  background-color: #E0E0E0;
}
/* line 936, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-users .ht-dm_dlc_lu_single-user.active {
  background-color: #EEEEEE;
}
/* line 944, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order {
  display: block;
  padding: 12px;
  color: #424242;
  border-bottom: 1px solid #eaeaea;
}
/* line 5, ../scss/_mixins.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order:before, #htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order:after {
  content: " ";
  display: table;
}
/* line 10, ../scss/_mixins.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order:after {
  clear: both;
}
/* line 950, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .col-left {
  width: 60%;
  float: left;
  text-align: left;
}
/* line 955, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .col-right {
  width: 40%;
  float: right;
  text-align: right;
}
/* line 960, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .so_line-01 {
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
}
/* line 966, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .so_line-02 {
  margin-top: 2px;
  line-height: 18px;
  font-size: 13px;
  color: #212121;
}
/* line 972, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .so_line-03 {
  margin-top: 2px;
  line-height: 18px;
  font-size: 13px;
  color: #212121;
}
/* line 978, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .so_order-code {
  color: #1976d2;
}
/* line 981, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order .so_order-status {
  font-size: 13px;
}
/* line 987, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order:hover {
  background-color: #F5F5F5;
}
/* line 990, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order:active {
  background-color: #E0E0E0;
}
/* line 993, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-orders .ht-dm_dlc_lo_single-order.active {
  background-color: #EEEEEE;
}
/* line 1001, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product {
  display: block;
  position: relative;
  min-height: 104px;
  padding: 14px 12px 12px 102px;
  color: #212121;
  border-bottom: 1px solid #eaeaea;
}
/* line 1008, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product .sp_product-image {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 80px;
  height: 80px;
  background-color: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
/* line 1016, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product .sp_product-title {
  margin: 0 0 4px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #1976d2;
}
/* line 1023, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product .sp_product-price {
  margin: 2px 0 0;
  line-height: 18px;
  font-size: 13px;
  font-weight: 600;
  color: #212121;
}
/* line 1030, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product .sp_product-brand {
  margin: 2px 0 0;
  line-height: 18px;
  font-size: 13px;
  color: #43a047;
}
/* line 1036, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product .sp_product-code {
  margin: 2px 0 0;
  line-height: 18px;
  font-size: 13px;
  color: #616161;
}
/* line 1042, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product:hover {
  background-color: #F5F5F5;
}
/* line 1045, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product:active {
  background-color: #E0E0E0;
}
/* line 1048, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-products .ht-dm_dlc_lp_single-product.active {
  background-color: #EEEEEE;
}
/* line 1057, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article {
  display: block;
  padding: 12px;
  color: #424242;
  border-bottom: 1px solid #eaeaea;
}
/* line 5, ../scss/_mixins.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article:before, #htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article:after {
  content: " ";
  display: table;
}
/* line 10, ../scss/_mixins.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article:after {
  clear: both;
}
/* line 1063, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_header {
  font-size: 14px;
  font-weight: 600;
}
/* line 1067, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-title {
  margin: 0;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
}
/* line 1074, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-meta {
  margin-top: 5px;
  line-height: 16px;
  font-size: 0;
}
/* line 1078, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-meta span {
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
  color: #9E9E9E;
}
/* line 1083, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-meta span:after {
  content: "\2022";
  display: inline-block;
  line-height: 14px;
  padding: 2px 4px 0;
  font-size: 10px;
  color: #BDBDBD;
}
/* line 1092, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-meta span:last-child:after {
  display: none;
}
/* line 1098, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-category {
  margin: 5px 0 0;
  line-height: 16px;
  font-size: 12px;
  font-size: 400;
  color: #43a047;
}
/* line 1104, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article .sa_article-category span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
/* line 1110, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article:hover {
  background-color: #F5F5F5;
}
/* line 1113, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article:active {
  background-color: #E0E0E0;
}
/* line 1116, ../scss/_layouts.scss */
#htDataManagement .ht-dm_dlc_list-articles .ht-dm_dlc_lu_single-article.active {
  background-color: #EEEEEE;
}
/* line 1123, ../scss/_layouts.scss */
#htDataManagement .list-tags {
  font-size: 0;
}
/* line 1125, ../scss/_layouts.scss */
#htDataManagement .list-tags a, #htDataManagement .list-tags span {
  display: inline-block;
  vertical-align: top;
}
/* line 1129, ../scss/_layouts.scss */
#htDataManagement .list-tags .divider {
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 24px;
  background-color: #E0E0E0;
  margin: 0 12px;
}
/* line 1137, ../scss/_layouts.scss */
#htDataManagement .list-tags .single-tag {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  margin: 0 4px 4px 0;
  padding: 3px 8px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  background-color: #F5F5F5;
  border: 1px solid #eaeaea;
  border-radius: 2px;
}
/* line 1167, ../scss/_layouts.scss */
#htDataManagement .list-notes {
  padding: 2px 0;
}
/* line 1170, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note + .single-note {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #eaeaea;
}
/* line 1175, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note .sn_main-content {
  line-height: 19px;
  font-size: 14px;
}
/* line 1178, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note .sn_main-content.two-lines {
  height: 38px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 1183, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note .sn_note-meta {
  margin-top: 5px;
  font-size: 0;
  line-height: 16px;
}
/* line 1187, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note .sn_note-meta .sn_nm_single-meta {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  color: #9E9E9E;
}
/* line 1193, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note .sn_note-meta .sn_nm_single-meta:after {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 2px 5px 0;
  line-height: 10px;
  font-size: 8px;
  color: #BDBDBD;
}
/* line 1203, ../scss/_layouts.scss */
#htDataManagement .list-notes .single-note .sn_note-meta .sn_nm_single-meta:last-child:after {
  display: none;
}
/* line 1213, ../scss/_layouts.scss */
#htDataManagement .list-products {
  padding: 4px 0;
}
/* line 1215, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product {
  position: relative;
  min-height: 80px;
  margin-bottom: 12px;
  padding: 0 0 0 92px;
}
/* line 1220, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product:last-child {
  margin-bottom: 0;
}
/* line 1223, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-color: #EEEEEE;
}
/* line 1229, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-image:hover {
  opacity: .9;
}
/* line 1236, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-title {
  margin: 0 0 2px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
}
/* line 1242, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-title a {
  color: #212121;
}
/* line 1244, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-title a:hover {
  color: #2196f3;
}
/* line 1249, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-price {
  margin-top: 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #f44336;
}
/* line 1256, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-quantity {
  margin-top: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #616161;
}
/* line 1262, ../scss/_layouts.scss */
#htDataManagement .list-products .single-product .sp_product-code {
  margin-top: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #616161;
}
/* line 1270, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 {
  padding: 12px 0 6px;
}
/* line 1272, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .row {
  margin: 0 -6px;
}
/* line 1275, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 div[class^='col'] {
  padding: 0 6px;
}
@media (min-width: 1440px) {
  /* line 1278, ../scss/_layouts.scss */
  #htDataManagement .list-products-type-2 .col-xs-6 {
    width: 33.3333%;
  }
}
/* line 1284, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eaeaea;
}
/* line 1288, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-image {
  background-color: #F5F5F5;
  margin-bottom: 6px;
}
/* line 1292, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-title {
  margin: 0 0 1px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
}
/* line 1298, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-title a {
  color: #212121;
}
/* line 1300, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-title a:hover {
  color: #2196f3;
}
/* line 1305, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-price {
  margin-top: 1px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #f44336;
}
/* line 1312, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-quantity {
  margin-top: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #616161;
}
/* line 1318, ../scss/_layouts.scss */
#htDataManagement .list-products-type-2 .single-product .sp_product-code {
  margin-top: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #616161;
}
/* line 1328, ../scss/_layouts.scss */
#htDataManagement .list-orders {
  padding: 4px 0;
}
/* line 1330, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order {
  display: block;
  position: relative;
  margin-left: -8px;
  padding: 0 20px 0 5px;
  color: #212121;
  border-left: 3px solid transparent;
  -moz-transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
  -o-transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
  -webkit-transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
  transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
/* line 1338, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order:hover, #htDataManagement .list-orders .single-order:active, #htDataManagement .list-orders .single-order:focus {
  text-decoration: none;
}
/* line 1341, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order + .single-order {
  margin-top: 8px;
}
/* line 1344, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order .so_order-icon {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 4px;
  line-height: 20px;
  padding: 0 2px;
  color: #BDBDBD;
  -moz-transition: color 0.1s ease-in-out, right 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, right 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out, right 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, right 0.1s ease-in-out;
}
/* line 1355, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order .so_order-code {
  margin: 0;
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
}
/* line 1361, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order .so_order-info {
  margin-top: 2px;
  line-height: 18px;
  font-size: 0;
  color: #757575;
}
/* line 1366, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order .so_order-info .so_oi_single-info {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
}
/* line 1371, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order .so_order-info .so_oi_single-info:after {
  display: inline-block;
  vertical-align: top;
  content: "\2022";
  padding: 2px 5px 0;
  line-height: 14px;
  font-size: 8px;
  color: #BDBDBD;
}
/* line 1381, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order .so_order-info .so_oi_single-info:last-child:after {
  display: none;
}
/* line 1387, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order:hover {
  border-color: #e0e0e0;
  padding-left: 10px;
}
/* line 1390, ../scss/_layouts.scss */
#htDataManagement .list-orders .single-order:hover .so_order-icon {
  right: 0;
  color: #2196f3;
}
/* line 1399, ../scss/_layouts.scss */
#htDataManagement .list-discounts {
  padding: 4px 0;
}
/* line 1401, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount {
  display: block;
  padding: 12px 0 12px 6px;
  margin-left: -6px;
  border-left: 2px solid transparent;
  border-bottom: 1px solid #eaeaea;
  cursor: default;
  -moz-transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
  -o-transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
  -webkit-transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
  transition: padding 0.1s ease-in-out, border-color 0.1s ease-in-out;
}
/* line 1409, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount:first-child {
  padding-top: 4px;
}
/* line 1412, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount:last-child {
  padding-bottom: 4px;
  border-bottom: 0;
}
/* line 1416, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount .sd_discount-title {
  margin: 0 0 5px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
}
/* line 1423, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount .sd_discount-info {
  margin: 1px 0 0;
  line-height: 18px;
  font-size: 13px;
  color: #616161;
}
/* line 1429, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount .sd-discount-actions {
  margin: 5px 0 0;
}
/* line 1431, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount .sd-discount-actions a {
  display: block;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
}
/* line 1438, ../scss/_layouts.scss */
#htDataManagement .list-discounts .single-discount:hover {
  padding-left: 10px;
  border-left-color: #64B5F6;
}
/* line 1447, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file {
  position: relative;
  display: block;
  float: left;
  margin-right: 8px;
  width: calc(50% - 8px);
  max-width: 196px;
  margin: 8px 8px 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}
/* line 1458, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .saf_bg {
  background-repeat: no-repeat;
  background-size: 64px 64px;
  background-position: 50% 28%;
}
/* line 1463, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .info-view {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 1467, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .file-name {
  display: block;
  margin: 0;
  padding: 0 12px 0 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
/* line 1480, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .file-size {
  margin-top: 3px;
  display: none;
  line-height: 14px;
  font-size: 11px;
  color: #9E9E9E;
}
/* line 1487, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .file-action {
  display: none;
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px solid #e0e0e0;
}
/* line 1494, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file:hover .file-name {
  white-space: normal;
  max-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 15px;
}
/* line 1503, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file:hover .file-size {
  display: block;
}
/* line 1506, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file:hover .file-action {
  display: block;
}
/* line 1511, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file.file-type .info-view {
  background-color: #F5F5F5;
  border-top: 1px solid #e0e0e0;
  padding: 8px;
}
/* line 1517, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file.file-type:hover .info-view {
  top: 0;
  border-top: 0;
}
/* line 1525, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .upload-label {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -24px;
  color: #9E9E9E;
}
/* line 1531, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .upload-label .label-icon i {
  display: inline-block;
  line-height: 28px;
}
/* line 1536, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .upload-label .label-text {
  margin-top: 6px;
  line-height: 16px;
}
/* line 1542, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file:hover .upload-label {
  color: #616161;
}
/* line 1549, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file:before {
  z-index: 234;
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #fff transparent;
}
/* line 1561, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .paper-effect {
  display: block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0 0;
  border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
}
/* line 1570, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .paper-effect.paper-blue {
  border-color: #2196f3 transparent transparent transparent;
}
/* line 1573, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .paper-effect.paper-red {
  border-color: #f44336 transparent transparent transparent;
}
/* line 1576, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .paper-effect.paper-grey {
  border-color: #757575 transparent transparent transparent;
}
/* line 1579, ../scss/_layouts.scss */
#htDataManagement .list-attached-files .single-attached-file .paper-effect:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #E0E0E0 transparent;
}
/* line 1597, ../scss/_layouts.scss */
#htDataManagement .profile-image {
  width: 186px;
  height: 186px;
  padding: 2px;
  border: 1px solid #eaeaea;
  border-radius: 2px;
}
/* line 1603, ../scss/_layouts.scss */
#htDataManagement .profile-image .main-image {
  width: 180px;
  height: 180px;
}
/* line 1610, ../scss/_layouts.scss */
#htDataManagement .article-featured-image {
  padding: 2px;
  border: 1px solid #eee;
  background-color: #FAFAFA;
  border-radius: 2px;
}
/* line 1619, ../scss/_layouts.scss */
#htDataManagement .orders_single-statistic {
  margin-bottom: 12px;
  padding: 8px;
  text-align: center;
  background-color: #FAFAFA;
  border: 1px solid #BDBDBD;
}
/* line 1625, ../scss/_layouts.scss */
#htDataManagement .orders_single-statistic .o_ss_label {
  line-height: 18px;
  font-size: 13px;
}
/* line 1629, ../scss/_layouts.scss */
#htDataManagement .orders_single-statistic .o_ss_number {
  margin-top: 3px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #4caf50;
}
/* line 1638, ../scss/_layouts.scss */
#htDataManagement .ht-full-article {
  width: 80%;
  margin: 24px auto 48px;
}
/* line 1641, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-title {
  margin: 24px 0 16px;
  line-height: 36px;
  font-size: 28px;
  font-weight: 600;
}
/* line 1647, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-meta {
  margin: 0 0 12px;
  font-size: 12px;
  color: #757575;
}
/* line 1652, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content {
  margin-top: 24px;
}
/* line 1655, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content > *:first-child {
  margin-top: 0 !important;
}
/* line 1659, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content p {
  margin-bottom: 10px;
}
/* line 1662, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content h1, #htDataManagement .ht-full-article .article-content .h1 {
  margin: 24px 0 16px;
  line-height: 36px;
  font-size: 28px;
  font-weight: 600;
}
/* line 1668, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content h2, #htDataManagement .ht-full-article .article-content .h2 {
  margin: 24px 0 16px;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
}
/* line 1674, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content h3, #htDataManagement .ht-full-article .article-content .h3 {
  margin: 16px 0 12px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
/* line 1680, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content h4, #htDataManagement .ht-full-article .article-content .h4 {
  margin: 16px 0 12px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
}
/* line 1686, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content h5, #htDataManagement .ht-full-article .article-content .h5 {
  margin: 12px 0 8px;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
}
/* line 1692, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content h6, #htDataManagement .ht-full-article .article-content .h6 {
  margin: 12px 0 8px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
}
/* line 1698, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content ul {
  padding-left: 24px;
}
/* line 1701, ../scss/_layouts.scss */
#htDataManagement .ht-full-article .article-content img {
  max-width: 100% !important;
}

/* line 1709, ../scss/_layouts.scss */
.select2-results {
  font-size: 13px;
}

/* line 1712, ../scss/_layouts.scss */
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 2px;
}

/* line 1716, ../scss/_layouts.scss */
.has-inner-upload-file {
  position: relative;
}
/* line 1719, ../scss/_layouts.scss */
.has-inner-upload-file .upload-file-inner input {
  display: none;
}
/* line 1721, ../scss/_layouts.scss */
.has-inner-upload-file .upload-file-inner input:hover, .has-inner-upload-file .upload-file-inner input:active, .has-inner-upload-file .upload-file-inner input:focus {
  outline: none;
}
/* line 1724, ../scss/_layouts.scss */
.has-inner-upload-file .upload-file-inner input[type="file"] {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

@media (min-width: 992px) {
  /* line 4, ../scss/_page-manager.scss */
  .ht-page-manager-content {
    overflow-x: auto;
    overflow-x: overlay;
  }

  /* line 8, ../scss/_page-manager.scss */
  .page-content-wrapper .ht-page-manager-content {
    position: fixed;
    left: 235px;
    top: 50px;
    right: 0;
  }

  /* line 14, ../scss/_page-manager.scss */
  .page-sidebar-closed .page-content-wrapper .ht-page-manager-content {
    left: 45px !important;
  }
}
/* line 22, ../scss/_page-manager.scss */
.ht-page-title-wrap {
  display: none;
  align-items: center;
  position: fixed;
  height: 38px;
  top: 6px;
  background-color: #F5F5F5;
  border-radius: 4px;
  z-index: 9998;
  color: #616161;
}
/* line 32, ../scss/_page-manager.scss */
.ht-page-title-wrap .ptw_main-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 12px 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
/* line 41, ../scss/_page-manager.scss */
.ht-page-title-wrap .ptw_main-title .main-title-wrap {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  position: relative;
  line-height: 24px;
  padding: 0 0 0 32px;
}
/* line 48, ../scss/_page-manager.scss */
.ht-page-title-wrap .ptw_main-title .main-title-wrap .main-title_profile-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  background-color: #E0E0E0;
  border-radius: 50%;
}
/* line 59, ../scss/_page-manager.scss */
.ht-page-title-wrap .ptw_more-actions {
  flex: 0 0 auto;
  min-width: 0;
  padding: 0 12px;
}

@media (min-width: 992px) {
  /* line 66, ../scss/_page-manager.scss */
  .ht-page-title-wrap {
    display: flex;
  }

  /* line 69, ../scss/_page-manager.scss */
  .page-content-wrapper .ht-page-title-wrap {
    left: 235px;
    width: calc(33% - 79px);
  }

  /* line 73, ../scss/_page-manager.scss */
  .page-sidebar-closed .page-content-wrapper .ht-page-title-wrap {
    left: 45px !important;
    width: calc(33% - 15px);
  }
}
/* line 81, ../scss/_page-manager.scss */
.ht-page-manager-content {
  min-height: 0 !important;
  height: auto !important;
}

/* line 86, ../scss/_page-manager.scss */
.ht-pm-container {
  min-width: 1080px;
  height: calc(100vh - 50px);
  background-color: #fff;
}
/* line 92, ../scss/_page-manager.scss */
.ht-pm-container a {
  -moz-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
/* line 96, ../scss/_page-manager.scss */
.ht-pm-container .tooltip .tooltip-inner {
  padding: 2px 6px;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 2px;
}
/* line 103, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-loading {
  color: #BDBDBD;
  height: 56px;
  background-image: url("../img/spinner.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 111, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col {
  position: relative;
  float: left;
  width: 33%;
  height: calc(100vh - 50px);
  margin: 0;
  padding: 0;
  border-right: 1px solid #BDBDBD;
}
/* line 120, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list {
  padding-left: 72px;
}
/* line 122, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 72px;
  color: #212121;
  background-color: #F5F5F5;
  border-right: 1px solid #BDBDBD;
  height: calc(100vh - 50px);
}
/* line 132, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .single-account {
  position: relative;
  margin-top: 16px;
}
/* line 135, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .single-account a {
  display: block;
  padding: 0 11px 0 8px;
  border-left: 4px solid transparent;
}
/* line 139, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .single-account a .account-image {
  width: 48px;
  height: 48px;
  background-color: #E0E0E0;
  border-radius: 50%;
  -moz-transition: opacity 0.12s ease-in-out;
  -o-transition: opacity 0.12s ease-in-out;
  -webkit-transition: opacity 0.12s ease-in-out;
  transition: opacity 0.12s ease-in-out;
}
/* line 147, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .single-account a:hover .account-image {
  opacity: .6;
}
/* line 153, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .single-account.has-new-notify:before {
  z-index: 23;
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  left: 50%;
  margin-left: 12px;
  background-color: #f44336;
  border-radius: 50%;
}
/* line 167, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .single-account.active a {
  border-color: #4caf50;
}
/* line 172, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .add-more-account {
  margin-top: 8px;
}
/* line 174, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .add-more-account a {
  display: block;
  padding: 12px 0;
  line-height: 28px;
  text-align: center;
  color: #bdbdbd;
}
/* line 180, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .add-more-account a i {
  display: inline-block;
  vertical-align: top;
  line-height: 28px;
  font-size: 24px;
}
/* line 186, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col.has-account-list .ht-account-list-wrap .add-more-account a:hover {
  color: #616161;
}
/* line 193, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap {
  position: relative;
}
/* line 195, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs {
  background-color: #F5F5F5;
}
/* line 197, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 201, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li {
  display: table-cell;
  width: 1%;
  float: none;
  border-left: 1px solid #eaeaea;
}
/* line 206, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li:first-child {
  border-left: 0;
}
/* line 209, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > .dropdown > a, .ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > a {
  display: block;
  text-align: center;
  color: #999;
  background-color: #f5f5f5;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
/* line 217, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > .dropdown > a > span, .ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > a > span {
  display: block;
  padding: 8px 0;
}
/* line 221, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > .dropdown > a i, .ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > a i {
  display: inline-block;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
}
/* line 227, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > .dropdown > a:hover, .ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > a:hover {
  text-decoration: none;
}
/* line 232, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li.active a {
  color: #2196f3;
  background-color: #fff;
  border-bottom-color: #fff;
}
/* line 239, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-nav-tabs > ul > li > .dropdown .dropdown-menu {
  margin-top: -1px;
  right: -1px;
  padding: 4px 0;
  min-width: 120px;
}
/* line 260, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search {
  padding: 12px;
  border-bottom: 1px solid #e0e0e0;
}
/* line 263, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search .form-group {
  position: relative;
  margin: 0;
  padding: 0;
}
/* line 268, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search .form-control {
  border-radius: 0;
  padding-left: 34px;
  border-color: #ddd;
}
/* line 273, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search .search-icon {
  position: absolute;
  display: block;
  height: 34px;
  width: 34px;
  top: 0;
  left: 0;
  text-align: center;
  background-color: transparent;
  color: #BDBDBD;
}
/* line 282, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search .search-icon i {
  display: inline-block;
  line-height: 34px;
  font-size: 14px;
}
/* line 288, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search .search-icon.on-load i {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
  color: #42a5f5;
}
/* line 292, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-search .search-icon.on-load i:before {
  content: "\f110";
}
/* line 299, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list {
  height: calc(100vh - 50px - 47px - 59px);
}
/* line 304, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tab-pane {
  height: calc(100vh - 50px - 47px - 59px);
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tab-pane::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tab-pane::-webkit-scrollbar-thumb {
  background: #BDBDBD;
}
/* line 652, ../scss/_ultilities.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tab-pane::-webkit-scrollbar-track {
  background: #EEEEEE;
}
/* line 655, ../scss/_ultilities.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tab-pane::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tab-pane::-webkit-scrollbar-track {
  border-radius: 1.5px;
}
/* line 310, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tooltip.bottom {
  margin-top: 4px !important;
  left: auto !important;
  right: 8px !important;
}
/* line 315, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .tooltip.bottom .tooltip-arrow {
  left: auto !important;
  right: 6px !important;
}
/* line 320, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo {
  position: relative;
  min-height: 80px;
  padding: 12px 12px 12px 68px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  -moz-transition: background-color 0.12s ease-in-out;
  -o-transition: background-color 0.12s ease-in-out;
  -webkit-transition: background-color 0.12s ease-in-out;
  transition: background-color 0.12s ease-in-out;
}
/* line 327, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo:hover {
  background-color: #FAFAFA;
}
/* line 330, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .user-avatar {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 56px;
  height: 56px;
  background-color: #E0E0E0;
  border-radius: 28px;
}
/* line 338, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-main {
  padding: 0 0 0 8px;
}
/* line 343, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-title {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
/* line 347, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-title .user-name {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 8px 0 0;
  min-width: 0;
  padding: 0;
  line-height: 16px;
  font-size: 13px;
  font-weight: 600;
  color: #212121;
}
/* line 358, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-title .meta-time {
  flex: 0 0 auto;
  min-width: 0;
  line-height: 16px;
  font-size: 11px;
  color: #9E9E9E;
}
/* line 366, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-content {
  margin-top: 3px;
  display: flex;
}
/* line 369, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-content .mess-excerpt {
  flex: 1 1 0%;
  padding: 0;
  line-height: 16px;
  font-size: 13px;
  color: #757575;
}
/* line 376, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-content .user-action {
  flex: 0 0 auto;
  padding: 0 0 0 8px;
  line-height: 16px;
}
/* line 380, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-content .user-action a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}
/* line 385, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-content .user-action .read-status {
  width: 12px;
  height: 12px;
  background-color: #EEEEEE;
  border: 2px solid #ccc;
  border-radius: 8px;
}
/* line 391, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-content .user-action .read-status.active {
  background-color: #2196f3;
  border-color: transparent;
}
/* line 398, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-info {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
/* line 402, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-info .convo-labels {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 16px;
  margin-right: 12px;
  font-size: 0;
}
/* line 408, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-info .convo-labels .single-label {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 0 0;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 2px;
}
/* line 419, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-info .convo-last-reply-user {
  flex: 0 0 auto;
}
/* line 421, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .single-convo .convo-info .convo-last-reply-user .user-name {
  font-size: 11px;
  line-height: 14px;
  color: #42a5f5;
}
/* line 433, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list ul li.active .single-convo {
  background-color: #e3f2fd;
}
/* line 439, ../scss/_page-manager.scss */
.ht-pm-container .ht-list-select-col .ht-convo-list-wrap .convo-list .ht-list-loading {
  color: #BDBDBD;
  height: 56px;
  background-image: url("../img/spinner.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 450, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col {
  float: right;
  width: 67%;
}
/* line 453, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main {
  float: left;
  width: 67%;
}
/* line 456, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main.on-loading {
  position: relative;
}
/* line 458, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main.on-loading:after {
  content: "";
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("../img/spinner.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 96px 96px;
}
/* line 470, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .chatbox-header {
  display: flex;
  padding: 0 12px;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
/* line 475, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .chatbox-header .header-title {
  padding: 8px 0;
  line-height: 30px;
  font-size: 24px;
}
/* line 480, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .chatbox-header .header-action {
  padding: 9px 0;
}
/* line 484, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  font-size: 0;
  display: block;
  overflow: overlay;
  white-space: nowrap;
}
/* line 645, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.16);
}
/* line 652, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.04);
}
/* line 655, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels::-webkit-scrollbar-track {
  border-radius: 2.5px;
}
/* line 492, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .convo-labels .single-label {
  display: inline-block;
  vertical-align: top;
  margin: 2px 4px 0 0;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  border-radius: 2px;
}
/* line 503, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages {
  height: calc(100vh - 50px - 47px - 123px - 41px);
  overflow-y: auto;
  padding: 12px;
}
/* line 645, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages::-webkit-scrollbar-thumb {
  background: #BDBDBD;
}
/* line 652, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages::-webkit-scrollbar-track {
  background: #EEEEEE;
}
/* line 655, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages::-webkit-scrollbar-track {
  border-radius: 2.5px;
}
/* line 508, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .original-post-preview {
  display: flex;
  margin: 0 -12px;
  padding: 0 12px 12px;
  border-bottom: 1px solid #eee;
}
/* line 513, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .original-post-preview .post-preview-image {
  flex: 0 0 128px;
  min-width: 0;
}
/* line 517, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .original-post-preview .post-preview-content {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 0 0 12px;
  font-size: 13px;
}
/* line 522, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .original-post-preview .post-preview-content .content-excerpt {
  font-size: 13px;
  line-height: 18px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 54px;
}
/* line 528, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .original-post-preview .post-preview-content .content-action {
  margin-top: 6px;
}
/* line 533, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-start-time {
  margin: 28px 0 16px;
  font-size: 12px;
  font-weight: 600;
  color: #9E9E9E;
}
/* line 540, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .message-loading .loading-animation {
  display: inline-block;
  vertical-align: top;
  height: 34px;
  width: 48px;
  background-image: url("../img/loading-typing.svg");
  background-repeat: no-repeat;
  background-position: 0 -18px;
  background-size: auto 48px;
}
/* line 552, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message {
  position: relative;
  margin: 16px 0;
  padding: 0 0 0 40px;
  text-align: left;
}
/* line 558, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .tooltip .tooltip-inner {
  border-radius: 4px;
}
/* line 565, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-avatar {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background-color: #EEEEEE;
  border-radius: 50%;
}
/* line 574, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-title {
  margin: 0 0 5px;
  padding: 0 12px;
  line-height: 15px;
  font-size: 12px;
  color: #9E9E9E;
}
/* line 582, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages img {
  max-width: 100%;
}
/* line 586, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content {
  max-width: 60%;
  display: inline-block;
  vertical-align: bottom;
  line-height: 18px;
  font-size: 13px;
  text-align: left;
  color: #212121;
  background-color: #EEEEEE;
  border-radius: 12px;
  overflow: hidden;
}
/* line 597, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-text {
  padding: 8px 12px;
  display: inline-block;
}
/* line 600, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-text + .content-attachment {
  padding: 4px 12px 12px 12px;
}
/* line 602, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-text + .content-attachment img {
  border-radius: 8px;
}
/* line 605, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-text + .content-attachment.has-multiple-attachments {
  padding-top: 4px;
}
/* line 611, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment a {
  vertical-align: top;
  display: inline-block;
}
/* line 615, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment img {
  display: block;
  max-width: 100%;
  max-height: 200px;
}
/* line 620, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment.has-multiple-attachments {
  padding: 12px;
  margin: -6px;
}
/* line 5, ../scss/_mixins.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment.has-multiple-attachments:before, .ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment.has-multiple-attachments:after {
  content: " ";
  display: table;
}
/* line 10, ../scss/_mixins.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment.has-multiple-attachments:after {
  clear: both;
}
/* line 624, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment.has-multiple-attachments .single-attachment {
  min-width: 96px;
  max-width: 152px;
  width: calc(50% - 6px);
  float: left;
  margin: 3px;
}
/* line 630, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content .content-attachment.has-multiple-attachments .single-attachment .ht-inner {
  border-radius: 8px;
  background-color: #fff;
}
/* line 637, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_content.secondary-bg-color {
  background-color: #f0f4c3;
}
/* line 641, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_meta {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  padding: 0 0 4px 6px;
  font-size: 0;
  color: #BDBDBD;
  white-space: nowrap;
}
/* line 649, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 11px;
  white-space: nowrap;
}
/* line 656, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_meta span + span:before {
  content: ",";
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 11px;
  padding: 0 4px 0 0;
}
/* line 666, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message .single-message_meta b {
  font-weight: 700;
}
/* line 671, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message-action {
  font-size: 0;
  padding: 4px 12px;
  margin: 0 0 4px;
}
/* line 675, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message-action span {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
  color: #616161;
}
/* line 682, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message-action span + span:before {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  padding: 0 5px;
  font-size: 6px;
  color: #bdbdbd;
}
/* line 691, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .user-messages .single-message-action span.deleted-comment-label {
  display: none;
  color: #9E9E9E;
}
/* line 701, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.inbox-message .user-messages .single-message + .single-message {
  margin-top: 4px;
}
/* line 704, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.inbox-message .user-messages .single-message .single-message_content {
  border-radius: 4px 12px 12px 4px;
}
/* line 707, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.inbox-message .user-messages .single-message .single-message_meta {
  display: none;
}
/* line 711, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.inbox-message .user-messages .single-message:first-child .single-message_content {
  border-top-left-radius: 12px;
}
/* line 716, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.inbox-message .user-messages .single-message:last-child .single-message_content {
  border-bottom-left-radius: 12px;
}
/* line 719, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.inbox-message .user-messages .single-message:last-child .single-message_meta {
  display: inline-block;
}
/* line 727, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.comment-message .user-avatar {
  bottom: 26px;
}
/* line 732, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.comment-message .user-messages .single-message:not(:first-child) {
  margin-top: 4px;
}
/* line 738, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.comment-message .user-messages .single-message .single-message_meta {
  display: none;
}
/* line 742, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.comment-message .user-messages .single-message:nth-last-child(2) .single-message_meta {
  display: inline-block;
}
/* line 749, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin {
  text-align: right;
  padding: 0;
}
/* line 752, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-avatar {
  bottom: 0;
  left: auto;
  right: 0;
}
/* line 758, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages {
  direction: rtl;
}
/* line 760, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message {
  direction: ltr;
}
/* line 762, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message + .single-message {
  margin-top: 6px;
}
/* line 765, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message .single-message_content {
  display: inline-block;
  color: #fff;
  background-color: #2196f3;
  border-radius: 12px 4px 4px 12px;
}
/* line 770, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message .single-message_content.no-bg-color {
  background-color: transparent;
}
/* line 774, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message .single-message_meta {
  display: block;
  margin: 2px 0 0;
  padding: 0 12px;
}
/* line 780, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message:first-child .single-message_content {
  border-top-right-radius: 12px;
}
/* line 785, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message:last-child .single-message_content {
  border-bottom-right-radius: 12px;
}
/* line 790, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message.sent-error .single-message_content {
  background-color: #90caf9;
}
/* line 793, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-admin .user-messages .single-message.sent-error .single-message_meta {
  color: #f44336;
}
/* line 803, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .user-messages .single-message .single-message_content {
  color: #9E9E9E;
}
/* line 805, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .user-messages .single-message .single-message_content .content-text {
  text-decoration: line-through;
}
/* line 808, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .user-messages .single-message .single-message_content .content-text + .content-attachment {
  padding: 4px 12px  12px 12px;
}
/* line 810, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .user-messages .single-message .single-message_content .content-text + .content-attachment img {
  border-radius: 8px;
}
/* line 815, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .user-messages .single-message .single-message_content .content-attachment {
  opacity: .6;
}
/* line 818, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .user-messages .single-message .single-message_content.secondary-bg-color {
  background-color: #f9fbe7;
}
/* line 825, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .single-message-action span {
  display: none;
}
/* line 827, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .single-message-action span + span:before {
  display: none;
}
/* line 830, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.deleted .single-message-action span.deleted-comment-label {
  display: inline-block;
}
/* line 838, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap {
  text-align: left;
}
/* line 840, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message {
  display: block;
  margin-top: 3px;
}
/* line 843, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content {
  display: inline-block;
  max-width: 60%;
  position: relative;
}
/* line 847, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-main {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  padding: 7px 12px;
  line-height: 18px;
  font-size: 13px;
  text-align: left;
  color: #212121;
  background-color: #EEEEEE;
  border-radius: 3px 14px 14px 3px;
  overflow: hidden;
}
/* line 859, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-main.attachment-file {
  padding: 0;
}
/* line 861, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-main.attachment-file a {
  display: inline-block;
  border: 1px solid #eee;
}
/* line 865, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-main.attachment-file img {
  display: inline-block;
  max-width: 100%;
  max-height: 200px;
}
/* line 871, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-main.secondary-bg-color {
  background-color: #f0f4c3;
}
/* line 875, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-meta {
  position: absolute;
  left: 100%;
  bottom: 2px;
  margin-left: 8px;
  font-size: 0;
  color: #9E9E9E;
  white-space: nowrap;
}
/* line 882, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 11px;
  white-space: nowrap;
}
/* line 889, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-meta span + span:before {
  content: ",";
  font-size: 11px;
  padding: 0 4px 0 0;
}
/* line 896, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-content .content-meta b {
  font-weight: 700;
}
/* line 901, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-action {
  font-size: 0;
  padding: 4px 12px;
  margin: 0 0 4px;
}
/* line 905, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-action span {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
  font-weight: 600;
}
/* line 911, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message .message-action span + span:before {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  padding: 0 6px;
  font-size: 8px;
  color: #bdbdbd;
}
/* line 924, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message:first-child .message-content .content-main {
  border-top-left-radius: 12px !important;
}
/* line 931, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message .messages-wrap .single-message:last-child .message-content .content-main {
  border-bottom-left-radius: 12px !important;
}
/* line 938, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-owner {
  padding: 0;
}
/* line 940, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-owner .messages-wrap {
  text-align: right;
}
/* line 944, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-owner .messages-wrap .single-message .message-content .content-main {
  color: #fff;
  background-color: #1e88e5;
  border-radius: 14px 3px 3px 14px;
}
/* line 949, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-owner .messages-wrap .single-message .message-content .content-meta {
  position: static;
  left: auto;
  bottom: auto;
  margin: 2px 0 5px;
  font-size: 0;
  color: #9E9E9E;
  white-space: nowrap;
  text-align: right;
}
/* line 961, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-owner .messages-wrap .single-message:first-child .message-content .content-main {
  border-top-right-radius: 12px !important;
}
/* line 968, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-chatbox-main .list-messages .convo-message.is-from-owner .messages-wrap .single-message:last-child .message-content .content-main {
  border-bottom-right-radius: 12px !important;
}
/* line 980, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section {
  padding: 0;
  border-top: 1px solid #eaeaea;
}
/* line 983, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .form-group {
  margin: 0;
}
/* line 986, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .form-control {
  height: auto;
  padding: 12px 12px;
  font-size: 13px;
  border: 0;
  border-radius: 0;
  resize: none;
}
/* line 994, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .reply-actions {
  margin: 0 12px 0;
  padding: 12px 0;
  border-top: 1px solid #eee;
}
/* line 998, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .reply-actions .single-action {
  display: inline-block;
  margin-right: 12px;
  padding: 2px 0 0;
  font-size: 0;
  text-align: center;
  color: #9E9E9E;
}
/* line 1005, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .reply-actions .single-action .action-icon {
  font-size: 14px;
}
/* line 1008, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .reply-actions .single-action .action-label {
  font-size: 11px;
}
/* line 1011, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .reply-actions .single-action:hover {
  text-decoration: none;
  color: #2196f3;
}
/* line 1017, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list {
  width: 560px;
  padding: 0;
  margin-left: -120px;
}
/* line 1022, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .tooltip .tooltip-inner {
  padding: 4px 6px;
  white-space: normal;
  text-align: center;
}
/* line 1028, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message {
  padding: 3px 4px;
  border-bottom: 1px solid #eaeaea;
}
/* line 1034, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message a:hover {
  text-decoration: none;
}
/* line 1038, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message .flex-item-content {
  flex: 0 0 480px;
}
/* line 1041, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message .message-content {
  display: block;
  padding: 4px 8px;
  line-height: 18px;
  font-size: 13px;
  color: #424242;
}
/* line 1047, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message .message-content:hover {
  color: #2196f3;
}
/* line 1051, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message .message-content-input {
  width: 306px;
  margin: 0 7px;
  padding: 3px 12px;
  line-height: 18px;
  font-size: 13px;
  border: 1px solid #ccc;
  background-color: #FAFAFA;
  border-radius: 2px;
}
/* line 1060, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message .message-content-input:focus {
  outline: none;
  background-color: #fff;
}
/* line 1065, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .single-message .message-action {
  line-height: 18px;
  font-size: 13px;
  padding: 4px 2px;
}
/* line 1071, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .message-reply-section .sample-message-list .add-more-message {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #2196f3;
}
/* line 1080, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info {
  display: flex;
  flex-direction: column;
  position: relative;
  float: right;
  padding: 0 0 0;
  width: 33%;
  height: calc(100vh - 50px);
  border-left: 1px solid #eaeaea;
}
/* line 1089, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .top-section {
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .top-section::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .top-section::-webkit-scrollbar-thumb {
  background: #BDBDBD;
}
/* line 652, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .top-section::-webkit-scrollbar-track {
  background: #EEEEEE;
}
/* line 655, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .top-section::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .top-section::-webkit-scrollbar-track {
  border-radius: 2.5px;
}
/* line 1097, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .bottom-section {
  min-height: 200px;
  max-height: 400px;
  flex-basis: auto;
  /* default value */
  flex-grow: 1;
  overflow-y: auto;
  border-top: 1px solid #eaeaea;
}
/* line 645, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .bottom-section::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .bottom-section::-webkit-scrollbar-thumb {
  background: #BDBDBD;
}
/* line 652, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .bottom-section::-webkit-scrollbar-track {
  background: #EEEEEE;
}
/* line 655, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .bottom-section::-webkit-scrollbar-thumb {
  border-radius: 2.5px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .bottom-section::-webkit-scrollbar-track {
  border-radius: 2.5px;
}
/* line 1111, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .single-section {
  padding: 12px;
}
/* line 1113, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .single-section .section-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
  padding: 0;
}
/* line 1121, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .single-section .section-header .section-title {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  line-height: 18px;
  font-size: 13px;
  font-weight: 600;
  color: #9E9E9E;
}
/* line 1130, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .single-section .section-header .section-action {
  flex: 0 0 auto;
}
/* line 1139, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .ptcp-profile-section {
  border-bottom: 1px solid #eaeaea;
}
/* line 1145, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .ptcp-profile-section .section-content .profile-info {
  position: relative;
  min-height: 60px;
  padding: 0 0 0 68px;
}
/* line 1150, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .ptcp-profile-section .section-content .profile-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  padding: 2px;
  border: 1px solid #eee;
  border-radius: 2px;
}
/* line 1158, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .ptcp-profile-section .section-content .profile-image .ht-bgcover {
  width: 54px;
  height: 54px;
  background-color: #EEEEEE;
}
/* line 1166, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .ptcp-profile-section .section-content .profile-detail ul li {
  position: relative;
  margin: 0 0 2px;
  padding: 0 0 0 22px;
  line-height: 18px;
  font-size: 13px;
}
/* line 1172, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .ptcp-profile-section .section-content .profile-detail ul li .icon-left {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  color: #9E9E9E;
}
/* line 1195, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .no-note {
  padding: 16px 10%;
}
/* line 1197, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .no-note .ht-title {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: #424242;
}
/* line 1203, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .no-note .ht-descr {
  font-size: 14px;
  font-size: 12px;
  color: #757575;
}
/* line 1210, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note {
  margin-bottom: 12px;
}
/* line 1212, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note:last-child {
  margin-bottom: 0;
}
/* line 1215, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note .note-content {
  margin: 0 0 4px;
  font-size: 13px;
}
/* line 1219, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note .note-meta {
  font-size: 0;
}
/* line 1221, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note .note-meta span {
  display: inline-block;
  font-size: 11px;
  color: #9E9E9E;
}
/* line 1225, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note .note-meta span:after {
  content: "\2022";
  display: inline-block;
  padding: 0 4px;
  font-size: 10px;
  color: #BDBDBD;
}
/* line 1233, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note .note-meta span:last-child:after {
  display: none;
}
/* line 1238, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .convo-notes-section .section-content .list-notes .single-note .note-meta a {
  font-size: 11px;
}
/* line 1255, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .customer-order-section .section-footer {
  margin-top: 12px;
}
/* line 1260, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .customer-order-section .single-order .order-image .image-wrap {
  width: 48px;
  height: 48px;
  background-color: #EEEEEE;
  border: 1px solid #eaeaea;
}
/* line 1267, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .customer-order-section .single-order .order-info {
  padding-left: 8px;
}
/* line 1269, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .customer-order-section .single-order .order-info .order-title {
  margin: 0;
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
}
/* line 1275, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .customer-order-section .single-order .order-info .order-note {
  margin: 3px 0 0;
  line-height: 16px;
  font-size: 12px;
  color: #757575;
}
/* line 1287, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products {
  padding-top: 8px;
}
/* line 1289, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product {
  display: flex;
  margin-bottom: 12px;
}
/* line 1293, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-image {
  flex: 0 0 40px;
  min-width: 0;
}
/* line 1296, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-image .image-wrap {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #EEEEEE;
  border: 1px solid #eaeaea;
}
/* line 1304, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-info {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 8px;
}
/* line 1309, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-info .info-title {
  margin: 0;
  line-height: 17px;
  font-size: 13px;
  font-weight: 600;
}
/* line 1314, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-info .info-title a {
  color: #212121;
}
/* line 1318, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-info .info-descr {
  margin: 4px 0 0;
  line-height: 16px;
  font-size: 0;
  color: #9E9E9E;
}
/* line 1323, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-info .info-descr span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 12px;
}
/* line 1329, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-content-col .ht-convo-info .purchased-products-section .list-products .single-product .product-info .info-descr span + span:before {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
  padding: 2px 5px 0;
  font-size: 8px;
  color: #BDBDBD;
}
/* line 1350, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-not-selected-col {
  float: right;
  width: 67%;
}
/* line 1353, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-not-selected-col .convo-not-selected-message {
  text-align: center;
  height: calc(100vh - 50px);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
/* line 1360, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-not-selected-col .convo-not-selected-message .message-wrapper .message-icon {
  color: #BDBDBD;
}
/* line 1363, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-not-selected-col .convo-not-selected-message .message-wrapper .message-text {
  margin: 8px 0 0;
  line-height: 18px;
  font-size: 14px;
  color: #9E9E9E;
}
/* line 1369, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-not-selected-col .convo-not-selected-message .message-wrapper .message-helper {
  margin: 28px 0 0;
  padding: 12px 20px;
  font-size: 14px;
  color: #616161;
  background-color: #FAFAFA;
  border: 2px dashed #e0e0e0;
}
/* line 1383, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-main-content-wrapper {
  height: calc(100vh - 50px);
  padding: 24px;
  display: flex;
  align-items: baseline;
  justify-content: space-around;
  background-color: #F5F5F5;
}
/* line 1391, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card {
  width: 400px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
  /* line 1391, ../scss/_page-manager.scss */
  .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card {
    width: 480px;
  }
}
@media (min-width: 992px) {
  /* line 1391, ../scss/_page-manager.scss */
  .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card {
    width: 560px;
  }
}
@media (min-width: 1200px) {
  /* line 1391, ../scss/_page-manager.scss */
  .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card {
    width: 640px;
  }
}
/* line 1404, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-header {
  padding: 12px;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}
/* line 1408, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-header .card-title {
  margin: 0;
  line-height: 30px;
  font-size: 24px;
  font-weight: 500;
}
/* line 1416, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users {
  display: flex;
  padding: 12px 12px 8px;
  background-color: #FAFAFA;
}
/* line 1420, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-label {
  flex: 0 0 auto;
  min-width: 0;
  font-size: 13px;
  line-height: 18px;
  padding: 4px 12px 4px 0;
}
/* line 1427, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0;
}
/* line 1431, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 8px 5px 0;
  line-height: 26px;
  padding: 0 34px 0 8px;
  background-color: #EEEEEE;
  border-radius: 2px;
}
/* line 1440, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user .ssu_user-title {
  display: block;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 0 4px 0;
  line-height: 18px;
  font-size: 13px;
  white-space: nowrap;
  color: #424242;
}
/* line 1451, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user .ssu_user-action {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 26px;
  width: 26px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #f44336;
  background-color: #EEEEEE;
  border-radius: 0 2px 2px 0;
  z-index: 15;
  border-left: 1px solid #eaeaea;
}
/* line 1465, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user .ssu_user-action:hover {
  background-color: #E0E0E0;
}
/* line 1468, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user .ssu_user-action:hover, .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user .ssu_user-action:active, .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-selected-users .list-selected-users .single-selected-user .ssu_user-action:focus {
  text-decoration: none;
}
/* line 1475, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user {
  padding: 12px;
}
/* line 1477, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group {
  position: relative;
}
/* line 1479, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group .form-control {
  font-size: 13px;
  padding-left: 36px;
  border-radius: 2px;
}
/* line 1484, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group .form-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #BDBDBD;
}
/* line 1492, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group .form-icon i {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  -moz-transition: -moz-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}
/* line 1503, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group .form-control:focus {
  border-color: #ccc;
}
/* line 1506, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group .form-control:focus + .form-icon i {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/* line 1512, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list {
  position: absolute;
  top: 100%;
  left: 4px;
  list-style: none;
  padding: 4px 0;
  margin: 0;
  width: 65%;
  background-color: #fff;
  z-index: 20;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
  max-height: 360px;
  overflow: auto;
  min-width: 360px;
}
/* line 1525, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list li {
  line-height: 18px;
}
/* line 1527, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list li.list-loading {
  height: 48px;
  line-height: 24px;
  font-size: 12px;
  color: #9E9E9E;
  padding: 12px 12px 12px 48px;
  background-image: url(../img/spinner.svg);
  background-size: 48px 48px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
/* line 1538, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list li.list-title {
  margin-bottom: 4px;
  padding: 4px 12px;
  font-size: 13px;
  color: #9E9E9E;
  background-color: #FAFAFA;
}
/* line 1546, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list a {
  display: block;
}
/* line 1548, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list a:hover, .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list a:focus, .ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list a:active {
  text-decoration: none;
}
/* line 1552, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list .single-user {
  display: flex;
  align-items: center;
  padding: 8px 12px;
}
/* line 1556, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list .single-user .su_user-avatar {
  flex: 0 0 36px;
  min-width: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: #EEEEEE;
}
/* line 1562, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list .single-user .su_user-avatar img {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: cover;
}
/* line 1569, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list .single-user .su_user-title {
  flex: 1 1 auto;
  padding: 0 0 0 8px;
  font-size: 13px;
  line-height: 18px;
  color: #212121;
}
/* line 1576, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-content .convo-search-user .form-group ul.form-suggested-list .single-user:hover {
  background-color: #e3f2fd;
}
/* line 1584, ../scss/_page-manager.scss */
.ht-pm-container .ht-convo-add-new-convo .ht-convo-add-new-card .card-footer {
  border-top: 1px solid #eaeaea;
  padding: 12px;
}

/* line 1595, ../scss/_page-manager.scss */
.image-storage-modal-dialog {
  width: 800px;
}

/* line 1599, ../scss/_page-manager.scss */
.image-storage-modal-content .modal-body {
  padding: 12px;
}
/* line 1602, ../scss/_page-manager.scss */
.image-storage-modal-content .modal-footer {
  padding: 12px;
  border-top: 1px solid #eaeaea !important;
}
/* line 1606, ../scss/_page-manager.scss */
.image-storage-modal-content .list-uploaded-images {
  margin: 8px -6px;
}

/* line 1611, ../scss/_page-manager.scss */
.list-uploaded-images .single-image {
  padding: 6px;
  width: 16.6666%;
  float: left;
}
/* line 1615, ../scss/_page-manager.scss */
.list-uploaded-images .single-image .single-image_label {
  display: block;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
/* line 1620, ../scss/_page-manager.scss */
.list-uploaded-images .single-image .single-image_label .option-input {
  display: none;
}
/* line 1623, ../scss/_page-manager.scss */
.list-uploaded-images .single-image .single-image_label .image-wrapper {
  border: 2px solid #eaeaea;
  -moz-transition: border-color 0.1s ease-in-out;
  -o-transition: border-color 0.1s ease-in-out;
  -webkit-transition: border-color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out;
}
/* line 1629, ../scss/_page-manager.scss */
.list-uploaded-images .single-image .single-image_label .option-input:checked + .image-wrapper {
  border-color: #2196f3;
}

/* line 1638, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .modal-body {
  padding: 12px;
}
/* line 1641, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .modal-footer {
  padding: 12px;
  border-top: 1px solid #eaeaea !important;
}
/* line 1645, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tags-helped-text {
  font-size: 14px;
}
/* line 1648, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
/* line 1651, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag {
  display: inline-block;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 2px;
}
/* line 1658, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag.deactive {
  opacity: .4;
}
/* line 1661, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag a {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 18px;
}
/* line 1666, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag a:hover {
  text-decoration: none;
}
/* line 1670, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag .tag-label {
  padding: 4px 10px;
}
/* line 1672, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag .tag-label:hover {
  opacity: .9;
}
/* line 1676, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag .tag-action {
  padding: 4px 8px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 1680, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .tag-list_pre-added .single-pre-added-tag .tag-action:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 1686, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .bootstrap-tagsinput {
  width: 100%;
}
/* line 1688, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .bootstrap-tagsinput .tag {
  line-height: 18px;
  font-size: 13px;
  text-transform: none;
  padding: 5px 10px;
  margin: 0 0 5px;
}
/* line 1695, ../scss/_page-manager.scss */
.convo-tag-edit-modal-content .bootstrap-tagsinput input {
  display: block;
  width: 100%;
  padding: 4px 0;
}

/* line 1703, ../scss/_page-manager.scss */
.quick-inbox-modal-content {
  width: 480px;
}
/* line 1705, ../scss/_page-manager.scss */
.quick-inbox-modal-content .modal-header {
  padding: 10px 12px;
}
/* line 1707, ../scss/_page-manager.scss */
.quick-inbox-modal-content .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
}
/* line 1712, ../scss/_page-manager.scss */
.quick-inbox-modal-content .modal-body {
  padding: 12px;
}
/* line 1715, ../scss/_page-manager.scss */
.quick-inbox-modal-content .modal-footer {
  padding: 12px;
  border-top: 1px solid #eaeaea !important;
}
/* line 1719, ../scss/_page-manager.scss */
.quick-inbox-modal-content .inbox-receivers-wrap {
  font-size: 0;
}
/* line 1721, ../scss/_page-manager.scss */
.quick-inbox-modal-content .inbox-receivers-wrap span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 5px 0;
  line-height: 18px;
  font-size: 13px;
}
/* line 1730, ../scss/_page-manager.scss */
.quick-inbox-modal-content .inbox-receivers-wrap .single-receiver {
  padding: 4px 8px;
  background-color: #F5F5F5;
  font-weight: 600;
  color: #2196f3;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
/* line 1739, ../scss/_page-manager.scss */
.quick-inbox-modal-content .inbox-input-wrap {
  margin: 12px -12px 0;
  padding: 4px 0 0;
  border-top: 1px solid #eaeaea;
}
/* line 1743, ../scss/_page-manager.scss */
.quick-inbox-modal-content .inbox-input-wrap .form-control {
  border-color: transparent;
}

/* line 1752, ../scss/_page-manager.scss */
.fb-page-select-section {
  max-width: 560px;
  margin: 56px auto;
  background-color: #fff;
  border: 1px solid #ddd;
}
/* line 1758, ../scss/_page-manager.scss */
.fb-page-select-section .section-header {
  padding: 16px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #ddd;
}
/* line 1764, ../scss/_page-manager.scss */
.fb-page-select-section .section-header .section-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
/* line 1774, ../scss/_page-manager.scss */
.fb-page-select-section .section-footer {
  padding: 16px;
  border-top: 1px solid #ddd;
}
/* line 1780, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list {
  padding: 4px 0 4px 0;
}
/* line 1782, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page {
  display: block;
}
/* line 1784, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .single-page_label {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 12px 60px 12px 16px;
}
/* line 1790, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page + .single-page {
  border-top: 1px solid #eee;
}
/* line 1793, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_input {
  display: none;
}
/* line 1796, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_check-input {
  position: absolute;
  z-index: 80;
  display: block;
  top: 12px;
  right: 16px;
  color: #E0E0E0;
  width: 28px;
  text-align: center;
}
/* line 1804, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_check-input i {
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  line-height: 64px;
}
/* line 1811, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_info {
  position: relative;
  z-index: 90;
  display: flex;
  align-items: center;
  background-color: transparent;
}
/* line 1817, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_info .spl_info_avatar {
  flex: 0 0 64px;
  min-width: 0;
  width: 64px;
  height: 64px;
  background-color: #EEEEEE;
  border-radius: 50%;
}
/* line 1825, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_info .spl_info_title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 14px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 600;
}
/* line 1835, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_input:checked + .spl_check-input {
  color: #2196f3;
}
/* line 1839, ../scss/_page-manager.scss */
.fb-page-select-section .fb-page-list .single-page .spl_input:checked + .spl_check-input + .spl_info .spl_info_title {
  color: #1976d2;
}

/* line 1848, ../scss/_page-manager.scss */
.fb-require-login-section {
  max-width: 560px;
  margin: 24px auto;
}
/* line 1851, ../scss/_page-manager.scss */
.fb-require-login-section .ht-login-section {
  margin: 0;
  padding: 40px;
  background-color: #fafafa;
  border: 2px dashed #ddd;
}
/* line 1856, ../scss/_page-manager.scss */
.fb-require-login-section .ht-login-section .ht-title {
  margin: 0 0 8px;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
/* line 1863, ../scss/_page-manager.scss */
.fb-require-login-section .ht-login-section .ht-subtitle {
  margin: 0 0 0;
  font-size: 14px;
  color: #777;
}
/* line 1868, ../scss/_page-manager.scss */
.fb-require-login-section .ht-login-section .btn-wrapper {
  margin: 24px 0 0;
  text-align: center;
}
/* line 1871, ../scss/_page-manager.scss */
.fb-require-login-section .ht-login-section .btn-wrapper a {
  display: inline-block;
  vertical-align: top;
  max-width: 360px;
}

/* line 1885, ../scss/_page-manager.scss */
.modal {
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 1888, ../scss/_page-manager.scss */
.modal-dialog {
  margin-top: 56px;
}

/* line 1891, ../scss/_page-manager.scss */
.modal-backdrop {
  display: none;
}

@media (min-width: 992px) {
  /* line 5, ../scss/_task-manager.scss */
  .page-content-wrapper .task-manager-content {
    position: fixed;
    left: 235px;
    top: 50px;
    right: 0;
  }

  /* line 11, ../scss/_task-manager.scss */
  .page-sidebar-closed .page-content-wrapper .task-manager-content {
    left: 45px !important;
  }
}
/* line 16, ../scss/_task-manager.scss */
.task-manager-content {
  min-width: 900px;
  height: calc(100vh - 50px);
  padding: 0 !important;
  display: flex;
  align-items: stretch;
  padding: 0;
  background-color: #fff;
  z-index: 990;
  overflow-x: auto;
}
@media (min-width: 992px) {
  /* line 16, ../scss/_task-manager.scss */
  .task-manager-content {
    top: 50px;
    right: 0;
    left: 235px;
  }
}
/* line 32, ../scss/_task-manager.scss */
.task-manager-content b {
  font-weight: 600;
}
/* line 35, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column {
  position: relative;
  flex: 0 0 360px;
  min-width: 0;
  border-right: 1px solid #E0E0E0;
}
/* line 40, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #E0E0E0;
}
/* line 45, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header .list-title {
  padding: 4px 152px 4px 0;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
}
/* line 54, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu {
  max-height: 420px;
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
/* line 649, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
/* line 652, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu::-webkit-scrollbar-track {
  background: #eeeeee;
}
/* line 655, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu::-webkit-scrollbar-thumb {
  border-radius: 1px;
}
/* line 658, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu::-webkit-scrollbar-track {
  border-radius: 1px;
}
/* line 59, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li a {
  max-width: 400px;
}
/* line 62, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li span {
  display: block;
  max-width: 400px;
}
/* line 67, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 400px;
  padding: 4px 16px 4px 12px;
}
/* line 73, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li:not(.dropdown-title):not(.input-search):hover {
  background-color: #F5F5F5;
}
/* line 76, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li .task-title {
  flex: 1 1 auto;
  padding-right: 16px;
  line-height: 17px;
  font-size: 13px;
  cursor: default;
}
/* line 83, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li .task-action {
  flex: 0 0 auto;
}
/* line 86, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li.input-search {
  padding-top: 4px;
  padding-bottom: 8px;
}
/* line 89, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li.input-search .form-group {
  width: 100%;
  position: relative;
}
/* line 93, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li.input-search .form-control {
  width: 100%;
  height: 28px;
  line-height: 20px;
  padding: 4px 12px 4px 30px;
  font-size: 13px;
  border-color: #e0e0e0;
  border-radius: 0;
}
/* line 102, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-header ul.deleted-task-menu li.input-search .form-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #BDBDBD;
  background-color: transparent;
}
/* line 117, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter {
  padding: 8px 16px 0;
}
/* line 119, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .row {
  margin-left: -8px;
  margin-right: -8px;
}
/* line 123, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter div[class^="col"] {
  padding-left: 8px;
  padding-right: 8px;
}
/* line 127, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
/* line 133, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .form-control {
  height: 28px;
  padding: 3px 16px 3px 8px;
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 0;
}
/* line 141, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter select {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
/* line 147, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .add-more-task {
  padding: 6px 12px;
}
/* line 151, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-toggle {
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%;
}
/* line 154, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu {
  padding: 5px 0;
  border: 1px solid #eee !important;
  border-radius: 0;
}
/* line 158, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid #eee;
}
/* line 163, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_label {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 48px 0 0;
  line-height: 18px;
  font-size: 14px;
}
/* line 169, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_label a {
  display: block;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #424242;
}
/* line 176, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_label a:hover {
  text-decoration: none;
  color: #1e88e5;
}
/* line 182, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_actions {
  flex: 0 0 auto;
  min-width: 0;
  text-align: right;
  white-space: nowrap;
  line-height: 16px;
}
/* line 188, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_actions .single-action {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 600;
  color: #2196f3;
}
/* line 196, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_actions .single-action i {
  margin-right: 2px;
}
/* line 199, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .list-filter-dropdown .dropdown-menu .single-option .single-option_actions .single-action:hover {
  text-decoration: none;
  color: #1565c0;
}
/* line 208, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-filter .selected-option-label {
  display: block;
  width: 100%;
  height: 28px;
  padding: 3px 16px 3px 8px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 0;
}
/* line 220, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-search {
  padding: 12px 16px;
  border-bottom: 1px solid #E0E0E0;
}
/* line 223, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-search .form-group {
  position: relative;
  margin: 0;
}
/* line 227, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-search .form-control {
  padding-left: 38px;
  border-color: #ccc;
  border-radius: 0;
}
/* line 231, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-search .form-control:focus {
  border-color: #ccc;
}
/* line 235, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-search .form-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 3px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #BDBDBD;
  background-color: transparent;
}
/* line 248, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks {
  height: calc(100vh - 50px - 61px - 58px - 59px);
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-tasks::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/* line 649, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-tasks::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
/* line 652, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-tasks::-webkit-scrollbar-track {
  background: #eeeeee;
}
/* line 655, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-tasks::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
/* line 658, ../scss/_ultilities.scss */
.task-manager-content .ht-list-column .ht-list-tasks::-webkit-scrollbar-track {
  border-radius: 2px;
}
/* line 252, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul {
  margin: 0;
  padding: 0;
}
/* line 256, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a {
  display: block;
  padding: 16px;
  color: #212121;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
/* line 262, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a:hover, .task-manager-content .ht-list-column .ht-list-tasks ul li a:active, .task-manager-content .ht-list-column .ht-list-tasks ul li a:focus {
  text-decoration: none;
}
/* line 265, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a:hover {
  background-color: #F5F5F5;
}
/* line 268, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-title {
  margin: 0 0 6px;
  padding: 0;
  line-height: 19px;
  font-size: 14px;
  font-weight: 600;
}
/* line 275, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .su_tags {
  margin-top: 5px;
  font-size: 0;
}
/* line 278, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .su_tags .su_single-tag {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 2px 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #757575;
  border-radius: 2px;
}
/* line 287, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .su_tags .su_single-tag + span:before {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 0 4px;
  line-height: 16px;
  font-size: 8px;
  color: #9E9E9E;
}
/* line 298, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-meta {
  margin-top: 3px;
  font-size: 0;
}
/* line 301, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-meta span {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  color: #9E9E9E;
}
/* line 307, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-meta span:after {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
  line-height: 16px;
  font-size: 10px;
  color: #BDBDBD;
}
/* line 317, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-meta span:last-child:after {
  display: none;
}
/* line 321, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-meta span.task-new-acts {
  color: #2196F3;
}
/* line 326, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-status {
  margin-top: 7px;
  text-align: right;
}
/* line 329, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li a .task-status .ht-badge {
  display: inline-block;
  padding: 3px 8px;
  line-height: 16px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 2px;
}
/* line 340, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks ul li.active a {
  background-color: #e1f5fe;
}
/* line 346, ../scss/_task-manager.scss */
.task-manager-content .ht-list-column .ht-list-tasks .ht-loading {
  color: #BDBDBD;
  height: 56px;
  background-image: url("../img/spinner.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/* line 355, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
/* line 359, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content {
  padding: 0 48px 48px 48px;
  height: calc(100vh - 50px);
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.task-manager-content .ht-content-column .task-main-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* line 649, ../scss/_ultilities.scss */
.task-manager-content .ht-content-column .task-main-content::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
/* line 652, ../scss/_ultilities.scss */
.task-manager-content .ht-content-column .task-main-content::-webkit-scrollbar-track {
  background: #eeeeee;
}
/* line 655, ../scss/_ultilities.scss */
.task-manager-content .ht-content-column .task-main-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
/* line 658, ../scss/_ultilities.scss */
.task-manager-content .ht-content-column .task-main-content::-webkit-scrollbar-track {
  border-radius: 4px;
}
/* line 364, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content > .ht-inner {
  min-width: 480px;
}
/* line 373, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
/* line 380, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .content-header .task-title {
  margin: 0;
  padding: 10px 24px 10px 0;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
  color: #212121;
}
/* line 388, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .content-header .task-actions {
  padding: 8px 0;
}
/* line 397, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .section-wrap {
  border-bottom: 1px solid #eee;
}
/* line 399, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .section-wrap:last-child {
  border-bottom: 0;
}
/* line 403, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .single-section {
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}
/* line 406, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .single-section:last-child {
  border-bottom: 0;
}
/* line 409, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .single-section .section-header {
  margin-bottom: 12px;
}
/* line 411, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .single-section .section-header .section-title {
  margin: 0;
  padding: 4px 0;
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #2e7d32;
}
/* line 423, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr p {
  margin: 0 0 8px;
}
/* line 425, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr p:last-child {
  margin: 0;
}
/* line 429, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr hr {
  margin: 12px 0;
}
/* line 432, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr ul {
  padding-left: 20px;
  margin-bottom: 12px;
}
/* line 435, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr ul:last-child {
  margin: 0;
}
/* line 439, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr.show-all {
  max-height: none;
}
/* line 442, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr.content-collapse {
  position: relative;
  max-height: 76px;
  overflow: hidden;
}
/* line 446, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .task-descr.content-collapse:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
/* line 463, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .view-all-descr-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 12px;
  font-size: 12px;
  background-color: #F5F5F5;
  border-radius: 2px;
}
/* line 470, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .view-all-descr-btn:hover, .task-manager-content .ht-content-column .task-main-content .task-detail-section .view-all-descr-btn:focus, .task-manager-content .ht-content-column .task-main-content .task-detail-section .view-all-descr-btn:active {
  text-decoration: none;
}
/* line 475, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-detail-section .view-all-descr-btn:hover {
  background-color: #EEEEEE;
}
/* line 484, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign {
  display: block;
  display: flex;
  align-items: center;
  border: 1px solid #eaeaea;
  margin-bottom: 12px;
}
/* line 5, ../scss/_mixins.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign:before, .task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign:after {
  content: " ";
  display: table;
}
/* line 10, ../scss/_mixins.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign:after {
  clear: both;
}
/* line 491, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign .assign-member-info {
  flex: 0 0 240px;
  display: flex;
  align-items: center;
  width: 240px;
  padding: 8px 12px;
}
/* line 497, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign .assign-member-info .member-avatar {
  flex: 0 0 36px;
  min-width: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F5F5F5;
}
/* line 505, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign .assign-member-info .member-title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 0 1px 8px;
  font-size: 13px;
  font-weight: 600;
  color: #1565c0;
}
/* line 515, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign .assign-task-detail {
  padding: 10px 12px;
  flex: 1 1 auto;
  border-left: 1px solid #eaeaea;
}
/* line 520, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign .assign-task-detail .task-title {
  margin: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}
/* line 526, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-section .single-task-assign .assign-task-detail .task-descr {
  margin: 4px 0 0;
  font-size: 13px;
  color: #616161;
}
/* line 535, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  font-size: 12px;
  border: 1px solid #eaeaea;
  border-right: 0;
  min-width: 600px;
  overflow-x: auto;
}
/* line 546, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-header {
  border-bottom: 1px solid #eaeaea;
}
/* line 549, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #eaeaea;
}
/* line 554, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row:last-child {
  border-bottom: 0;
}
/* line 557, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  flex-basis: 0;
  padding: 8px 4px;
  word-break: break-word;
  border-right: 1px solid #eaeaea;
}
/* line 565, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item.unit-count-item {
  flex: 0 0 60px;
}
/* line 568, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item.unit-among-item {
  flex: 0 0 65px;
}
/* line 571, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item.plan-number-item {
  flex: 0 0 70px;
}
/* line 574, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item.progress-work-item {
  flex: 0 0 75px;
}
/* line 577, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item.percent-done-item {
  flex: 0 0 45px;
}
/* line 580, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .table-row .table-row-item.user-note-item {
  flex: 0 0 129px;
}
/* line 585, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .form-group {
  position: relative;
  margin: 0;
  max-width: 150px;
}
/* line 590, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .form-control {
  height: 24px;
  padding: 2px 27px 2px 3px;
  font-size: 12px;
  border-radius: 0;
  border-color: #ccc;
}
/* line 596, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .form-control:focus {
  border-color: #ccc;
}
/* line 600, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex textarea {
  height: auto !important;
  width: 100% !important;
}
/* line 604, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .edit-content-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  width: 24px;
  padding: 0;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  border-radius: 0;
}
/* line 615, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-kpi-section .task-kpi-table-flex .edit-content-btn i {
  display: inline-block;
  line-height: 22px;
  vertical-align: top;
}
/* line 624, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-info-section .single-info {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  font-size: 14px;
}
/* line 629, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-info-section .single-info:last-child {
  margin-bottom: 0;
}
/* line 632, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-info-section .single-info > div:first-child {
  flex: 0 0 120px;
  padding-right: 8px;
}
/* line 636, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-info-section .single-info > div:last-child {
  flex: 1 1 auto;
  padding-left: 8px;
}
/* line 643, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-member {
  display: flex;
  align-items: center;
}
/* line 646, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-member .member-avatar {
  width: 40px;
  height: 40px;
  background-color: #EEEEEE;
  border-radius: 20px;
}
/* line 650, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-member .member-avatar.not-rounded {
  border-radius: 0;
}
/* line 654, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-member .member-info {
  padding-left: 8px;
}
/* line 656, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-member .member-info .task-label {
  line-height: 15px;
  font-size: 12px;
  color: #9E9E9E;
}
/* line 661, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-assign-member .member-info .task-member-name {
  padding: 2px 0;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
/* line 672, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li {
  float: left;
  width: 20%;
  padding: 8px;
  text-align: center;
}
@media (min-width: 1440px) {
  /* line 672, ../scss/_task-manager.scss */
  .task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li {
    width: 14%;
  }
}
/* line 680, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .member-avatar {
  position: relative;
}
/* line 682, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .member-avatar .ht-bgcover {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  background-color: #F5F5F5;
  border-radius: 20px;
}
/* line 690, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .member-avatar .delete-member-btn {
  display: block;
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: 6px;
  height: 16px;
  width: 16px;
  line-height: 15px;
  font-size: 9px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: #ef5350;
}
/* line 703, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .member-avatar .delete-member-btn:hover {
  text-decoration: none;
  background-color: #e53935;
}
/* line 709, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .member-name {
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #616161;
}
/* line 715, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .add-member {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #BDBDBD;
  background-color: #FAFAFA;
  border: 2px solid #E0E0E0;
  border-radius: 50%;
}
/* line 724, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .add-member i {
  padding-top: 0;
  font-size: 14px;
  line-height: 36px;
}
/* line 729, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member ul li .add-member:hover {
  background-color: #F5F5F5;
}
/* line 735, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-member-section .list-joined-member .view-more-member {
  font-weight: 400;
  color: #1976d2;
}
/* line 742, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list {
  margin-top: 8px;
  padding: 8px 0;
}
/* line 745, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment {
  position: relative;
  margin: 0 0 8px;
  padding: 0 0 0 48px;
  display: block;
  min-height: 40px;
}
/* line 751, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #EEEEEE;
  border-radius: 20px;
}
/* line 760, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-content {
  line-height: 18px;
  font-size: 13px;
  color: #424242;
}
/* line 765, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-attachment {
  margin: 5px 0 0;
}
/* line 767, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-attachment img {
  max-width: 100%;
  max-height: 96px;
}
/* line 772, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta {
  margin: 3px 0 0;
  color: #9E9E9E;
  font-size: 0;
}
/* line 776, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta span {
  display: inline-block;
  line-height: 16px;
  font-size: 11px;
}
/* line 780, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta span:after {
  display: inline-block;
  content: "\2022";
  font-size: 10px;
  padding: 0 4px;
}
/* line 786, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta span:last-child:after {
  display: none;
}
/* line 793, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list > ul {
  margin: 0;
  padding: 0;
}
/* line 798, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list > ul li:last-child .single-comment {
  margin: 0;
}
/* line 803, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list > ul ul {
  margin: 12px 0 20px 48px;
  padding: 0 0 0 12px;
  border-left: 3px solid #eee;
}
/* line 809, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form {
  margin-top: 16px;
}
/* line 811, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-group {
  position: relative;
}
/* line 814, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control {
  height: 32px;
  padding: 5px 12px 5px 12px;
  font-size: 13px;
  border-radius: 0;
}
/* line 819, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control, .task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control:focus {
  border-color: #ccc;
}
/* line 822, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control.has-more-lines {
  height: auto !important;
}
/* line 826, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment {
  position: absolute;
  bottom: 2px;
  right: 32px;
  padding: 3px 5px;
}
/* line 830, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment label {
  display: inline-block;
  margin: 0;
  line-height: 24px;
  width: 24px;
  text-align: center;
  color: #9E9E9E;
  cursor: pointer;
}
/* line 838, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment label input {
  display: none;
}
/* line 841, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment label i {
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
}
/* line 848, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .comment-submit {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 32px;
  width: 32px;
  padding: 5px 0;
  text-align: center;
  border-radius: 0;
}
/* line 859, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview {
  position: relative;
  margin-top: 4px;
  padding: 4px;
  background-color: #FAFAFA;
  border: 1px solid #eee;
}
/* line 865, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
/* line 869, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment img {
  max-width: 100%;
  max-height: 96px;
}
/* line 873, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment .delete-attachment {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 0 3px;
  color: #fff;
  font-size: 14px;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}
/* line 887, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content {
  border-radius: 2px;
}
/* line 889, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports {
  background-color: #F5F5F5;
  padding: 16px;
}
/* line 893, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info {
  position: relative;
  padding: 1px 0 0 48px;
}
/* line 896, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #E0E0E0;
}
/* line 904, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info .user-name {
  margin: 0 0 2px;
  line-height: 18px;
  font-size: 14px;
  font-weight: 600;
  color: #1976d2;
}
/* line 911, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info .report-meta {
  margin: 3px 0 0;
  color: #9E9E9E;
  font-size: 0;
}
/* line 915, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info .report-meta span {
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
}
/* line 919, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info .report-meta span:after {
  display: inline-block;
  content: "\2022";
  font-size: 10px;
  padding: 0 5px;
  color: #BDBDBD;
}
/* line 926, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-info .report-meta span:last-child:after {
  display: none;
}
/* line 932, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-content {
  margin-top: 0;
  color: #616161;
  line-height: 18px;
}
/* line 938, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-attachment {
  margin: 8px 0 0;
  padding: 0 0 0 48px;
}
/* line 941, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports .single-report .report-attachment img {
  max-width: 100%;
  max-height: 128px;
}
/* line 948, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports ul li {
  margin: 0 0 16px;
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
}
/* line 952, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports ul li:last-child {
  margin: 0;
  border-bottom: 0;
}
/* line 957, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports ul ul {
  margin: 12px 0 20px 48px;
  padding: 0 0 0 12px;
  border-left: 3px solid #e0e0e0;
}
/* line 961, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports ul ul li {
  border: 0;
}
/* line 967, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form:first-child {
  margin-bottom: 16px;
}
/* line 970, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form:last-child {
  margin-top: 16px;
}
/* line 973, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .form-group {
  position: relative;
}
/* line 976, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .form-control {
  height: 40px;
  padding: 9px 12px 9px 12px;
  font-size: 14px;
  border-radius: 0;
}
/* line 981, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .form-control, .task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .form-control:focus {
  border-color: #ccc;
}
/* line 984, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .form-control.has-more-lines {
  height: auto !important;
}
/* line 989, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .add-attachment {
  position: absolute;
  bottom: 2px;
  right: 40px;
  padding: 3px 8px;
}
/* line 993, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .add-attachment label {
  display: inline-block;
  margin: 0;
  line-height: 28px;
  width: 28px;
  text-align: center;
  color: #9E9E9E;
  cursor: pointer;
}
/* line 1001, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .add-attachment label input {
  display: none;
}
/* line 1004, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .add-attachment label i {
  display: inline-block;
  line-height: 28px;
  vertical-align: top;
}
/* line 1011, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .reply-submit {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  text-align: center;
  border-radius: 0;
}
/* line 1021, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview {
  position: relative;
  margin-top: 4px;
  padding: 8px;
  background-color: #FAFAFA;
  border: 1px solid #eee;
}
/* line 1027, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview img {
  max-width: 100%;
  max-height: 96px;
}
/* line 1032, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .delete-attachment i {
  line-height: 16px;
  vertical-align: top;
}
/* line 1037, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-image {
  position: relative;
  float: left;
  height: 96px;
  margin-right: 8px;
}
/* line 1042, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-image img {
  height: 96px;
  width: auto;
  max-width: 100%;
}
/* line 1047, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-image .delete-attachment {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 3px;
  color: #EEEEEE;
}
/* line 1053, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-image .delete-attachment:hover {
  color: #90caf9;
}
/* line 1058, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-file {
  position: relative;
  padding-right: 36px;
  margin-bottom: 8px;
}
/* line 1062, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-file:last-child {
  margin-bottom: 0;
}
/* line 1065, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-file .file-name {
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  word-break: break-all;
}
/* line 1071, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-file .delete-attachment {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 2px;
  color: #BDBDBD;
}
/* line 1077, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-file .delete-attachment:hover {
  color: #42a5f5;
}
/* line 1082, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-report-section .section-content .list-task-reports form.add-report-reply-form .attachment-preview .single-file:hover .file-name {
  color: #757575;
}
/* line 1094, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating {
  position: relative;
  padding: 0 0 0 56px;
  min-height: 56px;
}
/* line 1098, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  background-color: #E0E0E0;
}
/* line 1106, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings {
  padding: 0 0 0 12px;
}
/* line 1108, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .user-name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
/* line 1113, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .post-meta {
  margin: 4px 0 0;
  color: #9E9E9E;
  font-size: 0;
}
/* line 1117, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .post-meta span {
  display: inline-block;
  line-height: 16px;
  font-size: 12px;
}
/* line 1121, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .post-meta span:after {
  display: inline-block;
  content: "\2022";
  font-size: 10px;
  padding: 0 4px;
}
/* line 1127, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .post-meta span:last-child:after {
  display: none;
}
/* line 1132, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .jq-ry-container {
  padding: 0;
}
/* line 1135, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-stars {
  margin: 0 0 4px;
  padding: 4px 0;
  font-size: 0;
}
/* line 1139, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-stars i {
  width: auto;
  display: inline-block;
  padding: 1px;
  font-size: 18px;
  color: #ff9800;
}
/* line 1147, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-stars-input {
  margin: 4px 0;
  padding: 4px 0;
}
/* line 1168, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-comment {
  margin-top: 8px;
  font-size: 14px;
}
/* line 1174, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-comment .form-control {
  border-radius: 0;
}
/* line 1176, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-comment .form-control, .task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list .single-rating .main-ratings .rating-comment .form-control:focus {
  border-color: #ccc;
}
/* line 1183, ../scss/_task-manager.scss */
.task-manager-content .ht-content-column .task-main-content .task-rating-section .task-rating-list ul {
  margin: 0;
  padding: 8px 0 16px 0;
}
/* line 1195, ../scss/_task-manager.scss */
.task-manager-content .tooltip .tooltip-inner {
  border-radius: 2px;
  white-space: nowrap;
  font-size: 11px;
}

/* line 1205, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap {
  margin-top: 8px;
  max-width: 800px;
}
/* line 1208, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .row {
  margin-left: -8px;
  margin-right: -8px;
}
/* line 1212, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap div[class^='col'] {
  padding-left: 8px;
  padding-right: 8px;
}
/* line 1216, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment {
  display: block;
  vertical-align: top;
  margin: 8px 8px 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}
/* line 1226, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .info-view {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 1230, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .file-type {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 16px;
  height: 16px;
}
/* line 1236, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .file-name {
  display: block;
  margin: 0;
  padding: 0 12px 0 0;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  color: #212121;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
/* line 1249, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .file-size {
  margin-top: 3px;
  display: none;
  line-height: 14px;
  font-size: 11px;
  color: #9E9E9E;
}
/* line 1256, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .file-action {
  display: none;
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px solid #e0e0e0;
}
/* line 1263, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment:hover .file-name {
  white-space: normal;
  max-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 15px;
}
/* line 1271, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment:hover .file-size {
  display: block;
}
/* line 1274, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment:hover .file-action {
  display: block;
}
/* line 1279, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.image-type .info-view {
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 8px 8px 8px 32px;
}
/* line 1285, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.image-type:hover .info-view {
  top: 0;
  display: block;
}
/* line 1289, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.image-type:hover .file-name {
  color: #fff;
}
/* line 1292, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.image-type:hover .file-size {
  color: #F5F5F5;
}
/* line 1298, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.file-type .info-view {
  background-color: #F5F5F5;
  border-top: 1px solid #e0e0e0;
  padding: 8px 8px 8px 32px;
}
/* line 1304, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.file-type:hover .info-view {
  top: 0;
  border-top: 0;
}
/* line 1312, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .upload-label {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -24px;
  color: #9E9E9E;
}
/* line 1318, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .upload-label .label-icon i {
  display: inline-block;
  line-height: 28px;
}
/* line 1323, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .upload-label .label-text {
  margin-top: 6px;
  line-height: 16px;
}
/* line 1329, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment:hover .upload-label {
  color: #616161;
}
/* line 1336, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment:before {
  z-index: 234;
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #fff transparent;
}
/* line 1348, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .paper-effect {
  display: block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 0 0;
  border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent;
}
/* line 1357, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .paper-effect.paper-blue {
  border-color: #2196f3 transparent transparent transparent;
}
/* line 1360, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .paper-effect.paper-red {
  border-color: #f44336 transparent transparent transparent;
}
/* line 1363, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .paper-effect.paper-grey {
  border-color: #9e9e9e transparent transparent transparent;
}
/* line 1366, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment .paper-effect:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #E0E0E0 transparent;
}
/* line 1380, ../scss/_task-manager.scss */
.task-attachment-section .attachment-wrap .single-attachment.image-type .paper-effect:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent;
}

/* line 1389, ../scss/_task-manager.scss */
.ht-page-title + .task-manager-content {
  height: calc(100vh - $navbar-height - $ht-page-title-height);
}
@media (min-width: 992px) {
  /* line 1389, ../scss/_task-manager.scss */
  .ht-page-title + .task-manager-content {
    top: 110px;
    right: 0;
    left: 235px;
  }
}
/* line 1404, ../scss/_task-manager.scss */
.ht-page-title + .task-manager-content .ht-list-column .ht-list-tasks {
  height: calc(100vh - $navbar-height - $ht-page-title-height - 61px - 58px - 59px);
}
/* line 1409, ../scss/_task-manager.scss */
.ht-page-title + .task-manager-content .ht-content-column .task-main-content {
  height: calc(100vh - $navbar-height - $ht-page-title-height);
}

@media (min-width: 992px) {
  /* line 5, ../scss/_staff-manager.scss */
  .page-content-wrapper .ht-staff-manager-content {
    position: fixed;
    left: 235px;
    top: 50px;
    right: 0;
  }

  /* line 11, ../scss/_staff-manager.scss */
  .page-sidebar-closed .page-content-wrapper .ht-staff-manager-content {
    left: 45px !important;
  }
}
/* line 21, ../scss/_staff-manager.scss */
.ht-staff-manager-content {
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 720px !important;
  background-color: #fff;
  overflow-x: auto;
  overflow-x: overlay;
}
/* line 29, ../scss/_staff-manager.scss */
.ht-staff-manager-content > .ht-inner {
  height: calc(100vh - $navbar-height);
  z-index: 990;
}
/* line 33, ../scss/_staff-manager.scss */
.ht-staff-manager-content b {
  font-weight: 600;
}
/* line 36, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs {
  position: relative;
  width: 100%;
  z-index: 991;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
/* line 41, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul {
  width: 100%;
}
/* line 43, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li {
  display: table-cell;
  width: 1%;
}
/* line 46, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li a {
  display: block;
  position: relative;
  padding: 12px 8px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #616161;
  border-right: 1px solid #eaeaea;
}
/* line 56, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li a:hover, .ht-staff-manager-content .manager-nav-tabs ul li a:active, .ht-staff-manager-content .manager-nav-tabs ul li a:focus {
  text-decoration: none;
}
/* line 61, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li a:hover {
  background-color: #FAFAFA;
}
/* line 66, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li:last-child a {
  border-right: 0;
}
/* line 71, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li.active a {
  color: #1e88e5;
}
/* line 73, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li.active a:hover {
  background-color: #fff;
}
/* line 76, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-nav-tabs ul li.active a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 10px;
  background-image: url("../img/kLNmEEoD.png");
  background-repeat: no-repeat;
  background-attachment: 12px 8px;
}
/* line 94, ../scss/_staff-manager.scss */
.ht-staff-manager-content .manager-content {
  height: calc(100vh - $navbar-height - 52px);
  background-color: #F5F5F5;
}
/* line 98, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input {
  background-color: #F5F5F5;
  padding: 12px 20px;
}
/* line 101, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input .row {
  margin-left: -12px;
  margin-right: -12px;
}
/* line 105, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input div[class^="col"] {
  padding-left: 12px;
  padding-right: 12px;
}
/* line 109, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input .form-group {
  margin: 0;
}
/* line 112, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input .ht-label {
  margin: 0 0 4px;
  padding: 0 2px;
  line-height: 16px;
  font-size: 13px;
  color: #757575;
}
/* line 120, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input .form-control, .ht-staff-manager-content .ht-filter-input .form-control:focus {
  border-color: #ccc;
}
/* line 126, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info .ht-wrapper {
  margin: 0 20px;
  padding: 8px 0;
  border-top: 1px solid #eaeaea;
}
/* line 131, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info .single-info {
  position: relative;
  padding-right: 36px;
  max-width: 33.3333%;
}
/* line 135, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info .single-info:last-child {
  padding-right: 0;
}
/* line 138, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info .single-info p,
.ht-staff-manager-content .ht-filter-info .single-info .info-title,
.ht-staff-manager-content .ht-filter-info .single-info .user-title {
  margin: 2px 0;
  line-height: 16px;
  font-size: 13px;
  max-width: 300px;
}
/* line 153, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info .single-info.has-user-avatar {
  padding-left: 48px;
}
/* line 155, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info .single-info.has-user-avatar .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #E0E0E0;
  border-radius: 50%;
}
/* line 167, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input + .ht-content-main {
  height: calc(100vh - $navbar-height - 44px - 80px - 4px);
}
/* line 170, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input + .ht-content-main .ht-list-column .ht-list-tasks {
  height: calc(100vh - $navbar-height - 44px - 80px - 4px - 1px - 87px);
}
/* line 175, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-input + .ht-content-main .ht-content-column .task-main-content {
  height: calc(100vh - $navbar-height - 44px - 80px - 4px - 1px);
}
/* line 180, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info + .ht-content-main {
  height: calc(100vh - 50px - 44px - 80px - 55px - 4px);
}
/* line 183, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info + .ht-content-main .ht-list-column .ht-list-tasks {
  height: calc(100vh - 50px - 44px - 80px - 55px - 4px - 1px - 87px);
}
/* line 188, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-filter-info + .ht-content-main .ht-content-column .task-main-content {
  height: calc(100vh - 50px - 44px - 80px - 55px - 4px - 1px);
}
/* line 193, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main {
  display: flex;
  align-items: stretch;
  margin-top: 4px;
  min-height: 300px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
/* line 200, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column {
  position: relative;
  flex: 0 0 280px;
  border-right: 1px solid #E0E0E0;
}
/* line 204, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-header {
  padding: 12px 16px;
}
/* line 206, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-header .list-title {
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  color: #388e3c;
}
/* line 212, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-header .list-date {
  padding-top: 2px;
  font-size: 12px;
  line-height: 17px;
  color: #9E9E9E;
}
/* line 219, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-search {
  padding: 0 16px 12px;
  border-bottom: 1px solid #E0E0E0;
}
/* line 222, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-search .form-group {
  position: relative;
  margin: 0;
}
/* line 226, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-search .form-control {
  height: 30px;
  padding: 4px 12px;
  padding-left: 34px;
  font-size: 13px;
  border-color: #ccc;
}
/* line 233, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-search .form-control:focus {
  border-color: #ccc;
}
/* line 237, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-search .form-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 3px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #BDBDBD;
  background-color: transparent;
}
/* line 250, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks {
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
/* line 652, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks::-webkit-scrollbar-track {
  background: #eeeeee;
}
/* line 655, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks::-webkit-scrollbar-track {
  border-radius: 2px;
}
/* line 254, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul {
  margin: 0;
  padding: 0;
}
/* line 258, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a {
  position: relative;
  display: block;
  padding: 10px 16px;
  color: #212121;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
/* line 265, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a:hover, .ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a:active, .ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a:focus {
  text-decoration: none;
}
/* line 268, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a:hover {
  background-color: #F5F5F5;
}
/* line 271, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a.has-avatar {
  padding-left: 70px;
}
/* line 273, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a.has-avatar .task-avatar {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 8px;
  left: 16px;
}
/* line 280, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-title {
  margin: 0;
  padding: 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
}
/* line 287, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-meta {
  margin-top: 4px;
  font-size: 0;
}
/* line 290, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-meta span {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  color: #757575;
}
/* line 296, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-meta span:after {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 0 7px;
  line-height: 16px;
  font-size: 10px;
  color: #BDBDBD;
}
/* line 306, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-meta span:last-child:after {
  display: none;
}
/* line 310, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-meta span.task-new-acts {
  color: #2196F3;
}
/* line 315, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-status {
  margin-top: 7px;
  text-align: right;
}
/* line 318, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li a .task-status .ht-badge {
  display: inline-block;
  padding: 3px 8px;
  line-height: 16px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 2px;
}
/* line 329, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks ul li.active a {
  background-color: #e1f5fe;
}
/* line 335, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-list-column .ht-list-tasks .ht-loading {
  color: #BDBDBD;
  height: 48px;
  background-image: url("../img/spinner.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 48px 48px;
}
/* line 345, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column {
  position: relative;
  flex: 1 1 auto;
}
/* line 348, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content {
  padding: 0 36px 48px;
  overflow-y: auto;
}
/* line 645, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* line 649, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content::-webkit-scrollbar-thumb {
  background: #bdbdbd;
}
/* line 652, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content::-webkit-scrollbar-track {
  background: #eeeeee;
}
/* line 655, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
/* line 658, ../scss/_ultilities.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content::-webkit-scrollbar-track {
  border-radius: 4px;
}
@media (min-width: 1200px) {
  /* line 348, ../scss/_staff-manager.scss */
  .ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content {
    padding: 0 56px 48px;
  }
}
@media (min-width: 1440px) {
  /* line 348, ../scss/_staff-manager.scss */
  .ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content {
    padding: 0 128px 48px;
  }
}
@media (min-width: 1800px) {
  /* line 348, ../scss/_staff-manager.scss */
  .ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content {
    padding: 0 216px 48px;
  }
}
/* line 367, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
/* line 374, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .content-header .task-title {
  margin: 0;
  padding: 10px 24px 10px 0;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
  color: #212121;
}
/* line 382, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .content-header .task-actions {
  padding: 8px 0;
}
/* line 391, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .section-wrap {
  border-bottom: 1px solid #eee;
}
/* line 393, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .section-wrap:last-child {
  border-bottom: 0;
}
/* line 397, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .single-section {
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}
/* line 400, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .single-section:last-child {
  border-bottom: 0;
}
/* line 403, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .single-section .section-header {
  margin-bottom: 12px;
}
/* line 405, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .single-section .section-header .section-title {
  margin: 0;
  padding: 4px 0;
  line-height: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #388e3c;
}
/* line 417, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-detail-section .task-descr .single-info {
  margin-bottom: 5px;
}
/* line 420, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-detail-section .task-descr .descr-label {
  flex: 0 0 140px;
}
/* line 428, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment {
  display: flex;
  align-items: flex-start;
  margin: 0 0 8px;
  padding: 0;
  min-height: 40px;
}
/* line 434, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .user-avatar {
  flex: 0 0 40px;
  min-width: 0;
  width: 40px;
  height: 40px;
  background-color: #EEEEEE;
  border-radius: 20px;
}
/* line 442, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .center-content {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 8px;
}
/* line 448, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-content {
  line-height: 18px;
  font-size: 13px;
  color: #424242;
}
/* line 453, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-attachment {
  margin: 7px 0 5px;
}
/* line 455, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-attachment img {
  display: block;
  max-width: 100%;
  max-height: 80px;
  border: 1px solid #eee;
}
/* line 461, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-attachment a {
  display: inline-block;
  vertical-align: top;
}
/* line 464, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-attachment a:hover {
  opacity: .9;
}
/* line 469, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta {
  margin: 2px 0 0;
  color: #9E9E9E;
  font-size: 0;
}
/* line 473, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta span {
  display: inline-block;
  line-height: 16px;
  font-size: 11px;
}
/* line 477, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta span:after {
  display: inline-block;
  content: "\2022";
  font-size: 10px;
  padding: 0 4px;
}
/* line 483, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .main-comment .comment-meta span:last-child:after {
  display: none;
}
/* line 489, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info {
  margin-top: 1px;
  flex: 0 0 auto;
  padding: 3px 5px;
  font-size: 12px;
  color: #fff;
  background-color: #2196f3;
  border-radius: 4px;
}
/* line 497, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location {
  margin: 0;
  line-height: 16px;
  font-size: 13px;
  font-weight: 600;
}
/* line 502, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location .ht-oneline, .ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location .ht-filter-info .single-info p, .ht-staff-manager-content .ht-filter-info .single-info .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location p,
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location .ht-filter-info .single-info .info-title,
.ht-staff-manager-content .ht-filter-info .single-info .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location .info-title,
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location .ht-filter-info .single-info .user-title,
.ht-staff-manager-content .ht-filter-info .single-info .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-location .user-title {
  vertical-align: top;
  line-height: 16px;
  max-width: 156px;
}
/* line 508, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-meta {
  margin-top: 2px;
  font-size: 10px;
  color: #EEEEEE;
}
/* line 512, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 14px;
}
/* line 516, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-meta span i {
  margin-right: 2px;
}
/* line 519, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-meta span:after {
  content: "\2022";
  line-height: 12px;
  padding: 2px 5px 0;
  font-size: 10px;
  color: #bdbdbd;
}
/* line 527, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .single-comment .comment-checkin-info .check-in-meta span:last-child:after {
  display: none;
}
/* line 535, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list > ul {
  margin: 12px 0 0;
  padding: 0;
}
/* line 540, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list > ul li:last-child .single-comment {
  margin: 0;
}
/* line 545, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list > ul ul {
  margin: 12px 0 20px 48px;
  padding: 0 0 0 12px;
  border-left: 3px solid #eee;
}
/* line 551, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form {
  margin-top: 16px;
}
/* line 553, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-group {
  position: relative;
}
/* line 556, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control {
  height: 32px;
  padding: 5px 12px 5px 12px;
  font-size: 13px;
  border-radius: 4px;
}
/* line 561, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control, .ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control:focus {
  border-color: #ccc;
}
/* line 564, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .form-control.no-resize {
  resize: none;
}
/* line 568, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .more-options {
  position: absolute;
  height: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #eaeaea;
}
/* line 573, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .more-options:before {
  content: "";
  display: block;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
}
/* line 581, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment {
  position: absolute;
  bottom: 0;
  right: 0px;
}
/* line 584, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment label {
  display: inline-block;
  padding: 3px 8px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  color: #9E9E9E;
  cursor: pointer;
}
/* line 592, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment label input {
  display: none;
}
/* line 595, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .add-attachment label i {
  display: inline-block;
  line-height: 24px;
  vertical-align: top;
}
/* line 602, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .comment-submit {
  display: block;
  position: absolute;
  bottom: 0;
  right: -36px;
  height: 32px;
  width: 32px;
  padding: 5px 0;
  text-align: center;
  color: #2196f3;
  background-color: transparent;
  border: 0;
}
/* line 613, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form .comment-submit:hover {
  color: #1976d2;
}
/* line 619, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form.add-new-comment .form-control.sale-point-comment {
  min-height: 80px;
  padding-bottom: 40px;
  resize: none;
}
/* line 623, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form.add-new-comment .form-control.sale-point-comment.has-more-lines {
  height: auto !important;
}
/* line 627, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list form.add-comment-form.add-new-comment .form-control.sale-point-select {
  position: absolute;
  bottom: 0;
  left: 0;
  width: auto;
  border: 0;
  background-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}
/* line 639, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview {
  position: relative;
  margin-top: 7px;
}
/* line 642, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment {
  position: relative;
  display: inline-block;
  border: 1px solid #eee;
}
/* line 646, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment img {
  max-width: 100%;
  max-height: 96px;
}
/* line 650, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment .delete-attachment {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 18px;
  width: 18px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: rgba(244, 67, 54, 0.4);
}
/* line 660, ../scss/_staff-manager.scss */
.ht-staff-manager-content .ht-content-main .ht-content-column .task-main-content .task-discussion-section .task-discusssion-list .attachment-preview .single-attachment .delete-attachment:hover {
  background-color: rgba(244, 67, 54, 0.6);
}
/* line 672, ../scss/_staff-manager.scss */
.ht-staff-manager-content .tab-pane .ht-tab-loading {
  color: #BDBDBD;
  height: 180px;
  background-image: url("../img/spinner.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 96px 96px;
}
/* line 681, ../scss/_staff-manager.scss */
.ht-staff-manager-content .content-on-load {
  position: relative;
}
/* line 683, ../scss/_staff-manager.scss */
.ht-staff-manager-content .content-on-load:after {
  z-index: 999;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../img/spinner.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 72px 72px;
  background-color: rgba(255, 255, 255, 0.6);
}

/* line 703, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content {
  margin-top: 60px;
}
/* line 705, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content > .ht-inner {
  height: calc(100vh - 50px - 60px);
}
/* line 708, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content .ht-filter-input + .ht-content-main {
  height: calc(100vh - 50px - 60px - 44px - 80px - 4px);
}
/* line 711, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content .ht-filter-input + .ht-content-main .ht-list-column .ht-list-tasks {
  height: calc(100vh - 50px - 60px - 44px - 80px - 4px - 1px - 87px);
}
/* line 716, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content .ht-filter-input + .ht-content-main .ht-content-column .task-main-content {
  height: calc(100vh - 50px - 60px - 44px - 80px - 4px - 1px);
}
/* line 721, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content .ht-filter-info + .ht-content-main {
  height: calc(100vh - 50px - 60px - 44px - 80px - 55px - 4px);
}
/* line 724, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content .ht-filter-info + .ht-content-main .ht-list-column .ht-list-tasks {
  height: calc(100vh - 50px - 60px - 44px - 80px - 55px - 4px - 1px - 87px);
}
/* line 729, ../scss/_staff-manager.scss */
.ht-page-title + .ht-staff-manager-content .ht-filter-info + .ht-content-main .ht-content-column .task-main-content {
  height: calc(100vh - 50px - 60px - 44px - 80px - 55px - 4px - 1px);
}

/* line 55, ../scss/_feedback.scss */
body {
  font-family: 'Open Sans', sans-serif;
}

/* line 58, ../scss/_feedback.scss */
.ht-card {
  display: block;
}

/* line 61, ../scss/_feedback.scss */
.ht-depth-1 {
  background-color: #fff;
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
}

/* line 65, ../scss/_feedback.scss */
.ht-bgcover {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
}

/* line 69, ../scss/_feedback.scss */
.ht-rectangle {
  position: relative;
  display: block;
}
/* line 72, ../scss/_feedback.scss */
.ht-rectangle:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
/* line 77, ../scss/_feedback.scss */
.ht-rectangle .ht-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 82, ../scss/_feedback.scss */
.ht-rectangle.ratio-11:after {
  padding-bottom: 100%;
}
/* line 83, ../scss/_feedback.scss */
.ht-rectangle.ratio-32:after {
  padding-bottom: 66.6666%;
}
/* line 84, ../scss/_feedback.scss */
.ht-rectangle.ratio-23:after {
  padding-bottom: 150%;
}
/* line 85, ../scss/_feedback.scss */
.ht-rectangle.ratio-21:after {
  padding-bottom: 50%;
}
/* line 86, ../scss/_feedback.scss */
.ht-rectangle.ratio-12:after {
  padding-bottom: 200%;
}

/* line 89, ../scss/_feedback.scss */
.ht-mg0 {
  margin: 0px 	!important;
}

/* line 91, ../scss/_feedback.scss */
.ht-mgt0 {
  margin-top: 0px 	!important;
}

/* line 92, ../scss/_feedback.scss */
.ht-mgt4 {
  margin-top: 4px 	!important;
}

/* line 93, ../scss/_feedback.scss */
.ht-mgt8 {
  margin-top: 8px 	!important;
}

/* line 94, ../scss/_feedback.scss */
.ht-mgt12 {
  margin-top: 12px 	!important;
}

/* line 95, ../scss/_feedback.scss */
.ht-mgt16 {
  margin-top: 16px 	!important;
}

/* line 96, ../scss/_feedback.scss */
.ht-mgt20 {
  margin-top: 20px 	!important;
}

/* line 97, ../scss/_feedback.scss */
.ht-mgt24 {
  margin-top: 24px 	!important;
}

/* line 99, ../scss/_feedback.scss */
.ht-mgb0 {
  margin-bottom: 0px 		!important;
}

/* line 100, ../scss/_feedback.scss */
.ht-mgb4 {
  margin-bottom: 4px 		!important;
}

/* line 101, ../scss/_feedback.scss */
.ht-mgb8 {
  margin-bottom: 8px 		!important;
}

/* line 102, ../scss/_feedback.scss */
.ht-mgb12 {
  margin-bottom: 12px 	!important;
}

/* line 103, ../scss/_feedback.scss */
.ht-mgb16 {
  margin-bottom: 16px 	!important;
}

/* line 104, ../scss/_feedback.scss */
.ht-mgb20 {
  margin-bottom: 20px 	!important;
}

/* line 105, ../scss/_feedback.scss */
.ht-mgb24 {
  margin-bottom: 24px 	!important;
}

/* line 107, ../scss/_feedback.scss */
.ht-mgl0 {
  margin-left: 0px 		!important;
}

/* line 108, ../scss/_feedback.scss */
.ht-mgl4 {
  margin-left: 4px 		!important;
}

/* line 109, ../scss/_feedback.scss */
.ht-mgl8 {
  margin-left: 8px 		!important;
}

/* line 110, ../scss/_feedback.scss */
.ht-mgl12 {
  margin-left: 12px 	!important;
}

/* line 111, ../scss/_feedback.scss */
.ht-mgl16 {
  margin-left: 16px 	!important;
}

/* line 112, ../scss/_feedback.scss */
.ht-mgl20 {
  margin-left: 20px 	!important;
}

/* line 113, ../scss/_feedback.scss */
.ht-mgl24 {
  margin-left: 24px 	!important;
}

/* line 115, ../scss/_feedback.scss */
.ht-mgr0 {
  margin-right: 0px 		!important;
}

/* line 116, ../scss/_feedback.scss */
.ht-mgr4 {
  margin-right: 4px 		!important;
}

/* line 117, ../scss/_feedback.scss */
.ht-mgr8 {
  margin-right: 8px 		!important;
}

/* line 118, ../scss/_feedback.scss */
.ht-mgr12 {
  margin-right: 12px 	!important;
}

/* line 119, ../scss/_feedback.scss */
.ht-mgr16 {
  margin-right: 16px 	!important;
}

/* line 120, ../scss/_feedback.scss */
.ht-mgr20 {
  margin-right: 20px 	!important;
}

/* line 121, ../scss/_feedback.scss */
.ht-mgr24 {
  margin-right: 24px 	!important;
}

/* line 125, ../scss/_feedback.scss */
.ht-pd0 {
  padding: 0px 	!important;
}

/* line 126, ../scss/_feedback.scss */
.ht-pd4 {
  padding: 4px 	!important;
}

/* line 127, ../scss/_feedback.scss */
.ht-pd8 {
  padding: 8px 	!important;
}

/* line 128, ../scss/_feedback.scss */
.ht-pd12 {
  padding: 12px 	!important;
}

/* line 129, ../scss/_feedback.scss */
.ht-pd16 {
  padding: 16px 	!important;
}

/* line 130, ../scss/_feedback.scss */
.ht-pd20 {
  padding: 20px 	!important;
}

/* line 131, ../scss/_feedback.scss */
.ht-pd24 {
  padding: 24px 	!important;
}

/* line 133, ../scss/_feedback.scss */
.ht-pdt0 {
  padding-top: 0px 		!important;
}

/* line 134, ../scss/_feedback.scss */
.ht-pdt4 {
  padding-top: 4px 		!important;
}

/* line 135, ../scss/_feedback.scss */
.ht-pdt8 {
  padding-top: 8px 		!important;
}

/* line 136, ../scss/_feedback.scss */
.ht-pdt12 {
  padding-top: 12px 	!important;
}

/* line 137, ../scss/_feedback.scss */
.ht-pdt16 {
  padding-top: 16px 	!important;
}

/* line 138, ../scss/_feedback.scss */
.ht-pdt20 {
  padding-top: 20px 	!important;
}

/* line 139, ../scss/_feedback.scss */
.ht-pdt24 {
  padding-top: 24px 	!important;
}

/* line 141, ../scss/_feedback.scss */
.ht-pdb0 {
  padding-bottom: 0px 	!important;
}

/* line 142, ../scss/_feedback.scss */
.ht-pdb4 {
  padding-bottom: 4px 	!important;
}

/* line 143, ../scss/_feedback.scss */
.ht-pdb8 {
  padding-bottom: 8px 	!important;
}

/* line 144, ../scss/_feedback.scss */
.ht-pdb12 {
  padding-bottom: 12px 	!important;
}

/* line 145, ../scss/_feedback.scss */
.ht-pdb16 {
  padding-bottom: 16px 	!important;
}

/* line 146, ../scss/_feedback.scss */
.ht-pdb20 {
  padding-bottom: 20px 	!important;
}

/* line 147, ../scss/_feedback.scss */
.ht-pdb24 {
  padding-bottom: 24px 	!important;
}

/* line 149, ../scss/_feedback.scss */
.ht-pdl0 {
  padding-left: 0px 	!important;
}

/* line 150, ../scss/_feedback.scss */
.ht-pdl4 {
  padding-left: 4px 	!important;
}

/* line 151, ../scss/_feedback.scss */
.ht-pdl8 {
  padding-left: 8px 	!important;
}

/* line 152, ../scss/_feedback.scss */
.ht-pdl12 {
  padding-left: 12px 	!important;
}

/* line 153, ../scss/_feedback.scss */
.ht-pdl16 {
  padding-left: 16px 	!important;
}

/* line 154, ../scss/_feedback.scss */
.ht-pdl20 {
  padding-left: 20px 	!important;
}

/* line 155, ../scss/_feedback.scss */
.ht-pdl24 {
  padding-left: 24px 	!important;
}

/* line 157, ../scss/_feedback.scss */
.ht-pdr0 {
  padding-right: 0px 		!important;
}

/* line 158, ../scss/_feedback.scss */
.ht-pdr4 {
  padding-right: 4px 		!important;
}

/* line 159, ../scss/_feedback.scss */
.ht-pdr8 {
  padding-right: 8px 		!important;
}

/* line 160, ../scss/_feedback.scss */
.ht-pdr12 {
  padding-right: 12px 	!important;
}

/* line 161, ../scss/_feedback.scss */
.ht-pdr16 {
  padding-right: 16px 	!important;
}

/* line 162, ../scss/_feedback.scss */
.ht-pdr20 {
  padding-right: 20px 	!important;
}

/* line 163, ../scss/_feedback.scss */
.ht-pdr24 {
  padding-right: 24px 	!important;
}

/* line 165, ../scss/_feedback.scss */
.ht-fz11 {
  font-size: 11px !important;
}

/* line 166, ../scss/_feedback.scss */
.ht-fz12 {
  font-size: 12px !important;
}

/* line 167, ../scss/_feedback.scss */
.ht-fz13 {
  font-size: 13px !important;
}

/* line 168, ../scss/_feedback.scss */
.ht-fz14 {
  font-size: 14px !important;
}

/* line 169, ../scss/_feedback.scss */
.ht-fz16 {
  font-size: 16px !important;
}

/* line 170, ../scss/_feedback.scss */
.ht-fz18 {
  font-size: 18px !important;
}

/* line 171, ../scss/_feedback.scss */
.ht-fz24 {
  font-size: 24px !important;
}

/* line 174, ../scss/_feedback.scss */
.ht-feedback-page .ht-form-control {
  height: 36px;
  padding: 7px 12px;
  line-height: 20px;
  font-size: 14px;
  border-color: #ddd;
  border-radius: 2px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 188, ../scss/_feedback.scss */
.ht-feedback-page .ht-form-control.form-lg {
  height: 40px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 22px;
}
/* line 194, ../scss/_feedback.scss */
.ht-feedback-page .ht-form-control:focus {
  border-color: #ccc;
  outline: none;
}
/* line 199, ../scss/_feedback.scss */
.ht-feedback-page .ht-form-control,
.ht-feedback-page .ht-form-control:focus {
  color: #424242;
  box-shadow: 0 0 0 0 transparent !important;
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
/* line 205, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn {
  height: 36px;
  padding: 8px 16px;
  line-height: 18px;
  font-size: 14px;
  border: 1px solid;
  border-radius: 2px;
  text-align: center;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 215, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn, .ht-feedback-page .ht-btn:focus, .ht-feedback-page .ht-btn:active {
  outline: none;
}
/* line 218, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn .ht-icon {
  margin-top: -3px;
  font-size: 18px;
  line-height: 22px;
  display: inline-block;
  vertical-align: top;
}
/* line 225, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn i {
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
}
/* line 231, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.no-bdrd {
  border-radius: 0;
}
/* line 234, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn:active, .ht-feedback-page .ht-btn.active {
  outline: none;
  outline-offset: 0;
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}
/* line 239, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.btn-sm {
  height: 32px;
  padding: 6px 16px;
  font-size: 13px;
  line-height: 18px;
}
/* line 245, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.btn-xs {
  height: 28px;
  padding: 4px 14px;
  font-size: 12px;
  line-height: 18px;
}
/* line 251, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-default {
  color: #424242;
  background-color: #fafafa;
  border-color: #eaeaea;
}
/* line 259, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-primary {
  color: #fff;
  background-color: #4caf50;
  border-color: transparent;
}
/* line 263, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-primary i {
  color: #fff;
}
/* line 269, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-primary.darker-100 {
  background-color: #43a047;
}
/* line 275, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-primary.darker-200 {
  background-color: #388e3c;
}
/* line 282, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-accent {
  color: #fff;
  background-color: #2196f3;
  border-color: transparent;
}
/* line 286, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-accent i {
  color: #fff;
}
/* line 293, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-grey {
  color: #424242;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
/* line 302, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-link {
  color: #424242;
  background-color: transparent;
  border-color: transparent;
}
/* line 308, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn:active {
  opacity: .8;
}
/* line 311, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.btn-icon {
  padding-left: 0;
  padding-right: 0;
}
/* line 314, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.btn-icon i {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 18px;
}
/* line 322, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-facebook {
  color: #fff;
  background-color: #3b5999;
  border-color: transparent;
}
/* line 327, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn.ht-btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: transparent;
}
/* line 332, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn .social-icon {
  display: inline-block;
  margin-right: 12px;
  padding-right: 12px;
  vertical-align: top;
  line-height: 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
/* line 341, ../scss/_feedback.scss */
.ht-feedback-page .feedback-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
/* line 346, ../scss/_feedback.scss */
.ht-feedback-page .ht-section {
  display: block;
  margin: 0 6px 12px;
  padding: 12px;
}
/* line 350, ../scss/_feedback.scss */
.ht-feedback-page .ht-section.full-width {
  margin-left: -6px;
  margin-right: -6px;
}
/* line 354, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header {
  padding-bottom: 12px;
  margin-bottom: 16px;
}
/* line 357, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header.has-bdb {
  border-bottom: 1px solid #eaeaea;
}
/* line 360, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header .sh-title {
  margin-bottom: 0;
}
/* line 364, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header .sh-actions a {
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 2px 4px;
  line-height: 20px;
  font-size: 14px;
  color: #757575;
}
/* line 371, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header .sh-actions a i {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 18px;
  color: #9e9e9e;
}
/* line 378, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header .sh-actions a span {
  margin-left: 4px;
  display: inline-block;
  line-height: 20px;
  font-size: 13px;
}
/* line 384, ../scss/_feedback.scss */
.ht-feedback-page .ht-section .section-header .sh-actions a:active {
  background-color: #eeeeee;
}
/* line 392, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header {
  margin: 0 0 12px;
}
/* line 394, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-title {
  margin: 0 0 5px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
/* line 399, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-title a {
  color: #212121;
}
/* line 403, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-meta {
  font-size: 0;
}
/* line 405, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 12px;
  color: #757575;
}
/* line 411, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-meta span:after {
  content: "\2022";
  display: inline-block;
  padding: 2px 7px 0;
  line-height: 14px;
  font-size: 10px;
  color: #bdbdbd;
}
/* line 420, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-meta span:last-child:after {
  display: none;
}
/* line 425, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .news-header .news-meta a {
  color: #2196f3;
  font-weight: 600;
}
/* line 432, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header {
  margin: 0 0 0;
  padding: 0 32px 0 56px;
  min-height: 44px;
  position: relative;
}
/* line 437, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-color: #bdbdbd;
  border-radius: 50%;
}
/* line 445, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .user-title {
  margin: 0 0 2px;
  padding: 2px 0 0;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
}
/* line 452, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .post-meta {
  margin: 0 0 0;
  line-height: 16px;
  font-size: 12px;
  color: #757575;
}
/* line 458, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .post-action {
  position: absolute;
  top: 4px;
  right: 0;
}
/* line 461, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .post-action button {
  margin: 0;
  padding: 0;
  height: 28px;
  width: 28px;
  font-size: 18px;
  text-align: center;
  color: #757575;
  background-color: transparent;
  border: 0;
}
/* line 471, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .post-action button i {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
/* line 480, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-header .post-action .dropdown-menu li a .icon-left {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
  text-align: center;
}
/* line 491, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content {
  margin-top: 12px;
}
/* line 494, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content img {
  display: inline-block !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
/* line 500, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-content {
  line-height: 21px;
  font-size: 14px;
}
/* line 503, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-content p {
  margin: 0 0 7px;
}
/* line 509, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-content .read-more {
  color: #bdbdbd;
}
/* line 513, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-title {
  margin: 0 0 8px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
/* line 519, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment {
  margin: 12px 0 0;
}
/* line 521, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment a {
  position: relative;
  display: block;
}
/* line 524, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment a img {
  display: block;
}
/* line 527, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment a .ht-inner {
  background-color: #e0e0e0;
}
/* line 530, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment a:active {
  opacity: .85;
}
/* line 533, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment a .more-items {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 538, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment a .more-items .ht-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -40px;
  line-height: 80px;
  font-size: 48px;
  color: #fff;
  text-align: center;
}
/* line 549, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items {
  margin-left: -1px;
  margin-right: -1px;
}
/* line 552, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items .single-item {
  float: left;
  padding: 1px;
}
/* line 557, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-02-items .single-item {
  width: 50%;
}
/* line 562, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-03-items .single-item {
  width: 33.3333%;
}
/* line 564, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-03-items .single-item:first-child {
  width: 66.6666%;
}
/* line 571, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-04-items .single-item {
  width: 33.3333%;
}
/* line 573, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-04-items .single-item:first-child {
  width: 100%;
}
/* line 579, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-05-items .single-item {
  width: 33.3333%;
}
/* line 581, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-05-items .single-item:first-child, .ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-05-items .single-item:nth-child(2) {
  width: 50%;
}
/* line 588, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-06-items .single-item {
  width: 33.3333%;
}
/* line 593, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item {
  width: 25%;
}
/* line 595, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item:first-child, .ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item:nth-child(2), .ht-feedback-page .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item:nth-child(3) {
  width: 33.3333%;
}
/* line 604, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-action-count {
  margin-top: 12px;
  line-height: 16px;
  font-size: 0;
  color: #757575;
}
/* line 609, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-action-count span, .ht-feedback-page .social-post-card .card-content .post-action-count a {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  line-height: 16px;
}
/* line 616, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-action-count .like-count i {
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  margin-right: 5px;
  width: 15px;
  font-size: 8px;
  text-align: center;
  color: #fff;
  background-color: #2196f3;
  border-radius: 7px;
}
/* line 631, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-action-count .comment-share-count span:after {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 2px 4px 0;
  line-height: 14px;
  font-size: 10px;
  color: #bdbdbd;
}
/* line 640, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-action-count .comment-share-count span a {
  color: #757575;
}
/* line 644, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-content .post-action-count .comment-share-count span:last-child:after {
  display: none;
}
/* line 652, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer {
  margin-top: 10px;
  margin-bottom: -8px;
  padding: 8px 0 0;
  border-top: 1px solid #eaeaea;
  display: -webkit-flex;
  display: flex;
}
/* line 658, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer .single-action {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
/* line 661, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer .single-action i {
  color: #9e9e9e;
}
/* line 665, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer .post-action {
  display: block;
  padding: 4px 0;
  height: 28px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #757575;
}
/* line 673, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer .post-action i {
  display: inline-block;
  position: relative;
  top: -1px;
  margin: 0 4px 0 0;
  font-size: 14px;
}
/* line 680, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer .post-action.active {
  box-shadow: 0 0 0;
}
/* line 682, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .card-footer .post-action.active, .ht-feedback-page .social-post-card .card-footer .post-action.active i {
  color: #2196f3;
}
/* line 688, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments {
  margin: 12px -12px 0;
  padding: 12px 0 0;
  border-top: 1px solid #eaeaea;
}
/* line 692, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment {
  position: relative;
  padding: 0 0 0 40px;
  min-height: 32px;
}
/* line 696, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
/* line 704, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-main {
  padding: 6px 10px;
  background-color: #f5f5f5;
  border-radius: 12px;
}
/* line 708, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-main .user-title {
  margin: 0 0 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #212121;
}
/* line 715, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-main .comment-content {
  font-size: 13px;
  line-height: 18px;
  color: #616161;
}
/* line 721, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-meta {
  margin-top: 2px;
  padding: 3px 10px;
  line-height: 16px;
  font-size: 0;
}
/* line 726, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 11px;
  color: #9e9e9e;
}
/* line 732, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-meta span:after {
  content: "\2022";
  padding: 2px 5px 0;
  line-height: 14px;
  font-size: 8px;
  line-height: 14px;
  color: #e0e0e0;
}
/* line 740, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-meta span:last-child:after {
  display: none;
}
/* line 743, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-meta span a {
  font-weight: 600;
  color: #757575;
}
/* line 749, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-attachment {
  margin-top: 3px;
}
/* line 751, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-attachment a {
  display: inline-block;
  vertical-align: top;
}
/* line 755, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .comment-attachment img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 128px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eee;
}
/* line 766, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form {
  position: relative;
}
/* line 768, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .form-group {
  position: relative;
  margin: 0 32px 0 0;
}
/* line 771, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .form-group .form-control {
  padding: 6px 12px;
  padding-right: 38px;
  line-height: 18px;
  font-size: 13px;
  border-color: #ddd;
  resize: none;
  background-color: #fafafa;
  border-radius: 12px;
  overflow: hidden;
}
/* line 781, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .form-group .form-control:focus {
  background-color: #fff;
  border-color: #ddd;
}
/* line 787, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .reply-add-file {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  height: 32px;
  width: 36px;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
/* line 797, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .reply-add-file i {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 32px;
  color: #9e9e9e;
}
/* line 805, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .reply-submit {
  display: block;
  position: absolute;
  top: 0;
  right: -36px;
  height: 32px;
  width: 32px;
  font-size: 18px;
  text-align: center;
  background-color: transparent;
  border: 0;
}
/* line 814, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .reply-submit i {
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
  color: #2196f3;
}
/* line 821, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .image-preview {
  margin-top: 5px;
  border-radius: 12px;
}
/* line 824, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
/* line 830, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image img {
  display: block;
  max-width: 100%;
  max-height: 96px;
}
/* line 835, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image .delete-file {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
  width: 24px;
  text-align: center;
  color: #fafafa;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
/* line 844, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image .delete-file i {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
}
/* line 853, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .form-control {
  padding: 5px 10px;
  font-size: 13px;
}
/* line 857, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-add-file {
  height: 30px;
  width: 32px;
}
/* line 860, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-add-file i {
  line-height: 30px;
}
/* line 864, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-submit {
  top: 0;
  right: -34px;
  height: 30px;
  width: 30px;
  font-size: 15px;
}
/* line 868, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-submit i {
  line-height: 30px;
}
/* line 872, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .image-preview {
  margin-top: 3px;
  border-radius: 12px;
}
/* line 876, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .single-comment .add-comment-form.small-size .image-preview .single-image img {
  max-height: 80px;
}
/* line 884, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .load-more-reply {
  margin: 4px 0 8px 50px;
  font-size: 12px;
}
/* line 887, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .load-more-reply a {
  color: #2196f3;
}
/* line 891, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .load-reply {
  margin-top: 4px;
  padding-top: 2px;
}
/* line 894, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments .load-reply a {
  line-height: 20px;
  font-size: 12px;
  color: #757575;
}
/* line 900, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments hr {
  margin: 12px;
}
/* line 903, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 907, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.main-ul {
  margin: 0 12px;
}
/* line 911, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.main-ul > li {
  margin-bottom: 12px;
}
/* line 913, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.main-ul > li:last-child {
  margin-bottom: 0;
}
/* line 918, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.inner-ul {
  margin-left: 40px;
}
/* line 920, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.inner-ul > li {
  margin-bottom: 8px;
}
/* line 922, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.inner-ul > li:last-child {
  margin-bottom: 0;
}
/* line 926, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.inner-ul .single-comment {
  padding: 0 0 0 32px;
  min-height: 24px;
}
/* line 929, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.inner-ul .single-comment .user-avatar {
  width: 24px;
  height: 24px;
}
/* line 934, ../scss/_feedback.scss */
.ht-feedback-page .social-post-card .post-comments ul.inner-ul .single-comment.has-reply-form .user-avatar {
  top: 3px;
}
/* line 945, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form hr {
  margin: 8px 0;
}
/* line 948, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .form-group {
  margin-bottom: 8px;
  position: relative;
}
/* line 951, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .form-group .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
/* line 959, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .form-group .post-content-input {
  margin: 0 0 12px;
  padding: 0 0 0 56px;
  width: 100%;
  min-height: 48px;
  line-height: 19px;
  font-size: 14px;
  border-color: transparent;
  resize: none;
}
/* line 970, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .attachment-preview {
  padding: 2px 0;
  margin: 12px 0 4px;
  font-size: 0;
}
/* line 974, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .attachment-preview .single-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 96px;
  height: 96px;
  margin: 0 8px 8px 0;
  background-color: #e0e0e0;
  border: 1px solid #eaeaea;
}
/* line 982, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .attachment-preview .single-item .delete-item-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  color: #fafafa;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
/* line 992, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .attachment-preview .single-item .delete-item-btn i {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 16px;
}
/* line 998, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .attachment-preview .single-item .delete-item-btn:active {
  background-color: #f44336;
}
/* line 1004, ../scss/_feedback.scss */
.ht-feedback-page .social-post-form .add-attachment-btn {
  margin-top: 6px;
  border-radius: 14px;
}
/* line 1011, ../scss/_feedback.scss */
.ht-feedback-page .ht-login-section {
  margin: 24px 0 24px;
  padding: 24px;
  background-color: #fafafa;
  border: 2px dashed #ddd;
}
/* line 1016, ../scss/_feedback.scss */
.ht-feedback-page .ht-login-section .ht-title {
  margin: 0 0 8px;
  line-height: 30px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}
/* line 1023, ../scss/_feedback.scss */
.ht-feedback-page .ht-login-section .ht-subtitle {
  margin: 0 0 0;
  font-size: 14px;
  color: #777;
}
/* line 1028, ../scss/_feedback.scss */
.ht-feedback-page .ht-login-section .btn-wrapper {
  margin: 20px 0 0;
  text-align: center;
}
/* line 1031, ../scss/_feedback.scss */
.ht-feedback-page .ht-login-section .btn-wrapper a {
  display: inline-block;
  max-width: 320px;
}
/* line 1039, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn-facebook {
  color: #fff;
  background-color: #3b5999;
  border-color: transparent;
}
/* line 1043, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn-facebook:hover {
  color: #fff;
  background-color: #35508a;
}
/* line 1047, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn-facebook:focus, .ht-feedback-page .ht-btn-facebook:active {
  color: #fff;
}
/* line 1051, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: transparent;
}
/* line 1055, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn-google:hover {
  color: #fff;
  background-color: #da3b28;
}
/* line 1059, ../scss/_feedback.scss */
.ht-feedback-page .ht-btn-google:focus, .ht-feedback-page .ht-btn-google:active {
  color: #fff;
}
/* line 1063, ../scss/_feedback.scss */
.ht-feedback-page .ht-social-icon-in-btn {
  display: inline-block;
  margin-right: 12px;
  padding-right: 12px;
  vertical-align: top;
  line-height: 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 1, ../scss/_email-composer.scss */
.ht-email-composer-container {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 0;
}
/* line 5, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-header {
  padding: 0 0 12px;
  margin: 0 0 12px;
  border-bottom: 1px solid #eee;
}
/* line 9, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-header .ec-section-title {
  margin: 0 0 8px;
  line-height: 32px;
  font-size: 28px;
  font-weight: 600;
  color: #212121;
}
/* line 16, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-header .ec-section-subtitle {
  line-height: 18px;
  font-size: 14px;
  color: #757575;
}
/* line 22, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content {
  padding: 16px 0;
}
/* line 24, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row {
  display: flex;
  padding: 12px 12px;
  border: 1px solid #E0E0E0;
}
/* line 28, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row + .ec-input-row {
  border-top: 0;
}
/* line 31, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row.ec-form-header {
  background-color: #424242;
  border-color: transparent;
}
/* line 34, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row.ec-form-header .ec-form-title {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
/* line 42, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-input-label {
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
  padding: 4px 0;
  min-width: 0;
  display: block;
  line-height: 20px;
  font-size: 14px;
  color: #757575;
}
/* line 53, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-input-main {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 12px;
}
/* line 57, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-input-main .ec-input-control {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 28px;
  padding: 4px 4px;
  line-height: 20px;
  font-size: 14px;
  color: #212121;
  border: 0;
  outline: none;
}
/* line 68, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-input-main .ec-input-control:focus {
  outline: none;
}
/* line 71, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-input-main .ec-input-control.width-auto {
  width: auto;
}
/* line 76, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-input-main.ec-sender-info .ec-input-control {
  height: 128px;
  padding: 12px 4px;
  resize: none;
}
/* line 83, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo {
  flex: 0 0 auto;
  min-width: 0;
  border-right: 1px solid #E0E0E0;
}
/* line 87, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .logo-container {
  width: 128px;
}
/* line 90, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .ec-add-logo-label {
  background-color: #F5F5F5;
  font-size: 12px;
  color: #757575;
  border: 2px dashed #eaeaea;
  cursor: pointer;
  z-index: 230;
}
/* line 98, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .logo-actions {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
/* line 101, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .logo-actions .single-action {
  padding: 1px 5px;
  line-height: 14px;
  color: #616161;
  background-color: #F5F5F5;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  opacity: .9;
}
/* line 109, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .logo-actions .single-action:hover {
  text-decoration: none;
  background-color: #EEEEEE;
  border-color: #E0E0E0;
}
/* line 116, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .image-wrap {
  z-index: 240;
  background-color: #F5F5F5;
}
/* line 121, ../scss/_email-composer.scss */
.ht-email-composer-container .ec-section-content .ec-input-row .ec-add-logo .image-wrap:hover .logo-actions .single-action {
  opacity: 1;
}

/* line 1, ../scss/_social-post.scss */
.ht-feedback-container {
  background-color: #fff;
}

/* line 4, ../scss/_social-post.scss */
.feedback-wrapper {
  width: 75%;
  margin: 0 auto;
  max-width: 640px;
}
/* line 8, ../scss/_social-post.scss */
.feedback-wrapper p {
  margin: 0 0 8px;
}
/* line 11, ../scss/_social-post.scss */
.feedback-wrapper .ht-section {
  display: block;
  margin: 0 6px 12px;
  padding: 12px;
}
/* line 15, ../scss/_social-post.scss */
.feedback-wrapper .ht-section.full-width {
  margin-left: -6px;
  margin-right: -6px;
}
/* line 19, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header {
  padding-bottom: 12px;
  margin-bottom: 16px;
}
/* line 22, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header.has-bdb {
  border-bottom: 1px solid #eaeaea;
}
/* line 25, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header .sh-title {
  margin-bottom: 0;
}
/* line 29, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header .sh-actions a {
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 2px 4px;
  line-height: 20px;
  font-size: 14px;
  color: #757575;
}
/* line 36, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header .sh-actions a i {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 18px;
  color: #9e9e9e;
}
/* line 43, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header .sh-actions a span {
  margin-left: 4px;
  display: inline-block;
  line-height: 20px;
  font-size: 13px;
}
/* line 49, ../scss/_social-post.scss */
.feedback-wrapper .ht-section .section-header .sh-actions a:active {
  background-color: #eeeeee;
}
/* line 57, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header {
  margin: 0 0 12px;
}
/* line 59, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-title {
  margin: 0 0 5px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
/* line 64, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-title a {
  color: #212121;
}
/* line 68, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-meta {
  font-size: 0;
}
/* line 70, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 12px;
  color: #757575;
}
/* line 76, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-meta span:after {
  content: "\2022";
  display: inline-block;
  padding: 2px 7px 0;
  line-height: 14px;
  font-size: 10px;
  color: #bdbdbd;
}
/* line 85, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-meta span:last-child:after {
  display: none;
}
/* line 90, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .news-header .news-meta a {
  color: #2196f3;
  font-weight: 600;
}
/* line 97, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header {
  margin: 0 0 0;
  padding: 0 32px 0 56px;
  min-height: 44px;
  position: relative;
}
/* line 102, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-color: #bdbdbd;
  border-radius: 50%;
}
/* line 110, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .user-title {
  margin: 0 0 2px;
  padding: 2px 0 0;
  line-height: 22px;
  font-size: 16px;
  font-weight: 600;
}
/* line 117, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .post-meta {
  margin: 0 0 0;
  line-height: 16px;
  font-size: 12px;
  color: #757575;
}
/* line 123, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .post-action {
  position: absolute;
  top: 4px;
  right: 0;
}
/* line 126, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .post-action button {
  margin: 0;
  padding: 0;
  height: 28px;
  width: 28px;
  font-size: 18px;
  text-align: center;
  color: #757575;
  background-color: transparent;
  border: 0;
}
/* line 136, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .post-action button i {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
/* line 145, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-header .post-action .dropdown-menu li a .icon-left {
  display: inline-block;
  width: 16px;
  margin-right: 5px;
  text-align: center;
}
/* line 156, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content {
  margin-top: 12px;
}
/* line 159, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content img {
  display: inline-block !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
}
/* line 165, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-content {
  line-height: 21px;
  font-size: 14px;
}
/* line 168, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-content p {
  margin-bottom: 5px;
}
/* line 174, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-content .read-more {
  color: #bdbdbd;
}
/* line 178, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-title {
  margin: 0 0 8px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 600;
}
/* line 184, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment {
  margin: 12px 0 0;
}
/* line 186, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment a {
  position: relative;
  display: block;
}
/* line 189, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment a img {
  display: block;
}
/* line 192, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment a .ht-inner {
  background-color: #e0e0e0;
}
/* line 195, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment a:active {
  opacity: .85;
}
/* line 198, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment a .more-items {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 203, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment a .more-items .ht-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -40px;
  line-height: 80px;
  font-size: 48px;
  color: #fff;
  text-align: center;
}
/* line 214, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items {
  margin-left: -1px;
  margin-right: -1px;
}
/* line 217, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items .single-item {
  float: left;
  padding: 1px;
}
/* line 222, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-02-items .single-item {
  width: 50%;
}
/* line 227, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-03-items .single-item {
  width: 33.3333%;
}
/* line 229, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-03-items .single-item:first-child {
  width: 66.6666%;
}
/* line 236, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-04-items .single-item {
  width: 33.3333%;
}
/* line 238, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-04-items .single-item:first-child {
  width: 100%;
}
/* line 244, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-05-items .single-item {
  width: 33.3333%;
}
/* line 246, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-05-items .single-item:first-child, .feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-05-items .single-item:nth-child(2) {
  width: 50%;
}
/* line 253, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-06-items .single-item {
  width: 33.3333%;
}
/* line 258, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item {
  width: 25%;
}
/* line 260, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item:first-child, .feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item:nth-child(2), .feedback-wrapper .social-post-card .card-content .post-attachment.has-multi-items.has-07-items .single-item:nth-child(3) {
  width: 33.3333%;
}
/* line 269, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-action-count {
  margin-top: 12px;
  line-height: 16px;
  font-size: 0;
  color: #757575;
}
/* line 274, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-action-count span, .feedback-wrapper .social-post-card .card-content .post-action-count a {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  line-height: 16px;
}
/* line 281, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-action-count .like-count i {
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  margin-right: 5px;
  width: 15px;
  font-size: 8px;
  text-align: center;
  color: #fff;
  background-color: #2196f3;
  border-radius: 7px;
}
/* line 296, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-action-count .comment-share-count span:after {
  content: "\2022";
  display: inline-block;
  vertical-align: top;
  padding: 2px 4px 0;
  line-height: 14px;
  font-size: 10px;
  color: #bdbdbd;
}
/* line 305, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-action-count .comment-share-count span a {
  color: #757575;
}
/* line 309, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-content .post-action-count .comment-share-count span:last-child:after {
  display: none;
}
/* line 317, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer {
  margin-top: 10px;
  margin-bottom: -8px;
  padding: 4px 0 0;
  border-top: 1px solid #eaeaea;
  display: -webkit-flex;
  display: flex;
}
/* line 323, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer .single-action {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
/* line 326, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer .single-action i {
  color: #9e9e9e;
}
/* line 330, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer .post-action {
  display: block;
  padding: 4px 0;
  height: 28px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #757575;
}
/* line 338, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer .post-action i {
  display: inline-block;
  position: relative;
  top: 0;
  margin: 0 6px 0 0;
  font-size: 14px;
}
/* line 345, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer .post-action.active {
  box-shadow: 0 0 0;
}
/* line 347, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .card-footer .post-action.active, .feedback-wrapper .social-post-card .card-footer .post-action.active i {
  color: #2196f3;
}
/* line 353, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments {
  margin: 12px -12px 0;
  padding: 12px 0 0;
  border-top: 1px solid #eaeaea;
}
/* line 357, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment {
  position: relative;
  padding: 0 0 0 40px;
  min-height: 32px;
}
/* line 361, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
/* line 369, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-main {
  padding: 6px 10px;
  background-color: #f5f5f5;
  border-radius: 12px;
}
/* line 373, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-main .user-title {
  margin: 0 0 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #212121;
}
/* line 380, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-main .comment-content {
  font-size: 13px;
  line-height: 18px;
  color: #616161;
}
/* line 386, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-meta {
  margin-top: 2px;
  padding: 3px 10px;
  line-height: 16px;
  font-size: 0;
}
/* line 391, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-meta span {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  font-size: 11px;
  color: #9e9e9e;
}
/* line 397, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-meta span:after {
  content: "\2022";
  padding: 2px 5px 0;
  line-height: 14px;
  font-size: 8px;
  line-height: 14px;
  color: #e0e0e0;
}
/* line 405, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-meta span:last-child:after {
  display: none;
}
/* line 408, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-meta span a {
  font-weight: 600;
  color: #757575;
}
/* line 414, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-attachment {
  margin-top: 3px;
}
/* line 416, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-attachment a {
  display: inline-block;
  vertical-align: top;
}
/* line 420, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .comment-attachment img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 128px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #eee;
}
/* line 431, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form {
  position: relative;
}
/* line 433, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .form-group {
  position: relative;
  margin: 0 32px 0 0;
}
/* line 436, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .form-group .form-control {
  padding: 6px 12px;
  padding-right: 38px;
  line-height: 18px;
  font-size: 13px;
  border-color: #ddd;
  resize: none;
  background-color: #fafafa;
  border-radius: 12px;
  overflow: hidden;
}
/* line 446, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .form-group .form-control:focus {
  background-color: #fff;
  border-color: #ddd;
}
/* line 452, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .reply-add-file {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  height: 32px;
  width: 36px;
  text-align: center;
  border-radius: 12px;
  cursor: pointer;
}
/* line 462, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .reply-add-file i {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 32px;
  color: #9e9e9e;
}
/* line 470, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .reply-submit {
  display: block;
  position: absolute;
  top: 0;
  right: -36px;
  height: 32px;
  width: 32px;
  font-size: 18px;
  text-align: center;
  background-color: transparent;
  border: 0;
}
/* line 479, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .reply-submit i {
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
  color: #2196f3;
}
/* line 486, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .image-preview {
  margin-top: 5px;
  border-radius: 12px;
}
/* line 489, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
/* line 495, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image img {
  display: block;
  max-width: 100%;
  max-height: 96px;
}
/* line 500, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image .delete-file {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 22px;
  width: 24px;
  text-align: center;
  color: #fafafa;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
/* line 509, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form .image-preview .single-image .delete-file i {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
}
/* line 518, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .form-control {
  padding: 5px 10px;
  font-size: 13px;
}
/* line 522, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-add-file {
  height: 30px;
  width: 32px;
}
/* line 525, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-add-file i {
  line-height: 30px;
}
/* line 529, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-submit {
  top: 0;
  right: -34px;
  height: 30px;
  width: 30px;
  font-size: 15px;
}
/* line 533, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .reply-submit i {
  line-height: 30px;
}
/* line 537, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .image-preview {
  margin-top: 3px;
  border-radius: 12px;
}
/* line 541, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .single-comment .add-comment-form.small-size .image-preview .single-image img {
  max-height: 80px;
}
/* line 549, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .load-more-reply {
  margin: 4px 0 8px 50px;
  font-size: 12px;
}
/* line 552, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .load-more-reply a {
  color: #2196f3;
}
/* line 556, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .load-reply {
  margin-top: 4px;
  padding-top: 2px;
}
/* line 559, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments .load-reply a {
  line-height: 20px;
  font-size: 12px;
  color: #757575;
}
/* line 565, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments hr {
  margin: 12px;
}
/* line 568, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 572, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.main-ul {
  margin: 0 12px;
}
/* line 576, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.main-ul > li {
  margin-bottom: 12px;
}
/* line 578, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.main-ul > li:last-child {
  margin-bottom: 0;
}
/* line 583, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.inner-ul {
  margin-left: 40px;
}
/* line 585, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.inner-ul > li {
  margin-bottom: 8px;
}
/* line 587, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.inner-ul > li:last-child {
  margin-bottom: 0;
}
/* line 591, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.inner-ul .single-comment {
  padding: 0 0 0 32px;
  min-height: 24px;
}
/* line 594, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.inner-ul .single-comment .user-avatar {
  width: 24px;
  height: 24px;
}
/* line 599, ../scss/_social-post.scss */
.feedback-wrapper .social-post-card .post-comments ul.inner-ul .single-comment.has-reply-form .user-avatar {
  top: 3px;
}
/* line 610, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form hr {
  margin: 8px 0;
}
/* line 613, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .form-group {
  margin-bottom: 8px;
  position: relative;
}
/* line 616, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .form-group .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
/* line 624, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .form-group .post-content-input {
  margin: 0 0 12px;
  padding: 0 0 0 56px;
  width: 100%;
  min-height: 48px;
  line-height: 19px;
  font-size: 14px;
  border-color: transparent;
  resize: none;
}
/* line 635, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .attachment-preview {
  padding: 2px 0;
  margin: 12px 0 4px;
  font-size: 0;
}
/* line 639, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .attachment-preview .single-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 96px;
  height: 96px;
  margin: 0 8px 8px 0;
  background-color: #e0e0e0;
  border: 1px solid #eaeaea;
}
/* line 647, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .attachment-preview .single-item .delete-item-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  color: #fafafa;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
}
/* line 657, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .attachment-preview .single-item .delete-item-btn i {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 16px;
}
/* line 663, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .attachment-preview .single-item .delete-item-btn:active {
  background-color: #f44336;
}
/* line 669, ../scss/_social-post.scss */
.feedback-wrapper .social-post-form .add-attachment-btn {
  margin-top: 6px;
  border-radius: 14px;
}
/* line 675, ../scss/_social-post.scss */
.feedback-wrapper .on-loading-content {
  height: 120px;
}
/* line 677, ../scss/_social-post.scss */
.feedback-wrapper .on-loading-content:after {
  background-color: transparent;
}