@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ngdialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ngdialog-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
  background: white;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}

body.ngdialog-open {
  overflow: hidden;
}

@-webkit-keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ngdialog-flyin {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

@keyframes ngdialog-flyout {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}

.ngdialog.ngdialog-theme-default {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
  -webkit-animation: ngdialog-flyout .5s;
  animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  position: relative;
  width: 600px;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  -moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  box-shadow: 0 5px 5px -5px rgba(0,0,0,.1);
  border: 0;
  border-radius: 0;
  margin: 0 auto;
  padding: 20px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
  border-radius: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before,
.ngdialog.ngdialog-theme-default .ngdialog-close:active:before {
  color: #777;
}

.ngdialog.ngdialog-theme-default .ngdialog-message {
  margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input {
  margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"],
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] {
  background: #fff;
  border: 0;
  border-radius: 3px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 0 .25em;
  min-height: 2.5em;
  padding: .25em .67em;
  width: 100%;
}

.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus,
.ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus {
  -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons {
  *zoom: 1;
}

.ngdialog.ngdialog-theme-default .ngdialog-buttons:after {
  content: '';
  display: table;
  clear: both;
}

.ngdialog.ngdialog-theme-default .ngdialog-button {
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  float: right;
  font-family: inherit;
  font-size: .8em;
  letter-spacing: .1em;
  line-height: 1em;
  margin: 0 0 0 .5em;
  padding: .75em 2em;
  text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-button:focus {
  -webkit-animation: ngdialog-pulse 1.1s infinite;
  animation: ngdialog-pulse 1.1s infinite;
  outline: none;
}

@media (max-width: 568px) {
  .ngdialog.ngdialog-theme-default .ngdialog-button:focus {
    -webkit-animation: none;
    animation: none;
  }
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary {
  background: #3288e6;
  color: #fff;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}

.ngdialog .modal-header,
.ngdialog .modal-body,
.ngdialog .modal-footer {
  -webkit-transform: translateZ(0);
}

.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#22BAA0}.toast-error{background-color:#f25656}.toast-info{background-color:#12AFCB}.toast-warning{background-color:#f2ca4c}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999999;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(bottom, #b3b3b3, #808080);
  background-image: -ms-linear-gradient(bottom, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
  background-image: -webkit-linear-gradient(bottom, #b3b3b3, #808080);
  background-image: -o-linear-gradient(bottom, #b3b3b3, #808080);
  background-image: linear-gradient(to bottom, #b3b3b3, #808080);
  background-repeat: repeat-x;
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: -o-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: -o-linear-gradient(bottom, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

/*!
 * Datepicker for Bootstrap v1.5.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker>div{display:none}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day:hover,.datepicker table tr td.day.focused{background:#eee;cursor:pointer}.datepicker table tr td.old,.datepicker table tr td.new{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active{background-color:#fbf069 \9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active{background-color:#efe24b \9}.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(bottom,#b3b3b3,gray);background-image:-ms-linear-gradient(bottom,#b3b3b3,gray);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(gray));background-image:-webkit-linear-gradient(bottom,#b3b3b3,gray);background-image:-o-linear-gradient(bottom,#b3b3b3,gray);background-image:linear-gradient(to bottom,#b3b3b3,gray);background-repeat:repeat-x;border-color:gray #808080 #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled]{background-color:gray}.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active{background-color:#666 \9}.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(bottom,#08c,#04c);background-image:-ms-linear-gradient(bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(bottom,#08c,#04c);background-image:-o-linear-gradient(bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active{background-color:#039 \9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(bottom,#08c,#04c);background-image:-ms-linear-gradient(bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(bottom,#08c,#04c);background-image:-o-linear-gradient(bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active{background-color:#039 \9}.datepicker table tr td span.old,.datepicker table tr td span.new{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .prev,.datepicker .next,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .prev:hover,.datepicker .next:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:20px;padding:4px 5px;font-weight:400;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-size:13px;line-height:20px}.datepicker.dropdown-menu th,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.datepicker-inline td{padding:4px 5px}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
/*.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {*/
  /*position: absolute;*/
  /*width: 1px;*/
  /*height: 1px;*/
  /*margin: -1px;*/
  /*padding: 0;*/
  /*overflow: hidden;*/
  /*clip: rect(0, 0, 0, 0);*/
  /*border: 0;*/
  /*content: "Set the date to today";*/
/*}*/
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
/*.bootstrap-datetimepicker-widget table td.today {*/
  /*position: relative;*/
/*}*/
/*.bootstrap-datetimepicker-widget table td.today:before {*/
  /*content: '';*/
  /*display: inline-block;*/
  /*border: solid transparent;*/
  /*border-width: 0 0 7px 7px;*/
  /*border-bottom-color: #337ab7;*/
  /*border-top-color: rgba(0, 0, 0, 0.2);*/
  /*position: absolute;*/
  /*bottom: 4px;*/
  /*right: 4px;*/
/*}*/
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/*.bootstrap-datetimepicker-widget table td.active.today:before {*/
  /*border-bottom-color: #fff;*/
/*}*/
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
/*!
   angular-block-ui v0.2.1
   (c) 2015 (null) McNull https://github.com/McNull/angular-block-ui
   License: MIT
*/.block-ui{position:relative}body.block-ui{position:static}.block-ui-main>.block-ui-container,body.block-ui>.block-ui-container{position:fixed}.block-ui-container{position:absolute;z-index:10000;top:0;right:0;bottom:0;left:0;height:0;overflow:hidden;opacity:0;filter:alpha(opacity=00)}.block-ui-active>.block-ui-container{height:100%;cursor:wait}.block-ui-active .block-ui-active>.block-ui-container{height:0}.block-ui-visible>.block-ui-container{opacity:1;filter:alpha(opacity=100)}.block-ui-overlay{width:100%;height:100%;opacity:.5;filter:alpha(opacity=50);background-color:#fff}.block-ui-message-container{position:absolute;top:35%;left:0;right:0;height:0;text-align:center;z-index:10001}.block-ui-message{display:inline-block;text-align:left;background-color:#333;color:#f5f5f5;padding:20px;border-radius:4px;font-size:20px;font-weight:700;filter:alpha(opacity=100)}.block-ui-anim-fade>.block-ui-container{transition:height 0s linear 200ms,opacity 200ms ease 0s}.block-ui-anim-fade.block-ui-active>.block-ui-container{transition-delay:0s}
.ng-ckeditor{border:0}
.cke_toolbar_break {display: none !important;}
.cke_path {display: none !important;}
.fb-component{padding:10px;cursor:move}.fb-component input{cursor:move}.fb-component label{cursor:move}.fb-component select{cursor:move}.fb-component textarea{cursor:move}.fb-form-object-editable.fb-draggable{cursor:pointer}.fb-form-object-editable.fb-draggable input{cursor:move}.fb-form-object-editable.fb-draggable label{cursor:move}.fb-form-object-editable.fb-draggable select{cursor:move}.fb-form-object-editable.fb-draggable textarea{cursor:move}.fb-form-object-editable.fb-draggable .form-group{cursor:move}.fb-form-object-editable.empty{cursor:default;margin:6px;height:80px;border:dashed 1px #aaa;background-color:#eee}.fb-draggable.dragging{background-color:#ffffff;position:absolute;z-index:800;-moz-box-shadow:#666 0 0 20px;-webkit-box-shadow:#666 0 0 20px;box-shadow:#666 0 0 20px}.fb-required:after{color:#b94a48;content:' *'}.fb-builder{min-height:250px}.popover .control-label{text-align:left}.popover form{width:240px}

html, body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

/*!
 * Cropper.js v1.0.0-rc
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-03-25T12:02:21.062Z
 */

.cropper-container {
  font-size: 0;
  line-height: 0;

  position: relative;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  direction: ltr;
  -ms-touch-action: none;
      touch-action: none
}

.cropper-container img {
  /* Avoid margin top issue (Occur only when margin-top <= -height) */
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  image-orientation: 0deg
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  display: block;
  overflow: hidden;

  width: 100%;
  height: 100%;

  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;

  display: block;

  opacity: .5;
  border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;

  width: 0;
  height: 0;

  opacity: .75
}

.cropper-center:before,
  .cropper-center:after {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;

  display: block;

  width: 100%;
  height: 100%;

  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;

  background-color: #fff;
}

.cropper-line {
  background-color: #39f
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize
}

.cropper-point {
  width: 5px;
  height: 5px;

  opacity: .75;
  background-color: #39f
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1
}

@media (min-width: 768px) {

  .cropper-point.point-se {
    width: 15px;
    height: 15px
  }
}

@media (min-width: 992px) {

  .cropper-point.point-se {
    width: 10px;
    height: 10px
  }
}

@media (min-width: 1200px) {

  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75
  }
}

.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  position: absolute;

  display: block;

  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}


/*! angularjs-slider - v6.4.0 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2017-10-25 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  -webkit-transform: translate(0, -28%);
          transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  -webkit-transform: translate(0, -28%);
          transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
/*# sourceMappingURL=data:application/json;base64,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QUFhO0NBQ2Q7O0FBRUQ7RUFDRSxVQUFVO0VBQ1YsVUFBVTtFQUNWLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixzQkFBc0I7RUFDdEIsaUJBQWlCO0NBQ2xCOztBQUVEO0VBQ0UsT0FBTztFQUNQLFdBQVc7RUFDWCxXQUFXO0VBQ1gsU0FBUztFQUNULGFBQWE7Q0FDZDs7QUFFRDtFQUNFLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsdUJBQXVCO0NBQ3hCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFdBQVc7RUFDWCxzQ0FBOEI7VUFBOUIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsVUFBVTtFQUNWLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLHNDQUE4QjtVQUE5Qiw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLFdBQVc7Q0FDWiIsImZpbGUiOiJyenNsaWRlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiEgYW5ndWxhcmpzLXNsaWRlciAtIHY2LjQuMCAtIFxuIChjKSBSYWZhbCBaYWphYyA8cnphamFjQGdtYWlsLmNvbT4sIFZhbGVudGluIEhlcnZpZXUgPHZhbGVudGluQGhlcnZpZXUubWU+LCBKdXNzaSBTYWFyaXZpcnRhIDxqdXNhc2lAZ21haWwuY29tPiwgQW5nZWxpbiBTaXJidSA8YW5nZWxpbi5zaXJidUBnbWFpbC5jb20+IC0gXG4gaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXItc2xpZGVyL2FuZ3VsYXJqcy1zbGlkZXIgLSBcbiAyMDE3LTEwLTI1ICovXG4ucnpzbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBtYXJnaW46IDM1cHggMCAxNXB4IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4ucnpzbGlkZXIud2l0aC1sZWdlbmQge1xuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotcG9pbnRlciB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICNkOGUwZjM7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LWRyYWdnYWJsZSB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXNlbGVjdGlvbiB7XG4gIGJhY2tncm91bmQ6ICM4YjkxYTI7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXRpY2sge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei10aWNrLnJ6LXNlbGVjdGVkIHtcbiAgYmFja2dyb3VuZDogIzhiOTFhMjtcbn1cblxuLnJ6c2xpZGVyIHNwYW4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXNlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogMDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlciB7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDMycHg7XG4gIHBhZGRpbmctdG9wOiAxNnB4O1xuICBtYXJnaW4tdG9wOiAtMTZweDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLnJ6c2xpZGVyIC5yei1kcmFnZ2FibGUge1xuICBjdXJzb3I6IG1vdmU7XG59XG5cbi5yenNsaWRlciAucnotYmFyIHtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhci13cmFwcGVyLnJ6LXRyYW5zcGFyZW50IC5yei1iYXIge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlci5yei1sZWZ0LW91dC1zZWxlY3Rpb24gLnJ6LWJhciB7XG4gIGJhY2tncm91bmQ6ICNkZjAwMmQ7XG59XG5cbi5yenNsaWRlciAucnotYmFyLXdyYXBwZXIucnotcmlnaHQtb3V0LXNlbGVjdGlvbiAucnotYmFyIHtcbiAgYmFja2dyb3VuZDogIzAzYTY4ODtcbn1cblxuLnJ6c2xpZGVyIC5yei1zZWxlY3Rpb24ge1xuICB6LWluZGV4OiAyO1xuICBiYWNrZ3JvdW5kOiAjMGRiOWYwO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXIge1xuICB0b3A6IC0xNHB4O1xuICB6LWluZGV4OiAzO1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICMwZGI5ZjA7XG4gIC13ZWJraXQtYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgLW1vei1ib3JkZXItcmFkaXVzOiAxNnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlcjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMnB4O1xuICBsZWZ0OiAxMnB4O1xuICB3aWR0aDogOHB4O1xuICBoZWlnaHQ6IDhweDtcbiAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY29udGVudDogJyc7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlcjpob3ZlcjphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlci5yei1hY3RpdmUge1xuICB6LWluZGV4OiA0O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXIucnotYWN0aXZlOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzQ1MWFmZjtcbn1cblxuLnJ6c2xpZGVyIC5yei1idWJibGUge1xuICBib3R0b206IDE2cHg7XG4gIHBhZGRpbmc6IDFweCAzcHg7XG4gIGNvbG9yOiAjNTU2MzdkO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG59XG5cbi5yenNsaWRlciAucnotYnViYmxlLnJ6LWxpbWl0IHtcbiAgY29sb3I6ICM1NTYzN2Q7XG59XG5cbi5yenNsaWRlciAucnotdGlja3Mge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTNweDtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMDtcbiAgbWFyZ2luOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2tzLXZhbHVlcy11bmRlciAucnotdGljay12YWx1ZSB7XG4gIHRvcDogYXV0bztcbiAgYm90dG9tOiAtMzJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMHB4O1xuICBoZWlnaHQ6IDEwcHg7XG4gIG1hcmdpbi1sZWZ0OiAxMXB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZDogI2Q4ZTBmMztcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2sucnotc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kOiAjMGRiOWYwO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2stdmFsdWUge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTMwcHg7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDApO1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2stbGVnZW5kIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDI0cHg7XG4gIG1heC13aWR0aDogNTBweDtcbiAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDRweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAgMjBweDtcbiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJhc2Uge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJhci13cmFwcGVyIHtcbiAgdG9wOiBhdXRvO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwIDAgMCAxNnB4O1xuICBtYXJnaW46IDAgMCAwIC0xNnB4O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJhciB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogYXV0bztcbiAgd2lkdGg6IDRweDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXBvaW50ZXIge1xuICB0b3A6IGF1dG87XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogLTE0cHggIWltcG9ydGFudDtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei1idWJibGUge1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDE2cHggIWltcG9ydGFudDtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrcyB7XG4gIHRvcDogMDtcbiAgbGVmdDogLTNweDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDA7XG4gIGhlaWdodDogMTAwJTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrIHtcbiAgbWFyZ2luLXRvcDogMTFweDtcbiAgbWFyZ2luLWxlZnQ6IGF1dG87XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGljay12YWx1ZSB7XG4gIHRvcDogYXV0bztcbiAgbGVmdDogMjRweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTI4JSk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGljay1sZWdlbmQge1xuICB0b3A6IGF1dG87XG4gIHJpZ2h0OiAyNHB4O1xuICBtYXgtd2lkdGg6IG5vbmU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC0yOCUpO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2tzLXZhbHVlcy11bmRlciAucnotdGljay12YWx1ZSB7XG4gIHJpZ2h0OiAyNHB4O1xuICBib3R0b206IGF1dG87XG4gIGxlZnQ6IGF1dG87XG59Il19 */
.chosen-select {
  width: 100%;
}
.chosen-select-deselect {
  width: 100%;
}
.chosen-container {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
}
.chosen-container .chosen-drop {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: -9000px;
  z-index: 1060;
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  right: 0;
}
.chosen-container .chosen-results {
  color: #555555;
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  line-height: 1.42857143;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
}
.chosen-container .chosen-results li em {
  background: #feffde;
  font-style: normal;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #337ab7;
  background-image: none;
  color: white;
}
.chosen-container .chosen-results li.highlighted em {
  background: transparent;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #777777;
}
.chosen-container .chosen-results .no-results {
  background: #eeeeee;
  display: list-item;
}
.chosen-container .chosen-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  z-index: 1;
}
.chosen-container .chosen-results-scroll span {
  display: inline-block;
  height: 1.42857143;
  text-indent: -5000px;
  width: 9px;
}
.chosen-container .chosen-results-scroll-down {
  bottom: 0;
}
.chosen-container .chosen-results-scroll-down span {
  background: url("chosen-sprite.png") no-repeat -4px -3px;
}
.chosen-container .chosen-results-scroll-up span {
  background: url("chosen-sprite.png") no-repeat -22px -3px;
}
.chosen-container-single .chosen-single {
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  color: #555555;
  display: block;
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  padding: 0 0 0 8px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.chosen-container-single .chosen-single span {
  display: block;
  margin-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single abbr {
  background: url("chosen-sprite.png") right top no-repeat;
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  right: 26px;
  top: 12px;
  width: 12px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: right -11px;
}
.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
  background-position: right 2px;
}
.chosen-container-single .chosen-single div {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
}
.chosen-container-single .chosen-single div b {
  background: url("chosen-sprite.png") no-repeat 0 7px;
  display: block;
  height: 100%;
  width: 100%;
}
.chosen-container-single .chosen-default {
  color: #777777;
}
.chosen-container-single .chosen-search {
  margin: 0;
  padding: 3px 30px 3px 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1000;
}
.chosen-container-single .chosen-search input[type="text"] {
  background: url("chosen-sprite.png") no-repeat 100% -20px, #ffffff;
  border: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  margin: 1px 0;
  padding: 4px 20px 4px 4px;
  width: 100%;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
}
.chosen-container-single-nosearch .chosen-search input {
  position: absolute;
  left: -9000px;
}
.chosen-container-multi .chosen-choices {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  cursor: text;
  height: auto !important;
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices .search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices .search-field input[type="text"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
  color: #555555;
  height: 32px;
  margin: 0;
  padding: 4px;
  outline: 0;
}
.chosen-container-multi .chosen-choices .search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices .search-choice {
  background-clip: padding-box;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 6px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  position: relative;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
  background: url("chosen-sprite.png") right top no-repeat;
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  right: 4px;
  top: 5px;
  width: 12px;
  cursor: pointer;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.chosen-container-multi .chosen-choices .search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
.chosen-container-multi .chosen-results {
  margin: 0 0 0 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: none;
}
.chosen-container-active .chosen-single {
  border: 1px solid #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
  transition: border linear .2s, box-shadow linear .2s;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: #ffffff;
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
  transition: border linear .2s, box-shadow linear .2s;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  background: transparent;
  border-left: none;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 7px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
  transition: border linear .2s, box-shadow linear .2s;
}
.chosen-container-active .chosen-choices .search-field input[type="text"] {
  color: #111 !important;
}
.chosen-container-active.chosen-with-drop .chosen-choices {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.chosen-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.chosen-rtl .chosen-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.chosen-rtl .chosen-single div {
  left: 7px;
  right: auto;
}
.chosen-rtl .chosen-single abbr {
  left: 26px;
  right: auto;
}
.chosen-rtl .chosen-choices .search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices .search-choice {
  margin: 6px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices .search-choice .search-choice-close {
  background-position: right top;
  left: 4px;
  right: auto;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  background: url("chosen-sprite.png") no-repeat -28px -20px, #ffffff;
  direction: rtl;
  padding: 4px 5px 4px 20px;
}
.input-group .chosen-container:last-child .chosen-single,
.input-group .chosen-container:last-child .chosen-default,
.input-group .chosen-container:last-child .chosen-choices {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.input-group .chosen-container:not(:last-child) .chosen-single,
.input-group .chosen-container:not(:last-child) .chosen-default,
.input-group .chosen-container:not(:last-child) .chosen-choices {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=");
  background-size: contain;
}
colorpicker-alpha {
  display: none;
}
colorpicker-alpha,
.colorpicker-color {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=");
  background-size: 10px 100%;
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
}
.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}
.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px 0;
  clear: both;
  background-position: 0 100%;
}

/* fonts */
/* colors */
/* miscellaneous */
/* fonts */
/* colors */
/* miscellaneous */
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,700,700i");
.str-chat {
  box-sizing: border-box; }
  .str-chat *,
  .str-chat *::after,
  .str-chat *::before {
    box-sizing: inherit;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.clearfix {
  clear: both; }

.messenger-chat.str-chat {
  height: 100vh;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
  flex: 1 0 100%; }
  .messenger-chat.str-chat .str-chat__container {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row; }
  .messenger-chat.str-chat .str-chat__main-panel {
    width: 100%;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 10px; }

.str-chat {
  height: 100vh;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .str-chat.messaging, .str-chat.commerce {
    background-color: #f1f1f3; }
    .str-chat.messaging.dark, .str-chat.commerce.dark {
      background-color: #212326; }
  .str-chat.team.dark {
    background: #212326; }
  .str-chat.livestream.dark {
    background: #1a1a1a; }

.str-chat-channel-list {
  float: left; }

.str-chat-channel {
  max-height: 100vh; }
  .str-chat-channel .str-chat__container {
    height: 100%;
    display: flex; }
    .str-chat-channel .str-chat__container .str-chat__main-panel {
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      flex: 1; }
  .str-chat-channel.messaging .str-chat__main-panel {
    padding: 20px 10px 0 0px; }
  @media screen and (max-width: 960px) {
    .str-chat-channel.messaging .str-chat__main-panel {
      padding: 5px 5px 0; } }
  .str-chat-channel.team .str-chat__container {
    display: flex; }
  .str-chat-channel.commerce .str-chat__main-panel {
    width: 100%; }
  .str-chat-channel.commerce .str-chat__container {
    background: rgba(255, 255, 255, 0.97); }
  .str-chat-channel.commerce.dark .str-chat__container {
    background: rgba(29, 32, 36, 0.9);
    box-shadow: 0 10px 31px 0 rgba(0, 0, 0, 0.5); }

.str-chat.dark .emoji-mart {
  background: #1a1a1a;
  border: #343434; }

.str-chat.dark .emoji-mart-category-label span {
  background: #1f1f1f;
  color: white; }

.str-chat.dark .emoji-mart-search input {
  background: #1f1f1f;
  color: white; }

.str-chat.dark .emoji-mart-search button svg {
  fill: white; }

[class*=" rfu-"], [class^=rfu-] {
  font-family: Avenir,Arial,Helvetica,sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.rfu-file-icon--small.svg-inline--fa {
  color: #414d54; }

.rfu-file-icon--small.fa-file-excel {
  color: #207245; }

.rfu-file-icon--small.fa-file-powerpoint {
  color: #cb4a32; }

.rfu-file-icon--small.fa-file-word {
  color: #2c599d; }

.rfu-file-icon--small.fa-file-pdf {
  color: #f82903; }

.rfu-file-previewer {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  margin: 8px 0;
  position: relative; }

.rfu-file-previewer ol {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

.rfu-file-previewer ol li {
  position: relative;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.rfu-file-previewer ol li:last-child {
  border-color: transparent; }

.rfu-file-previewer__file {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.rfu-file-previewer__file:hover {
  background: #fafafa; }

.rfu-file-previewer__file a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 8px;
  color: #414d54;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.rfu-file-previewer__file svg {
  min-width: 25px; }

.rfu-file-previewer__file--uploading {
  opacity: .4; }

.rfu-file-previewer__file--failed a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8b9297; }

.rfu-file-previewer__file--failed a:after {
  text-decoration: none; }

.rfu-file-previewer__image {
  min-width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.rfu-file-previewer__loading-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1000; }

.rfu-file-previewer__close-button {
  position: relative;
  z-index: 10000; }

.rfu-file-previewer__failed {
  background: #ff6363; }

.rfu-file-previewer__failed, .rfu-file-previewer__retry {
  padding: 3px 6px;
  margin-left: 8px;
  color: #fff;
  border-radius: 4px;
  font-size: 12px; }

.rfu-file-previewer__retry {
  text-decoration: none;
  background: #63e5a4; }

.rfu-file-upload-button {
  cursor: pointer; }

.rfu-file-upload-button svg {
  fill: #a0b2b8; }

.rfu-file-upload-button:hover svg {
  fill: #88979c; }

.rfu-file-upload-button label {
  cursor: pointer; }

.rfu-file-upload-button .rfu-file-input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.rfu-icon-button {
  cursor: pointer;
  position: relative;
  padding: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rfu-icon-button svg {
  margin: 4px;
  position: relative;
  z-index: 50;
  fill: #a0b2b8; }

.rfu-icon-button:hover svg {
  fill: #88979c; }

.rfu-dropzone .rfu-dropzone__notifier {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 30px;
  z-index: 90;
  display: none;
  border-radius: 4px; }

.rfu-dropzone--accept .rfu-dropzone__notifier {
  background: rgba(0, 212, 106, 0.83);
  display: block; }

.rfu-dropzone--reject .rfu-dropzone__notifier {
  background: rgba(255, 0, 0, 0.83);
  display: block; }

.rfu-dropzone__inner {
  width: 100%;
  height: 100%;
  padding: 30px;
  border: 1px dashed #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-weight: 800;
  font-size: 12px; }

.rfu-dropzone--reject .rfu-dropzone__inner {
  display: none; }

.rfu-image-previewer {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0; }

.rfu-image-previewer, .rfu-image-previewer__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.rfu-image-previewer__image {
  width: 100px;
  height: 100px;
  position: relative;
  margin-right: 8px;
  margin-bottom: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.rfu-image-previewer__image--loaded .rfu-thumbnail__overlay {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(transparent));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, transparent); }

.rfu-image-previewer__image .rfu-thumbnail__wrapper {
  position: absolute; }

.rfu-image-previewer__image .rfu-loading-indicator {
  position: absolute;
  z-index: 90; }

.rfu-image-previewer__retry {
  z-index: 90; }

.rfu-image-upload-button {
  cursor: pointer; }

.rfu-image-upload-button svg {
  fill: #a0b2b8; }

.rfu-image-upload-button:hover svg {
  fill: #88979c; }

.rfu-image-upload-button label {
  cursor: pointer; }

.rfu-image-upload-button .rfu-image-input {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.rfu-loading-indicator {
  margin: 0 auto;
  width: 70px;
  text-align: center; }

.rfu-loading-indicator > div {
  width: 18px;
  height: 18px;
  background-color: #ccc;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s ease-in-out infinite both;
  animation: sk-bouncedelay 1.4s ease-in-out infinite both; }

.rfu-loading-indicator .bounce1 {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s; }

.rfu-loading-indicator .bounce2 {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, to {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes spinner {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

.rfu-loading-indicator__spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #eee;
  border-top-color: #00d46a;
  border-radius: 50%;
  -webkit-animation: spinner .6s linear infinite;
  animation: spinner .6s linear infinite; }

.rfu-thumbnail__wrapper {
  width: 100px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
  position: relative; }

.rfu-thumbnail__overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 5px; }

.rfu-thumbnail__image {
  width: inherit;
  height: inherit;
  -o-object-fit: cover;
  object-fit: cover; }

.rfu-thumbnail-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border: 1px dashed #bfbfbf;
  border-radius: 4px;
  cursor: pointer; }

.rfu-thumbnail-placeholder:hover {
  background: #f2f2f2; }

.str-chat__actions-box {
  background: #fff;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22), 0 1px 0 0 rgba(0, 0, 0, 0.08), 0 1px 8px 0 rgba(0, 0, 0, 0.05);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  position: absolute;
  min-width: 150px; }
  .str-chat__actions-box--right {
    right: 0;
    top: calc(100% + 2px); }
  .str-chat__actions-box--left {
    left: 0;
    top: calc(100% + 2px); }
  .str-chat__actions-box > button {
    text-align: left;
    width: 100%;
    border: none;
    margin: 0;
    padding: 10px;
    font-size: 12px;
    background: none;
    cursor: pointer; }
    .str-chat__actions-box > button:not(:last-of-type) {
      box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08); }
    .str-chat__actions-box > button:hover {
      color: #006cff; }

.dark.str-chat .str-chat__message-actions-box {
  background: #67686a;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22), 0 1px 0 0 rgba(0, 0, 0, 0.08), 0 1px 8px 0 rgba(0, 0, 0, 0.05); }
  .dark.str-chat .str-chat__message-actions-box button {
    color: white; }
    .dark.str-chat .str-chat__message-actions-box button:hover {
      color: #006cff; }

.str-chat__attachment {
  max-width: 450px; }

.str-chat__player-wrapper {
  position: relative;
  padding-top: 56.25%;
  /* Player ratio: 100 / (1280 / 720) */ }
  .str-chat__player-wrapper .react-player {
    position: absolute;
    top: 0;
    left: 0; }

/* border radius for attachments */
.str-chat__message .str-chat__player-wrapper .react-player {
  border-radius: 16px 16px 16px 0;
  overflow: hidden; }

.str-chat__message--me .str-chat__player-wrapper .react-player {
  border-radius: 16px 16px 0 16px;
  overflow: hidden; }

.str-chat__message-attachment {
  width: 100%;
  max-width: 375px;
  border-radius: 16px;
  margin: 8px auto 8px 0;
  padding: 0; }

.str-chat__message--me .str-chat__message-attachment {
  padding-left: 0;
  margin: 8px 0 8px auto; }

.str-chat__message-team.thread-list .str-chat__message-attachment {
  max-width: 200px; }

.str-chat__message-attachment {
  overflow: hidden; }
  .str-chat__message-attachment:hover {
    background: transparent; }
  .str-chat__message-attachment--card--no-image {
    height: 60px; }
  .str-chat__message-attachment--card--actions {
    height: auto; }
  .str-chat__message-attachment-file {
    width: 100%; }
    .str-chat__message-attachment-file--item {
      /* border: 3px solid #f7f7f7; */
      /* border-radius: 4px; */
      position: relative;
      height: 50px;
      display: flex;
      align-items: center;
      font-size: 14px;
      line-height: 22px;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      width: auto;
      padding-left: 5px; }
      .str-chat__message-attachment-file--item:hover {
        background: #f7f7f7; }
      .str-chat__message-attachment-file--item img,
      .str-chat__message-attachment-file--item svg {
        margin-right: 10px; }
      .str-chat__message-attachment-file--item-text {
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .str-chat__message-attachment-file--item a {
        font-weight: 700;
        color: black;
        opacity: 0.8;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%; }
        .str-chat__message-attachment-file--item a::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .str-chat__message-attachment-file--item span {
        line-height: 14px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        color: black;
        opacity: 0.5; }
  .str-chat__message-attachment--image {
    height: auto;
    max-height: 300px;
    max-width: 100%;
    border-radius: 0; }
    .str-chat__message-attachment--image:hover {
      background: transparent; }
    .str-chat__message-attachment--image img {
      height: inherit;
      width: auto;
      max-height: inherit;
      max-width: 100%;
      display: block;
      object-fit: cover;
      overflow: hidden; }
      .str-chat__message-attachment--image img:hover {
        background: transparent; }
    .str-chat__message-attachment--image--actions {
      height: 320px; }
      .str-chat__message-attachment--image--actions img {
        height: calc(320px - 40px); }
  .str-chat__message-attachment--media {
    width: 300px; }
  .str-chat__message-attachment-card {
    min-height: 60px; }

.str-chat__message-attachment-card__giphy-logo {
  height: 20px;
  width: auto; }

.messaging.str-chat .str-chat__message-attachment.str-chat__message-attachment--image--actions .str-chat__message-attachment--img {
  max-height: 254px; }

.livestream.str-chat .str-chat__message-attachment.str-chat__message-attachment--file {
  max-width: 100%; }
  .livestream.str-chat .str-chat__message-attachment.str-chat__message-attachment--file .str-chat__message-attachment-file--item {
    border-left: none; }
    .livestream.str-chat .str-chat__message-attachment.str-chat__message-attachment--file .str-chat__message-attachment-file--item:hover {
      background: rgba(255, 255, 255, 0.29); }

.livestream.str-chat.dark .str-chat__message-attachment-file--item a,
.livestream.str-chat.dark .str-chat__message-attachment-file--item span {
  color: white; }

.livestream.str-chat.dark .str-chat__message-attachment-file--item:hover {
  background: transparent; }

.str-chat__message-attachment-actions-form {
  width: 100%;
  margin: 8px 0;
  padding: 0;
  display: flex; }

.str-chat__message-attachment-actions-button {
  flex: 1;
  border: none;
  background: none;
  margin: 0 4px;
  padding: 8px 8px;
  border-radius: 100px;
  outline: none; }
  .str-chat__message-attachment-actions-button:focus {
    border: 1px solid #006cff;
    box-shadow: 0 0 0 2px rgba(0, 108, 255, 0.36); }
  .str-chat__message-attachment-actions-button--primary {
    background-color: #006cff;
    color: white; }
  .str-chat__message-attachment-actions-button--default {
    border: 2px solid rgba(0, 0, 0, 0.08); }

.dark.str-chat .str-chat__message-attachment-actions-button {
  color: white; }
  .dark.str-chat .str-chat__message-attachment-actions-button--default {
    border-color: rgba(255, 255, 255, 0.1); }

.str-chat__avatar {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  margin-right: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  text-transform: uppercase;
  overflow: hidden; }
  .str-chat__avatar--circle {
    border-radius: 50%; }
  .str-chat__avatar--rounded {
    border-radius: 6px; }
  .str-chat__avatar--square {
    border-radius: 0; }
  .str-chat__avatar-image, .str-chat__avatar-fallback {
    display: block;
    width: inherit;
    height: inherit;
    object-fit: cover;
    text-align: center; }
  .str-chat__avatar-image--loaded {
    background-color: none; }
  .str-chat__avatar-fallback {
    background-color: #006cff; }

.str-chat__message--me > .str-chat__avatar {
  order: 1;
  margin: 0;
  margin-left: 10px; }

.str-chat__li--top .str-chat__message > .str-chat__avatar, .str-chat__li--middle .str-chat__message > .str-chat__avatar {
  visibility: hidden; }

.str-chat__audio__wrapper {
  height: 80px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  margin: 0;
  display: flex;
  background: #f1f1f1; }

.str-chat__audio__image {
  height: 80px;
  width: 80px;
  position: relative;
  z-index: 20; }
  .str-chat__audio__image--overlay {
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 30;
    font-size: 3em;
    color: rgba(255, 255, 255, 0.69);
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none; }
  .str-chat__audio__image--button {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    width: 40px;
    height: 40px; }
    .str-chat__audio__image--button svg {
      fill: rgba(255, 255, 255, 0.69); }
  .str-chat__audio__image img {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    object-fit: cover; }

.str-chat__audio__content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 8px 16px;
  margin-left: 16px;
  width: 100%; }
  .str-chat__audio__content--title {
    margin: 0;
    padding: 0;
    line-height: 1; }
  .str-chat__audio__content--subtitle {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 12px;
    opacity: 0.49; }
  .str-chat__audio__content--progress {
    height: 6px;
    width: 100%;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.1);
    padding: 1px;
    margin: 2px 0; }
    .str-chat__audio__content--progress > div {
      height: 4px;
      border-radius: 4px;
      width: 0%;
      background: #006cff;
      transition: width 0.5s linear; }

.str-chat.dark .str-chat__audio__wrapper {
  background: #1a1a1a;
  color: white; }

.str-chat.dark .str-chat__audio__content--progress {
  background: rgba(255, 255, 255, 0.1); }

.str-chat__message-attachment-card {
  position: relative;
  background: white;
  border-radius: 16px 16px 16px 0;
  overflow: hidden;
  font-size: 13px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 32px 0 0 0; }
  .str-chat__message-attachment-card--header {
    width: 100%;
    height: 175px; }
    .str-chat__message-attachment-card--header img {
      width: inherit;
      height: inherit;
      object-fit: cover; }
  .str-chat__message-attachment-card--title {
    font-weight: 700;
    flex: 1; }
  .str-chat__message-attachment-card--flex {
    min-width: 0px; }
    .str-chat__message-attachment-card--flex,
    .str-chat__message-attachment-card--flex > * {
      overflow: hidden;
      text-overflow: ellipsis; }
  .str-chat__message-attachment-card--content {
    padding: 8px 16px;
    margin: -8px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .str-chat__message-attachment-card--content > * {
      margin: 8px 0; }
  .str-chat__message-attachment-card--url {
    text-decoration: none;
    display: block;
    color: black;
    text-transform: uppercase;
    opacity: 0.5; }
    .str-chat__message-attachment-card--url::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .str-chat__message-attachment-card--giphy .str-chat__message-attachment-card--header {
    height: unset; }

.str-chat.commerce .str-chat__message-attachment-card {
  max-width: 375px;
  width: 100%; }

.str-chat__message--me .str-chat__message-attachment-card {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
  border-radius: 16px 16px 0 16px; }

.dark.str-chat .str-chat__message-attachment-card__giphy-logo {
  filter: invert(100%); }

.str-chat__header {
  display: flex;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .str-chat__header-thread {
    display: flex;
    padding: 10px;
    min-height: 70px;
    align-items: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
    font-size: 14px; }
    .str-chat__header-thread__back-button {
      padding: 10px 10px 10px 10px;
      border: 0;
      background: none;
      transform: rotate(180deg); }
  .str-chat__header-livestream {
    padding: 10px 40px;
    min-height: 70px;
    display: flex;
    align-items: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #fff;
    /* box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07); */
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14); }
    .str-chat__header-livestream-left {
      font-size: 14px;
      flex: 1; }
      .str-chat__header-livestream-left--title {
        font-weight: 700;
        margin: 0; }
      .str-chat__header-livestream-left--members {
        font-weight: 400;
        margin: 0; }
      .str-chat__header-livestream-left--livelabel {
        position: relative;
        left: 5px;
        font-size: 13px;
        text-transform: uppercase;
        color: red;
        display: inline-block;
        animation: pulse 2s infinite; }
        .str-chat__header-livestream-left--livelabel::before {
          content: '';
          position: relative;
          top: -2px;
          left: -4px;
          display: inline-block;
          width: 5px;
          height: 5px;
          border-radius: 100%;
          background-color: red; }

@keyframes pulse {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
    .str-chat__header-livestream-right {
      display: flex;
      margin: 0 -5px; }
      .str-chat__header-livestream-right-button-wrapper {
        position: relative; }

.str-chat__header .str-chat__avatar {
  margin: 0 16px 0 0; }

.str-chat__title {
  font-weight: 600; }

.str-chat__meta {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.str-chat__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4); }

.str-chat__square-button {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .str-chat__square-button svg {
    fill: rgba(0, 0, 0, 0.8); }
  .str-chat__square-button:active {
    background-color: rgba(0, 0, 0, 0.1); }

.dark.str-chat .str-chat__square-button {
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.69);
  border-radius: 3px; }
  .dark.str-chat .str-chat__square-button svg {
    fill: rgba(255, 255, 255, 0.7); }

.messaging.str-chat .str-chat__header-livestream {
  position: relative;
  z-index: 1;
  border-radius: 10px 10px 0 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.03); }

@media screen and (max-width: 960px) {
  .messaging.str-chat .str-chat__header-livestream {
    padding-left: 20px;
    padding-right: 20px; } }

.messaging.str-chat.dark .str-chat__header-livestream {
  background: rgba(46, 48, 51, 0.98);
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.03);
  border-radius: 10px 10px 0 0;
  color: white; }

.livestream.str-chat .str-chat__header-livestream {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.29);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.livestream.str-chat.dark .str-chat__header-livestream {
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.34); }
  .livestream.str-chat.dark .str-chat__header-livestream-left--title, .livestream.str-chat.dark .str-chat__header-livestream-left--members {
    color: white; }
  .livestream.str-chat.dark .str-chat__header-livestream-left--title {
    font-size: 15px; }

.commerce.str-chat .str-chat__header-livestream {
  background: rgba(255, 255, 255, 0.81);
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.03);
  border-radius: 10px 10px 0 0;
  padding: 25px; }
  .commerce.str-chat .str-chat__header-livestream-left--title {
    font-size: 25px;
    margin: 0;
    line-height: 1;
    font-weight: 400; }
  .commerce.str-chat .str-chat__header-livestream-left--subtitle {
    margin: 8px 0;
    font-size: 15px; }
  .commerce.str-chat .str-chat__header-livestream-left--members {
    display: none; }
  .commerce.str-chat .str-chat__header-livestream-right-button--info {
    display: none; }

.commerce.str-chat.dark .str-chat__header-livestream {
  background: rgba(44, 47, 51, 0.81);
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.03);
  border-radius: 10px 10px 0 0;
  color: white; }

.team.str-chat.dark .str-chat__header-livestream {
  background: rgba(38, 40, 43, 0.9);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26); }
  .team.str-chat.dark .str-chat__header-livestream-left {
    color: white; }
    .team.str-chat.dark .str-chat__header-livestream-left--title {
      font-size: 18px; }
    .team.str-chat.dark .str-chat__header-livestream-left--members {
      font-size: 13px; }

.str-chat__header-hamburger {
  width: 30px;
  height: 40px;
  padding: 10px 10px 10px 0px;
  margin-right: 10px;
  display: none;
  flex-direction: column;
  justify-content: space-around;
  cursor: pointer; }
  .str-chat__header-hamburger:hover .str-chat__header-hamburger--line {
    background: #006cff; }
  @media screen and (max-width: 960px) {
    .str-chat__header-hamburger {
      display: flex; } }

.str-chat__header-hamburger--line {
  width: 100%;
  height: 2px;
  background: #bcd8ff;
  border-radius: 2px; }

.str-chat__channel-list-messenger {
  padding: 20px 10px 0 10px;
  min-width: 300px;
  height: 100%; }

.str-chat__channel-list-team {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  height: 100%;
  overflow-y: auto; }
  .str-chat__channel-list-team__sidebar {
    display: flex;
    flex-direction: column;
    width: 70px;
    padding: 45px 10px 10px;
    background: #dedfe2; }
    .str-chat__channel-list-team__sidebar--top {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: -10px 0; }
      .str-chat__channel-list-team__sidebar--top > * {
        margin: 10px 0; }
    .str-chat__channel-list-team__sidebar--bottom {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center; }
  .str-chat__channel-list-team__send-button, .str-chat__channel-list-team__search-button {
    background: none;
    margin: none;
    border: none; }
  .str-chat__channel-list-team__main {
    min-width: 230px;
    background: #f1f1f3; }
  .str-chat__channel-list-team__header {
    padding: 15px 15px 15px 20px;
    max-height: 70px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.01);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    position: relative; }
    .str-chat__channel-list-team__header--title {
      font-weight: 700;
      text-transform: capitalize; }
    .str-chat__channel-list-team__header--status {
      position: relative;
      padding: 0 0 0 10px; }
      .str-chat__channel-list-team__header--status::before {
        position: absolute;
        top: 5px;
        left: 0;
        content: ' ';
        width: 6px;
        height: 6px;
        border-radius: 10px; }
      .str-chat__channel-list-team__header--status.watcher_count::before {
        background: #28ca42; }
      .str-chat__channel-list-team__header--status.busy::before {
        background: #28ca42; }
      .str-chat__channel-list-team__header--status.away::before {
        background: #28ca42; }
    .str-chat__channel-list-team__header--left {
      width: 40px; }
    .str-chat__channel-list-team__header--middle {
      flex: 1;
      margin-left: 15px; }
    .str-chat__channel-list-team__header--button {
      margin: 0;
      padding: 15px 5px;
      border: 0;
      background: none; }

.messenger-chat.str-chat .str-chat__channel-list-team {
  padding: 0 0 0 10px; }
  .messenger-chat.str-chat .str-chat__channel-list-team__header {
    background: none;
    box-shadow: none; }
  .messenger-chat.str-chat .str-chat__channel-list-team__main {
    background: none; }

.dark.str-chat .str-chat__channel-list-team {
  background: #1d1f22; }
  .dark.str-chat .str-chat__channel-list-team__header--title {
    color: white; }
  .dark.str-chat .str-chat__channel-list-team__sidebar {
    background: rgba(0, 0, 0, 0.2); }
  .dark.str-chat .str-chat__channel-list-team__main {
    background: none; }

.str-chat__channel-preview button {
  position: relative;
  border: none;
  background: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 10px 40px 10px 10px;
  font-size: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .str-chat__channel-preview button:focus {
    background: white;
    box-shadow: inset 0 0 0 1px #006cff, inset 0 0 0 2px rgba(0, 108, 255, 0.36); }

.str-chat__channel-preview-info {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 0 10px;
  max-width: 250px; }

.str-chat__channel-preview-avatar {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 18px; }

.str-chat__channel-preview-title {
  color: black;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.str-chat__channel-preview-unread-count {
  position: absolute;
  right: 10px;
  width: 22px;
  height: 22px;
  color: black;
  font-size: 12px;
  background: lightgray;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center; }

.str-chat__channel-preview-last-message {
  color: gray;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px; }

.str-chat__channel-preview--active {
  background: #006cff;
  color: white; }
  .str-chat__channel-preview--active .str-chat__channel-preview-title {
    color: white; }
  .str-chat__channel-preview--active .str-chat__channel-preview-last-message {
    color: rgba(255, 255, 255, 0.69); }

.str-chat__channel-preview--unread {
  position: relative; }
  .str-chat__channel-preview--unread .str-chat__channel-preview-last-message {
    font-weight: 700;
    color: black; }

.str-chat__channel-preview--dot {
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  left: 2px;
  background-color: magenta; }

.str-chat__channel-preview-compact {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 40px;
  color: black;
  position: relative;
  border: none;
  background: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 40px 0 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  text-align: left;
  outline: 0; }
  .str-chat__channel-preview-compact:focus {
    background: white;
    box-shadow: inset 0 0 0 1px #006cff, inset 0 0 0 2px rgba(0, 108, 255, 0.36); }
  .str-chat__channel-preview-compact--left {
    width: 22px;
    height: 22px; }
  .str-chat__channel-preview-compact--right {
    flex: 1;
    margin-left: 11px; }
  .str-chat__channel-preview-compact--unread {
    font-weight: 700; }

.str-chat__channel-preview-compact--active {
  color: white;
  background: #004ab3; }

.str-chat__channel-preview-messenger {
  display: flex;
  width: 100%;
  border: none;
  padding: 10px;
  align-items: center;
  background: rgba(255, 255, 255, 0);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
  text-align: left;
  margin: 5px 0; }
  .str-chat__channel-preview-messenger--active {
    border: none;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: none;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07); }
  .str-chat__channel-preview-messenger--last-message {
    font-size: 13px;
    line-height: 14px;
    opacity: 0.5; }
  .str-chat__channel-preview-messenger--name {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 2px;
    max-width: 250px; }
    .str-chat__channel-preview-messenger--name span {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .str-chat__channel-preview-messenger--unread .str-chat__channel-preview-messenger--last-message {
    opacity: 1;
    font-weight: 600; }

.dark.str-chat .str-chat__channel-preview--active {
  background: #132d50; }

.dark.str-chat .str-chat__channel-preview-title {
  color: white; }

.dark.str-chat .str-chat__channel-preview button:focus {
  background: #132d50;
  box-shadow: inset 0 0 0 1px #006cff, inset 0 0 0 2px rgba(0, 108, 255, 0.36); }

.dark.str-chat .str-chat__channel-preview-messenger--active {
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07); }

.dark.str-chat .str-chat__channel-preview-messenger--last-message {
  color: rgba(255, 255, 255, 0.5); }

.dark.str-chat .str-chat__channel-preview-messenger--name {
  color: white; }

.str-chat__down {
  display: flex;
  height: 100%; }
  .str-chat__down-main {
    flex: 1;
    padding: 30px; }

.dark.str-chat .str-chat__down {
  color: rgba(255, 255, 255, 0.87); }

.str-chat__channel-list {
  /* min-height: 667px; */
  flex: 1;
  overflow-y: auto;
  max-width: 300px;
  background: #f2f3f5;
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.07);
  display: flex;
  flex-direction: column; }
  .str-chat__channel-list--channels {
    flex: 1; }
  .str-chat__channel-list .channel_preview {
    padding: 8px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

.str-chat__button {
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  font-size: 14px;
  padding: 14px 70px;
  color: #006cff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 10px);
  margin: 5px;
  border: 1px solid transparent; }
  .str-chat__button:active, .str-chat__button:focus {
    outline: none;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.09), 0 0 0 2px rgba(0, 108, 255, 0.36);
    border: 1px solid #006cff; }
  .str-chat__button > * {
    margin: 0 5px; }
  .str-chat__button--round {
    border-radius: 100px; }

.str-chat-channel-checkbox {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100001; }

.str-chat-channel-list-burger {
  width: 10px;
  height: 50px;
  background: white;
  border-radius: 0 4px 4px 0;
  padding: 3px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.09);
  position: fixed;
  top: 10px;
  left: 0;
  z-index: 10000;
  justify-content: center;
  cursor: pointer; }
  .str-chat-channel-list-burger div {
    width: 4px;
    height: 100%;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.08); }

@media screen and (max-width: 960px) {
  .str-chat-channel-list-burger {
    display: flex; }
  .str-chat-channel-list.messaging, .str-chat-channel-list.team, .str-chat-channel-list.commerce {
    position: fixed;
    left: -380px;
    top: 0;
    z-index: 1001;
    min-height: 100vh;
    overflow-y: auto;
    box-shadow: 7px 0 9px 0 rgba(0, 0, 0, 0.03), 1px 0 0 0 rgba(0, 0, 0, 0.03);
    transition: left 200ms ease-in-out; }
  .str-chat-channel-list--open.messaging, .str-chat-channel-list--open.team, .str-chat-channel-list--open.commerce {
    left: 0px; } }

.str-chat-channel-list .str-chat__channel-list-messenger {
  padding: 0; }
  .str-chat-channel-list .str-chat__channel-list-messenger__main {
    padding: 20px 10px 0 10px;
    height: 100%;
    overflow-y: auto; }

.str-chat.messaging .str-chat__event-component__channel-event {
  display: flex;
  margin-top: 20px; }
  .str-chat.messaging .str-chat__event-component__channel-event__content {
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px; }
  .str-chat.messaging .str-chat__event-component__channel-event__date {
    font-size: 11px;
    margin-top: 4px; }

.str-chat.team .str-chat__event-component__channel-event {
  display: flex;
  margin: 20px 40px; }
  .str-chat.team .str-chat__event-component__channel-event__content {
    margin-right: 10px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px; }
  .str-chat.team .str-chat__event-component__channel-event__date {
    font-size: 11px;
    margin-top: 4px; }

.str-chat.commerce .str-chat__event-component__channel-event,
.str-chat.livestream .str-chat__event-component__channel-event {
  display: none; }

.str-chat__date-separator {
  display: flex;
  margin: 40px;
  align-items: center; }
  .str-chat__date-separator-date {
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .str-chat__date-separator-line {
    flex: 1;
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
    border: none; }
  .str-chat__date-separator > *:not(:last-child) {
    margin-right: 20px; }

.commerce.str-chat .str-chat__date-separator {
  margin: 40px 0; }

.dark.str-chat .str-chat__date-separator-line {
  background-color: rgba(255, 255, 255, 0.1); }

.dark.str-chat .str-chat__date-separator-date {
  color: rgba(255, 255, 255, 0.7); }

.dark.str-chat.team .str-chat__date-separator-line {
  background-color: rgba(0, 0, 0, 0.4); }

.str-chat__edit-message-form {
  width: 100%; }
  .str-chat__edit-message-form form {
    position: relative;
    width: 100%; }
  .str-chat__edit-message-form textarea {
    padding: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #006cff;
    border: 1px solid transparent;
    resize: none;
    border-radius: 5px;
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    /* color: $fontColor; */ }
    .str-chat__edit-message-form textarea:focus {
      box-shadow: inset 0 0 0 1px #006cff, 0 0 0 2px rgba(0, 108, 255, 0.36);
      outline: 0; }
  .str-chat__edit-message-form button {
    background: none;
    border: none;
    /* font-size: $fontSize; */
    font-weight: 700;
    color: rgba(0, 0, 0, 0.4); }
    .str-chat__edit-message-form button[type='submit'] {
      color: #006cff; }
  .str-chat__edit-message-form .rfu-dropzone {
    width: 100%; }
  .str-chat__edit-message-form .rfu-file-upload-button,
  .str-chat__edit-message-form .str-chat__input-emojiselect,
  .str-chat__edit-message-form .str-chat__input-fileupload {
    position: unset;
    top: unset;
    right: unset;
    left: unset; }
    .str-chat__edit-message-form .rfu-file-upload-button svg,
    .str-chat__edit-message-form .str-chat__input-emojiselect svg,
    .str-chat__edit-message-form .str-chat__input-fileupload svg {
      fill: black;
      opacity: 0.5; }
    .str-chat__edit-message-form .rfu-file-upload-button:hover svg,
    .str-chat__edit-message-form .str-chat__input-emojiselect:hover svg,
    .str-chat__edit-message-form .str-chat__input-fileupload:hover svg {
      opacity: 1; }

.str-chat__edit-message-form-options {
  display: flex; }

.str-chat.dark .str-chat__edit-message-form .rfu-file-upload-button svg,
.str-chat.dark .str-chat__edit-message-form .str-chat__input-emojiselect svg {
  fill: white; }

.str-chat.dark .str-chat__edit-message-form button {
  color: rgba(255, 255, 255, 0.4); }
  .str-chat.dark .str-chat__edit-message-form button[type='submit'] {
    color: #006cff; }

.str-chat.dark .str-chat__edit-message-form textarea {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.21);
  border: 2px solid transparent;
  border-radius: 6px;
  color: white; }
  .str-chat.dark .str-chat__edit-message-form textarea:focus {
    box-shadow: inset 0 0 0 1px #006cff;
    border: 2px solid rgba(0, 108, 255, 0.36);
    border-radius: 6px; }

.str-chat__gallery {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: hidden; }
  .str-chat__gallery-image {
    /* flex: 1; x */
    width: 150px;
    height: 150px;
    background: white;
    margin-bottom: 1px;
    margin-right: 1px; }
    .str-chat__gallery-image:hover {
      cursor: -moz-zoom-in;
      cursor: -webkit-zoom-in;
      cursor: zoom-in; }
    .str-chat__gallery-image img {
      width: inherit;
      height: inherit;
      object-fit: cover; }
  .str-chat__gallery--square {
    max-width: 301px; }
  .str-chat__gallery--square .str-chat__gallery-image:nth-child(even) {
    margin-right: 0; }

.livestream.str-chat .str-chat__gallery,
.messaging.str-chat .str-chat__gallery,
.commerce.str-chat .str-chat__gallery,
.team.str-chat .str-chat__gallery {
  margin: 5px 0; }
  .livestream.str-chat .str-chat__gallery-image,
  .messaging.str-chat .str-chat__gallery-image,
  .commerce.str-chat .str-chat__gallery-image,
  .team.str-chat .str-chat__gallery-image {
    width: 150px;
    height: 150px; }
  .livestream.str-chat .str-chat__gallery-placeholder,
  .messaging.str-chat .str-chat__gallery-placeholder,
  .commerce.str-chat .str-chat__gallery-placeholder,
  .team.str-chat .str-chat__gallery-placeholder {
    position: relative;
    width: 150px;
    height: 150px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
    .livestream.str-chat .str-chat__gallery-placeholder p,
    .messaging.str-chat .str-chat__gallery-placeholder p,
    .commerce.str-chat .str-chat__gallery-placeholder p,
    .team.str-chat .str-chat__gallery-placeholder p {
      position: relative;
      z-index: 1; }
    .livestream.str-chat .str-chat__gallery-placeholder:after,
    .messaging.str-chat .str-chat__gallery-placeholder:after,
    .commerce.str-chat .str-chat__gallery-placeholder:after,
    .team.str-chat .str-chat__gallery-placeholder:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.69);
      z-index: 0; }

.commerce.str-chat .str-chat__gallery {
  width: calc(100% - 30px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 100px; }
  .commerce.str-chat .str-chat__gallery-image, .commerce.str-chat .str-chat__gallery-placeholder {
    width: 100%;
    height: 100%; }

.commerce.str-chat .str-chat__message-commerce .str-chat__gallery {
  border-radius: 16px 16px 16px 2px; }

.commerce.str-chat .str-chat__message-commerce--right .str-chat__gallery {
  border-radius: 16px 16px 2px 16px; }

.str-chat__infinite-scroll-paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px; }

.str-chat__loading-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: rotate 1s linear infinite; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.str-chat__loading-channels {
  width: 300px;
  height: 100%;
  padding: 20px;
  background: #fafafa; }
  .str-chat__loading-channels-meta {
    flex: 1; }
  .str-chat__loading-channels-avatar, .str-chat__loading-channels-username, .str-chat__loading-channels-status {
    background-image: linear-gradient(-90deg, #f2f2f2 0%, #e5e5e5 100%); }
  .str-chat__loading-channels-username, .str-chat__loading-channels-status {
    border-radius: 2px;
    height: 14px; }
  .str-chat__loading-channels-avatar {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px; }
  .str-chat__loading-channels-username {
    width: 40%;
    margin-bottom: 6px; }
  .str-chat__loading-channels-status {
    width: 80%; }
  .str-chat__loading-channels-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    margin-bottom: 10px;
    animation: pulsate 1s linear 0s infinite alternate; }
    .str-chat__loading-channels-item:nth-of-type(2) {
      animation: pulsate 1s linear 0.3334 infinite alternate; }
    .str-chat__loading-channels-item:last-of-type {
      animation: pulsate 1s linear 0.6667s infinite alternate; }

@keyframes pulsate {
  from {
    opacity: 0.5; }
  to {
    opacity: 1; } }

.str-chat.messaging .str-chat__load-more-button__button {
  border: 0;
  width: 100%;
  height: 40px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.07);
  padding: 10px;
  font-size: 14px; }

.str-chat.team .str-chat__load-more-button__button {
  border: 0;
  background: transparent;
  width: 100%;
  height: 40px;
  padding: 10px;
  font-size: 14px; }

.str-chat__input {
  background: #fff;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.05), 0 -1px 0 0 rgba(0, 0, 0, 0.07);
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-bottom: 0; }
  .str-chat__input-large {
    position: relative;
    z-index: 1;
    width: 100%; }
  .str-chat__input--emojipicker {
    position: absolute;
    bottom: 100%;
    right: 0; }
  .str-chat__input .rfu-file-previewer {
    flex: 1 1 100%; }
  .str-chat__input--textarea-wrapper {
    display: flex;
    flex: 1 0;
    position: relative; }
    .str-chat__input--textarea-wrapper .str-chat__textarea textarea {
      padding-right: 70px; }
  .str-chat__input-emojiselect,
  .str-chat__input .rfu-file-upload-button {
    position: absolute;
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-size: 44px 44px;
    fill: rgba(0, 0, 0, 0.6); }
    .str-chat__input-emojiselect:hover,
    .str-chat__input .rfu-file-upload-button:hover {
      fill: black; }
  .str-chat__input-emojiselect {
    right: 20px;
    top: calc(100% - 35px); }
  .str-chat__input .rfu-file-upload-button {
    right: 46px;
    top: calc(100% - 34px); }
  .str-chat__input-footer {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    background: white;
    padding: 0 10px 10px 10px;
    color: gray; }
    .str-chat__input-footer--typing {
      font-style: italic; }
    .str-chat__input-footer--count--hidden {
      visibility: hidden; }

.str-chat__textarea {
  height: auto;
  flex: 1; }
  .str-chat__textarea textarea {
    width: 100%;
    outline: none;
    padding: 11px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    font-size: 15px;
    min-height: 42px;
    transition: height 100ms ease-in;
    resize: none; }
    .str-chat__textarea textarea:focus {
      background: #fff;
      border: 1px solid #006cff;
      box-shadow: 0 0 0 2px rgba(0, 108, 255, 0.36); }
    .str-chat__textarea textarea:placeholder {
      color: rgba(0, 0, 0, 0.5); }

.str-chat__emojisearch {
  bottom: calc(100%);
  left: 0;
  width: calc(100% - 20px);
  position: absolute;
  background: rgba(240, 240, 240, 0.95);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.31), 0 0 6px 0 rgba(0, 0, 0, 0.12);
  z-index: -1;
  border-radius: 4px 4px 0 0;
  margin: 0 10px;
  max-height: 360px;
  overflow-y: auto; }
  .str-chat__emojisearch__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-radius: 4px 4px 0 0; }

.dark.str-chat .str-chat__emojisearch {
  background: #35373a;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.31), 0 0 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px 4px 0 0; }
  .dark.str-chat .str-chat__emojisearch .rta__list-header {
    background: #1b1d20;
    border: 1px solid rgba(224, 224, 224, 0.03);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.07);
    color: white; }
  .dark.str-chat .str-chat__emojisearch .rta__entity {
    color: white; }

.dark.str-chat .rfu-file-previewer__file a {
  color: white; }

.dark.str-chat .rfu-file-previewer__file:hover {
  background: transparent; }

.dark.str-chat .rfu-file-previewer__close-button {
  color: white; }

.rta {
  font-size: 14px; }

.rta__entity--selected {
  background-color: #006cff;
  color: white; }

.rta__list {
  border-radius: 4px 4px 0 0; }

.rta__list-header {
  padding: 15px;
  font-size: 14px; }

.str-chat__emoji-item {
  padding: 0 20px;
  display: flex;
  align-items: center;
  margin: 0 -8px; }
  .str-chat__emoji-item span {
    display: block; }
  .str-chat__emoji-item--entity {
    min-width: 24px; }
  .str-chat__emoji-item--name {
    font-size: 12px; }

.str-chat__slash-command {
  padding: 10px 15px;
  font-size: 14px; }
  .str-chat__slash-command-description {
    font-size: 12px; }

.str-chat__user-item {
  padding: 10px 15px;
  display: flex; }

.str-chat .rfu-dropzone .rfu-dropzone__notifier {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 5px;
  z-index: 1001;
  display: none; }

.str-chat .rfu-dropzone--accept .rfu-dropzone__notifier {
  background: rgba(0, 108, 255, 0.7);
  display: block; }

.str-chat .rfu-dropzone--reject .rfu-dropzone__notifier {
  background: rgba(255, 0, 0, 0.7);
  display: block; }

.rfu-dropzone__inner {
  width: 100%;
  height: 100%;
  padding: 0 30px;
  border: 1px dashed transparent;
  box-sizing: border-box;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  font-weight: 800;
  font-size: 12px; }
  .rfu-dropzone__inner svg {
    display: none; }

.rfu-dropzone--reject .rfu-dropzone__inner {
  display: none; }

.team.str-chat .str-chat__input,
.livestream.str-chat .str-chat__input {
  padding: 10px 40px; }
  .team.str-chat .str-chat__input-footer,
  .livestream.str-chat .str-chat__input-footer {
    padding: 0 40px 10px; }

.livestream.str-chat .str-chat__input {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.29);
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 20px 5px; }
  .livestream.str-chat .str-chat__input textarea {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.26);
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 13px;
    padding: 12px; }
  .livestream.str-chat .str-chat__input-footer {
    padding: 0 20px 10px;
    background: rgba(255, 255, 255, 0.29); }

.str-chat__file-uploads {
  max-height: 300px;
  flex: 1 1 100%;
  overflow-y: auto; }

.rfu-file-upload-button svg {
  fill: rgba(0, 0, 0, 0.6); }

.dark.str-chat .str-chat__input {
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.34); }
  .dark.str-chat .str-chat__input-footer {
    background: rgba(255, 255, 255, 0.03); }
  .dark.str-chat .str-chat__input textarea {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-radius: 2px;
    color: white; }
  .dark.str-chat .str-chat__input .str-chat__input-emojiselect svg {
    fill: white; }
  .dark.str-chat .str-chat__input .rfu-file-upload-button svg {
    fill: white; }

.str-chat__fileupload-wrapper .str-chat__tooltip {
  display: none;
  bottom: 35px;
  right: 50px; }

.str-chat__fileupload-wrapper:hover .str-chat__tooltip {
  display: block; }

.str-chat__emojiselect-wrapper .str-chat__tooltip {
  display: none;
  bottom: 35px;
  right: 24px; }

.str-chat__emojiselect-wrapper:hover .str-chat__tooltip {
  display: block; }

.str-chat__small-message-input--textarea-wrapper .str-chat__fileupload-wrapper .str-chat__tooltip {
  bottom: 32px;
  right: 32px; }

.str-chat__small-message-input--textarea-wrapper .str-chat__emojiselect-wrapper .str-chat__tooltip {
  bottom: 32px;
  right: 10px; }

.str-chat__message-actions-box {
  position: absolute;
  display: none;
  bottom: 20px;
  left: 40px;
  width: 120px;
  border-radius: 16px 16px 16px 0;
  background: #fff;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22), 0 1px 0 0 rgba(0, 0, 0, 0.08), 0 1px 8px 0 rgba(0, 0, 0, 0.05);
  z-index: 999; }

.str-chat__message-actions-box--open {
  display: block; }

.str-chat__message-actions-list {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.str-chat__message-actions-list-item {
  padding: 8px 10px;
  width: 100%;
  margin: 0; }

.str-chat__message-actions-list button {
  background: none;
  text-align: left;
  outline: none;
  border: none;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: 12px;
  color: black;
  text-decoration: none; }

.str-chat__message-actions-list button:hover {
  color: #006cff; }

.str-chat__message-actions-list button:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

.str-chat__message-actions {
  position: relative;
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 5px 10px;
  cursor: pointer; }

.str-chat__message-actions {
  order: 2; }

.str-chat__message--me .str-chat__message-actions {
  order: -1; }

.str-chat__message-actions-reactions,
.str-chat__message-actions-options {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px; }

.str-chat__message-actions-reactions,
.str-chat__message-actions-options svg {
  fill: grey;
  position: relative; }

.str-chat__message-actions-reactions:hover,
.str-chat__message-actions-options:hover svg {
  fill: magenta; }

.str-chat__message-reactions-box {
  position: absolute;
  visibility: hidden;
  bottom: 30px;
  left: -20px;
  background: rgba(0, 0, 0, 0.81);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  border-radius: 50px;
  padding: 16px;
  z-index: 100; }

.str-chat__message-reactions-box--open {
  visibility: visible; }

.str-chat__message-reactions-box::after {
  top: 97%;
  left: 30px;
  content: url('data:image/svg+xml; utf8, <svg width="36" height="19" viewBox="0 0 36 19" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="b"><stop stop-opacity="0" offset="0%"/><stop stop-opacity=".5" offset="100%"/></linearGradient><path d="M35.284.378A15.125 15.125 0 0 0 22.81 6.946L14.55 19a14.422 14.422 0 0 0-2.223-12.786A14.456 14.456 0 0 0 .723.378h34.561z" id="a"/></defs><g fill-rule="nonzero" fill="none"><use fill="%231E1E1E" xlink:href="%23a"/><use fill="url(%23b)" xlink:href="%23a"/></g></svg>');
  position: absolute;
  z-index: 99; }

.str-chat__channel-search {
  margin: 10px;
  margin-bottom: 30px;
  display: flex;
  align-items: center; }
  .str-chat__channel-search input {
    flex: 1;
    background: rgba(0, 0, 0, 0.05);
    margin-right: 20px;
    border: 1px solid transparent;
    outline: none;
    height: 30px;
    border-radius: 15px;
    color: black;
    font-size: 14px;
    padding: 0 10px; }
    .str-chat__channel-search input::placeholder {
      color: gray; }
    .str-chat__channel-search input:focus {
      background: white;
      border: 1px solid #006cff;
      box-shadow: 0 0 0 2px rgba(0, 108, 255, 0.36); }
  .str-chat__channel-search button {
    margin: 0;
    padding: 0 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.09);
    cursor: pointer;
    outline: 0; }
    .str-chat__channel-search button:focus {
      background: white;
      border: 1px solid #006cff;
      box-shadow: 0 0 0 2px rgba(0, 108, 255, 0.36); }
    .str-chat__channel-search button svg {
      fill: #006cff;
      transform: translateX(2px); }

.dark.str-chat .str-chat__channel-search input {
  background: rgba(255, 255, 255, 0.04);
  color: white; }

.dark.str-chat .str-chat__channel-search button {
  background: #006cff; }
  .dark.str-chat .str-chat__channel-search button svg {
    fill: white; }

.str-chat__input-flat {
  background: white;
  padding: 10px 40px;
  position: relative;
  z-index: 1;
  width: 100%; }
  .str-chat__input-flat-wrapper {
    display: flex;
    flex-wrap: wrap; }
  .str-chat__input-flat .str-chat__textarea {
    flex: 1; }
  .str-chat__input-flat .str-chat__textarea > textarea {
    min-height: 56px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    padding: 20px 69px;
    font-size: 15px;
    line-height: 17px;
    border: none;
    margin: 0; }
    .str-chat__input-flat .str-chat__textarea > textarea:focus {
      border: none;
      border-radius: 8px;
      box-shadow: 0 0 0 3px #006cff; }
  .str-chat__input-flat-footer {
    padding: 10px 40px;
    background: white; }
  .str-chat__input-flat-emojiselect {
    position: absolute;
    top: calc(100% - 45px);
    left: 25px; }
    .str-chat__input-flat-emojiselect svg {
      fill: #000;
      opacity: 0.5; }
      .str-chat__input-flat-emojiselect svg:hover {
        opacity: 1; }
  .str-chat__input-flat--textarea-wrapper {
    display: flex;
    flex: 1 0;
    position: relative; }
    .str-chat__input-flat--textarea-wrapper .str-chat__fileupload-wrapper .str-chat__tooltip {
      bottom: 45px;
      right: 25px; }
    .str-chat__input-flat--textarea-wrapper .str-chat__emojiselect-wrapper .str-chat__tooltip {
      bottom: 50px;
      left: 32px;
      right: unset; }
      .str-chat__input-flat--textarea-wrapper .str-chat__emojiselect-wrapper .str-chat__tooltip:after {
        left: 5px;
        right: unset; }
  .str-chat__input-flat--emojipicker {
    position: absolute;
    bottom: calc(100%); }
  .str-chat__input-flat .rfu-file-previewer {
    width: 100%; }
  .str-chat__input-flat .rfu-file-upload-button {
    position: absolute;
    top: calc(100% - 40px);
    right: 25px; }
    .str-chat__input-flat .rfu-file-upload-button svg {
      fill: #000;
      opacity: 0.5; }
      .str-chat__input-flat .rfu-file-upload-button svg:hover {
        opacity: 1; }

.rfu-image-previewer {
  flex: 1 1 100%; }
  .rfu-image-previewer__image {
    width: 60px !important;
    height: 60px !important; }
    .rfu-image-previewer__image .rfu-thumbnail__wrapper {
      width: 60px !important;
      height: 60px !important;
      border-radius: 10px; }
      .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay,
      .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-icon-button {
        padding: 0; }
        .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-thumbnail__overlay svg,
        .rfu-image-previewer__image .rfu-thumbnail__wrapper .rfu-icon-button svg {
          opacity: 0.9;
          height: 25px;
          width: 25px; }
  .rfu-image-previewer .rfu-thumbnail-placeholder {
    width: 60px;
    height: 60px;
    border-radius: 10px; }

.commerce.str-chat .str-chat__input-flat {
  padding: 10px 22px;
  background: transparent; }

.dark.str-chat .str-chat__input-flat {
  background: rgba(255, 255, 255, 0.04); }
  .dark.str-chat .str-chat__input-flat textarea {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    color: white; }
  .dark.str-chat .str-chat__input-flat-emojiselect svg,
  .dark.str-chat .str-chat__input-flat .rfu-file-upload-button svg {
    fill: #fff; }

.dark.str-chat.commerce .str-chat__input-flat {
  background: none; }

@media screen and (max-width: 960px) {
  .str-chat.messaging .str-chat__input-flat {
    padding: 10px 10px; } }

.str-chat__message-notification {
  display: block;
  position: absolute;
  align-self: center;
  background: #006cff;
  border: none;
  color: white;
  border-radius: 50px;
  padding: 4px 10px;
  font-size: 12px;
  bottom: -10px;
  z-index: 101; }

.str-chat__list {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* enable smooth scrolling on ios */
  padding: 75px 0 0 0; }
  .str-chat__list-wrapper {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column; }
  .str-chat__list--thread {
    padding: 15px 0 0 0;
    overflow: visible; }
  .str-chat__list__center {
    width: 100%;
    display: flex;
    justify-content: center; }

.str-chat__ul {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0; }

.str-chat__custom-notification {
  border-radius: 4px;
  font-size: 12px;
  padding: 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center; }
  .str-chat__custom-notification.notification-success {
    background: rgba(2, 208, 2, 0.1);
    border: 1px solid rgba(2, 208, 2, 0.1);
    color: green; }
  .str-chat__custom-notification.notification-error {
    background: rgba(208, 2, 27, 0.1);
    border: 1px solid rgba(208, 2, 27, 0.1);
    color: #f00; }

.str-chat__connection-issue {
  background: rgba(208, 2, 27, 0.1);
  border: 1px solid rgba(208, 2, 27, 0.1);
  color: #f00;
  border-radius: 4px;
  font-size: 12px;
  padding: 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center; }

.str-chat__list-notifications {
  padding: 0 40px;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center; }

.messaging.str-chat .str-chat__list {
  padding: 55px 40px 0;
  background: white; }
  .messaging.str-chat .str-chat__list-notifications {
    background: white; }

@media screen and (max-width: 960px) {
  .messaging.str-chat .str-chat__list {
    padding: 55px 10px 0; }
    .messaging.str-chat .str-chat__list-notifications {
      padding: 0 10px; } }

.messaging.str-chat.dark .str-chat__list {
  background: rgba(255, 255, 255, 0.04); }
  .messaging.str-chat.dark .str-chat__list-notifications {
    background: rgba(255, 255, 255, 0.04); }

.livestream.str-chat .str-chat__list {
  padding: 55px 10px; }

.commerce.str-chat .str-chat__list {
  padding: 75px 20px 0; }
  .commerce.str-chat .str-chat__list-notifications {
    padding-left: 22px;
    padding-right: 22px; }

.str-chat__message-replies-count-button {
  display: block;
  border: none;
  background: none;
  padding: 0;
  margin-top: 8px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #006cff;
  cursor: pointer; }
  .str-chat__message-replies-count-button svg {
    fill: rgba(0, 0, 0, 0.1);
    margin-right: 5px; }

.dark.str-chat .str-chat__message-replies-count-button svg {
  fill: rgba(255, 255, 255, 0.1); }

.dark.str-chat.team .str-chat__message-replies-count-button svg {
  fill: rgba(0, 0, 0, 0.4); }

.str-chat__modal {
  background: black;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  opacity: 0.89;
  display: none;
  align-items: center;
  justify-content: center; }
  .str-chat__modal--open {
    display: flex; }
  .str-chat__modal__inner {
    max-width: 667px;
    background: white;
    padding: 20px;
    border-radius: 10px; }
  .str-chat__modal__close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    font-size: 14px;
    line-height: 10px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .str-chat__modal__close-button svg {
      position: relative;
      top: 1px;
      margin-left: 10px;
      fill: white; }
    .str-chat__modal__close-button:hover {
      opacity: 0.79; }
  .str-chat__modal .str-chat__edit-message-form {
    min-width: 300px; }
  .str-chat__modal .str-chat__input-emojiselect,
  .str-chat__modal .str-chat__input-fileupload {
    position: relative;
    top: unset;
    right: unset; }

.str-chat.dark.messaging .str-chat__modal__inner {
  border: 2px solid white;
  background: black; }

.str-chat__message-livestream {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: flex;
  width: 100%;
  margin: 0 0;
  padding: 10px 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  position: relative; }
  .str-chat__message-livestream-left {
    width: 30px; }
    .str-chat__message-livestream-left .str-chat__avatar {
      margin-right: 0; }
  .str-chat__message-livestream-right {
    flex: 1; }
  .str-chat__message-livestream-content {
    position: relative;
    padding: 5px 10px;
    border: 1px solid transparent; }
    .str-chat__message-livestream-content > * {
      font-size: 13px;
      line-height: 20px;
      margin: 0; }
    .str-chat__message-livestream-content .str-chat__message-mention {
      font-size: 13px;
      line-height: 20px;
      margin: 0; }
      .str-chat__message-livestream-content .str-chat__message-mention:focus {
        outline: 1; }
    .str-chat__message-livestream-content p {
      margin: 0;
      white-space: pre-line;
      /* These are technically the same, but use both */
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      /* Instead use this non-standard one: */
      word-break: break-word;
      /* Adds a hyphen where the word breaks, if supported (No Blink) */
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }
      .str-chat__message-livestream-content p:not(:first-of-type) {
        margin: 16px 0 0; }
      .str-chat__message-livestream-content p code {
        background-color: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(0, 108, 255, 0.1);
        border-radius: 3px;
        padding: 2px 4px; }
      .str-chat__message-livestream-content p a {
        color: #006cff;
        font-weight: bold;
        text-decoration: none; }
    .str-chat__message-livestream-content pre,
    .str-chat__message-livestream-content code {
      font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
      line-height: inherit;
      padding: 10px;
      font-size: 12px;
      font-weight: 700; }
    .str-chat__message-livestream-content pre {
      margin: 0 5px 0 0;
      border-radius: 4px;
      background-color: rgba(0, 108, 255, 0.1);
      border: 1px solid rgba(0, 108, 255, 0.2); }
    .str-chat__message-livestream-content code {
      width: inherit;
      word-break: break-all; }
  .str-chat__message-livestream:hover .str-chat__message-livestream-actions {
    display: flex; }
  .str-chat__message-livestream-actions {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.07);
    width: 141px;
    height: 24px;
    padding: 0 4px;
    position: absolute;
    top: -12px;
    right: 0;
    border-radius: 24px;
    display: none;
    /* FFS display: none */
    align-items: center;
    justify-content: space-between; }
    .str-chat__message-livestream-actions > span {
      position: relative;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      text-align: center;
      cursor: pointer; }
      .str-chat__message-livestream-actions > span:not(:last-of-type) {
        border-right: 1px solid #e0e0e0; }
      .str-chat__message-livestream-actions > span > span {
        position: relative;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center; }
      .str-chat__message-livestream-actions > span svg {
        fill: #000;
        opacity: 0.5; }
      .str-chat__message-livestream-actions > span:hover svg {
        opacity: 1; }
    .str-chat__message-livestream-actions .str-chat__message-actions-box {
      bottom: initial;
      left: initial;
      visibility: hidden;
      right: 100%;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 7px; }
      .str-chat__message-livestream-actions .str-chat__message-actions-box--open {
        visibility: visible; }
  .str-chat__message-livestream-time {
    font-size: 10px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    flex: 2;
    padding: 0 4px; }
  .str-chat__message-livestream-text--is-emoji {
    font-size: 33px;
    line-height: 42px; }
  .str-chat__message-livestream-author {
    margin-bottom: 8px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .str-chat__message-livestream-author strong {
      margin-right: 8px; }
  .str-chat__message-livestream:hover {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px; }
  .str-chat__message-livestream .str-chat__message-attachment--img {
    border-radius: 0; }
  .str-chat__message-livestream .str-chat__message-attachment-card {
    margin: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.08); }
    .str-chat__message-livestream .str-chat__message-attachment-card--content {
      background: rgba(255, 255, 255, 0.2); }
    .str-chat__message-livestream .str-chat__message-attachment-card--text {
      display: none; }
    .str-chat__message-livestream .str-chat__message-attachment-card--url {
      text-transform: lowercase; }
  .str-chat__message-livestream__thread-banner {
    text-align: center;
    font-size: 12px;
    padding: 8px;
    margin: 8px 10px 0 10px;
    background: rgba(0, 108, 255, 0.1);
    border-radius: 2px;
    color: #404040; }
  .str-chat__message-livestream--error .str-chat__message-livestream-content p, .str-chat__message-livestream--failed .str-chat__message-livestream-content p {
    color: red; }
    .str-chat__message-livestream--error .str-chat__message-livestream-content p svg, .str-chat__message-livestream--failed .str-chat__message-livestream-content p svg {
      position: relative;
      top: 2px;
      margin-right: 4px; }
  .str-chat__message-livestream--failed .str-chat__message-livestream-content p {
    cursor: pointer; }
  .str-chat__message-livestream--initial-message {
    margin: 20px 10px 0;
    width: auto; }

.str-chat__list--thread .str-chat__message-livestream__actions {
  min-width: 30px; }

.str-chat__list--thread .str-chat__message-livestream-actions {
  width: 110px;
  min-width: unset; }
  .str-chat__list--thread .str-chat__message-livestream-actions .str-chat__message-actions-box {
    top: initial;
    bottom: initial;
    bottom: -10px; }

.livestream.dark.str-chat .str-chat__message-livestream {
  color: #e6e6e6; }
  .livestream.dark.str-chat .str-chat__message-livestream:hover {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px; }
  .livestream.dark.str-chat .str-chat__message-livestream .str-chat__message-attachment-card {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08); }
    .livestream.dark.str-chat .str-chat__message-livestream .str-chat__message-attachment-card--content {
      background: rgba(0, 0, 0, 0.1); }
    .livestream.dark.str-chat .str-chat__message-livestream .str-chat__message-attachment-card--url {
      color: rgba(255, 255, 255, 0.79); }

.livestream.dark.str-chat .str-chat__message-livestream-actions {
  background: #1b1d20;
  border: 1px solid rgba(224, 224, 224, 0.03);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.07); }
  .livestream.dark.str-chat .str-chat__message-livestream-actions > span:not(:last-of-type) {
    border-color: rgba(255, 255, 255, 0.04); }
  .livestream.dark.str-chat .str-chat__message-livestream-actions svg {
    fill: #fff; }

.livestream.dark.str-chat .str-chat__message-livestream-time {
  color: #fff;
  opacity: 0.5; }

.str-chat__modal-image__wrapper {
  line-height: 0;
  position: relative;
  text-align: center;
  box-sizing: border-box; }

.str-chat__modal-image__image {
  max-height: 100vh;
  max-width: 100%; }

.str-chat__new-channel--header {
  padding: 10px;
  display: flex;
  align-items: center;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  .str-chat__new-channel--header__title {
    flex: 1;
    text-align: center;
    color: #006cff;
    font-weight: 700;
    margin-right: 45px; }

.str-chat__new-channel--name {
  padding: 0 0 0 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center; }
  .str-chat__new-channel--name label {
    font-size: 14px;
    margin-right: 5px; }
  .str-chat__new-channel--name input {
    font-size: 14px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    flex: 1;
    width: 100%;
    padding: 15px 0 15px 5px;
    background: #fff;
    border: none;
    outline: none; }
    .str-chat__new-channel--name input:focus {
      background: white;
      box-shadow: inset 0 0 0 1px #006cff, inset 0 0 0 2px rgba(0, 108, 255, 0.36); }

.str-chat__message-reactions-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex; }

.str-chat__message-reactions-list-item {
  font-size: 20px;
  margin: 0 5px;
  position: relative;
  line-height: 0; }
  .str-chat__message-reactions-list-item button {
    padding: 0; }
  .str-chat__message-reactions-list-item span[role='img'] {
    position: relative;
    display: block;
    top: -2px;
    transform: scalce(1);
    transition: transform 100ms ease; }
    .str-chat__message-reactions-list-item span[role='img']:hover {
      transform: scale(1.4); }
  .str-chat__message-reactions-list-item__count {
    position: absolute;
    top: 28px;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    left: 6px; }
  .str-chat__message-reactions-list-item .str-chat__avarar {
    margin: 0;
    visibility: visible; }
  .str-chat__message-reactions-list-item .latest-user {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -24px;
    left: 0; }
    .str-chat__message-reactions-list-item .latest-user-tooltip {
      display: none;
      text-align: center;
      position: absolute;
      bottom: calc(100% + 5px);
      left: 50%;
      transform: translate(-50%, 0);
      background: rgba(0, 0, 0, 0.81);
      border-radius: 5px;
      background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
      max-width: 237px;
      padding: 4px 8px;
      font-size: 13px;
      color: white; }
      .str-chat__message-reactions-list-item .latest-user-tooltip::after {
        content: '';
        position: absolute;
        top: calc(100% - 4px);
        left: 50%;
        transform: translate(-50%, 0) rotate(45deg);
        width: 7px;
        height: 7px;
        background-color: #1a1a1a; }
    .str-chat__message-reactions-list-item .latest-user-not-found {
      border: 1.5px solid #fff;
      border-radius: 50%;
      background-color: magenta;
      width: inherit;
      height: inherit; }
    .str-chat__message-reactions-list-item .latest-user img {
      border: 1.5px solid #fff;
      border-radius: 50%;
      object-fit: cover;
      width: inherit;
      height: inherit; }
    .str-chat__message-reactions-list-item .latest-user:hover .latest-user-tooltip {
      display: block; }

.str-chat__reaction-selector {
  z-index: 999;
  height: 60px;
  position: absolute;
  width: initial;
  background: rgba(24, 25, 28, 0.98);
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.05) 100%);
  border: 1px solid rgba(224, 224, 224, 0.03);
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.07), 0 11px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  display: flex;
  align-items: center; }
  .str-chat__reaction-selector ul {
    position: relative;
    z-index: 1000;
    margin: 0 16px; }
  .str-chat__reaction-selector-tooltip {
    position: absolute;
    bottom: calc(100% + 15px);
    background: rgba(0, 0, 0, 0.81);
    border-radius: 5px;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    min-width: 85px;
    min-height: 24px;
    max-width: 100%;
    padding: 4px 8px;
    font-size: 13px;
    color: white;
    text-align: center; }
    .str-chat__reaction-selector-tooltip .arrow {
      position: absolute;
      top: calc(100% - 4px);
      left: 50%;
      transform: translate(-50%, 0) rotate(45deg);
      width: 7px;
      height: 7px;
      background-color: #1a1a1a; }
  .str-chat__reaction-selector .emoji-mart-emoji:hover {
    transition: 0.1s;
    transform: scale(1.2);
    cursor: pointer; }

.str-chat__message .str-chat__reaction-selector,
.str-chat__message-team .str-chat__reaction-selector,
.str-chat__message-simple .str-chat__reaction-selector,
.str-chat__message-commerce .str-chat__reaction-selector,
.str-chat__message-livestream .str-chat__reaction-selector {
  top: -65px;
  left: 0; }

.str-chat__message-commerce--right .str-chat__reaction-selector {
  left: unset;
  right: 0; }

.str-chat__message-livestream .str-chat__reaction-selector {
  left: unset;
  top: -70px;
  right: 0; }

.str-chat__message-team .str-chat__reaction-selector {
  left: unset;
  top: -60px;
  right: 0; }

.str-chat__message-simple .str-chat__reaction-selector {
  right: unset;
  left: 0; }
  .str-chat__message-simple .str-chat__reaction-selector--reverse {
    right: 0;
    left: unset; }

.str-chat__message-simple--me .str-chat__reaction-selector {
  left: unset;
  right: 0; }
  .str-chat__message-simple--me .str-chat__reaction-selector--reverse {
    right: unset;
    left: 0; }

.str-chat__send-button {
  margin-left: 10px;
  border: 0;
  background: 0;
  outline: 0; }

.str-chat__message .str-chat__reaction-list,
.str-chat__message-commerce .str-chat__reaction-list, .str-chat__message .str-chat__reaction-list::after, .str-chat__message .str-chat__reaction-list::before,
.str-chat__message-commerce .str-chat__reaction-list::after,
.str-chat__message-commerce .str-chat__reaction-list::before {
  background: url("../assets/str-chat__reaction-list-sprite@1x.png") no-repeat;
  background-size: 59px 101px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .str-chat__message .str-chat__reaction-list,
    .str-chat__message-commerce .str-chat__reaction-list, .str-chat__message .str-chat__reaction-list::after, .str-chat__message .str-chat__reaction-list::before,
    .str-chat__message-commerce .str-chat__reaction-list::after,
    .str-chat__message-commerce .str-chat__reaction-list::before {
      background-image: url("../assets/str-chat__reaction-list-sprite@2x.png"); } }
  @media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 3dppx) {
    .str-chat__message .str-chat__reaction-list,
    .str-chat__message-commerce .str-chat__reaction-list, .str-chat__message .str-chat__reaction-list::after, .str-chat__message .str-chat__reaction-list::before,
    .str-chat__message-commerce .str-chat__reaction-list::after,
    .str-chat__message-commerce .str-chat__reaction-list::before {
      background-image: url("../assets/str-chat__reaction-list-sprite@3x.png"); } }

.str-chat__message .str-chat__reaction-list,
.str-chat__message-commerce .str-chat__reaction-list {
  position: absolute;
  right: 15px;
  top: -28px;
  z-index: 99;
  height: 33px;
  width: initial;
  background-position: 0 -66px;
  background-repeat: repeat-x; }
  .str-chat__message .str-chat__reaction-list ul,
  .str-chat__message-commerce .str-chat__reaction-list ul {
    position: relative;
    list-style-type: none;
    padding: 0;
    font-size: 15px;
    line-height: 26px;
    display: flex;
    justify-content: center;
    margin: -1px -15px 0 0;
    z-index: 888; }
  .str-chat__message .str-chat__reaction-list .emoji-mart-emoji,
  .str-chat__message-commerce .str-chat__reaction-list .emoji-mart-emoji {
    display: flex; }
  .str-chat__message .str-chat__reaction-list::after, .str-chat__message .str-chat__reaction-list::before,
  .str-chat__message-commerce .str-chat__reaction-list::after,
  .str-chat__message-commerce .str-chat__reaction-list::before {
    position: absolute;
    content: '';
    top: 0;
    height: 33px; }
  .str-chat__message .str-chat__reaction-list::after,
  .str-chat__message-commerce .str-chat__reaction-list::after {
    right: -26px;
    width: 26px;
    background-position: -33px -33px; }
  .str-chat__message .str-chat__reaction-list::before,
  .str-chat__message-commerce .str-chat__reaction-list::before {
    left: -13px;
    width: 13px;
    background-position: -0 -33px; }
  .str-chat__message .str-chat__reaction-list--reverse,
  .str-chat__message-commerce .str-chat__reaction-list--reverse {
    right: initial;
    left: 15px;
    position: absolute; }
    .str-chat__message .str-chat__reaction-list--reverse ul,
    .str-chat__message-commerce .str-chat__reaction-list--reverse ul {
      margin: -1px -5px 0 -15px; }
    .str-chat__message .str-chat__reaction-list--reverse::after,
    .str-chat__message-commerce .str-chat__reaction-list--reverse::after {
      right: -13px;
      width: 13px;
      background-position: -46px 0; }
    .str-chat__message .str-chat__reaction-list--reverse::before,
    .str-chat__message-commerce .str-chat__reaction-list--reverse::before {
      left: -26px;
      width: 26px;
      background-position: -0 0; }
  .str-chat__message .str-chat__reaction-list li,
  .str-chat__message-commerce .str-chat__reaction-list li {
    display: flex;
    align-items: center; }
    .str-chat__message .str-chat__reaction-list li button,
    .str-chat__message-commerce .str-chat__reaction-list li button {
      padding: 0; }
  .str-chat__message .str-chat__reaction-list--counter,
  .str-chat__message-commerce .str-chat__reaction-list--counter {
    color: white;
    font-size: 12px; }

.str-chat__message--me .str-chat__message-commerce-inner > .str-chat__reaction-list, .str-chat__message--right .str-chat__message-commerce-inner > .str-chat__reaction-list,
.str-chat__message-commerce--me .str-chat__message-commerce-inner > .str-chat__reaction-list,
.str-chat__message-commerce--right .str-chat__message-commerce-inner > .str-chat__reaction-list {
  left: 46px; }

.str-chat__message--me .str-chat__reaction-list, .str-chat__message--right .str-chat__reaction-list,
.str-chat__message-commerce--me .str-chat__reaction-list,
.str-chat__message-commerce--right .str-chat__reaction-list {
  right: initial;
  left: 16px; }
  .str-chat__message--me .str-chat__reaction-list ul, .str-chat__message--right .str-chat__reaction-list ul,
  .str-chat__message-commerce--me .str-chat__reaction-list ul,
  .str-chat__message-commerce--right .str-chat__reaction-list ul {
    margin: -1px 0 0 -15px; }
  .str-chat__message--me .str-chat__reaction-list::after, .str-chat__message--right .str-chat__reaction-list::after,
  .str-chat__message-commerce--me .str-chat__reaction-list::after,
  .str-chat__message-commerce--right .str-chat__reaction-list::after {
    right: -13px;
    width: 13px;
    background-position: -46px 0; }
  .str-chat__message--me .str-chat__reaction-list::before, .str-chat__message--right .str-chat__reaction-list::before,
  .str-chat__message-commerce--me .str-chat__reaction-list::before,
  .str-chat__message-commerce--right .str-chat__reaction-list::before {
    left: -26px;
    width: 26px;
    background-position: -0 0; }
  .str-chat__message--me .str-chat__reaction-list--reverse, .str-chat__message--right .str-chat__reaction-list--reverse,
  .str-chat__message-commerce--me .str-chat__reaction-list--reverse,
  .str-chat__message-commerce--right .str-chat__reaction-list--reverse {
    right: 15px;
    left: initial; }
    .str-chat__message--me .str-chat__reaction-list--reverse ul, .str-chat__message--right .str-chat__reaction-list--reverse ul,
    .str-chat__message-commerce--me .str-chat__reaction-list--reverse ul,
    .str-chat__message-commerce--right .str-chat__reaction-list--reverse ul {
      margin: -1px -15px 0 0; }
    .str-chat__message--me .str-chat__reaction-list--reverse::after, .str-chat__message--right .str-chat__reaction-list--reverse::after,
    .str-chat__message-commerce--me .str-chat__reaction-list--reverse::after,
    .str-chat__message-commerce--right .str-chat__reaction-list--reverse::after {
      right: -26px;
      width: 26px;
      background-position: -33px -33px; }
    .str-chat__message--me .str-chat__reaction-list--reverse::before, .str-chat__message--right .str-chat__reaction-list--reverse::before,
    .str-chat__message-commerce--me .str-chat__reaction-list--reverse::before,
    .str-chat__message-commerce--right .str-chat__reaction-list--reverse::before {
      left: -13px;
      width: 13px;
      background-position: -0 -33px; }

.str-chat__message-commerce-inner > .str-chat__reaction-list {
  left: unset;
  right: 46px; }

.str-chat__message-commerce--right .str-chat__message-commerce-inner > .str-chat__reaction-list {
  right: unset;
  left: 46px; }

.str-chat__simple-reactions-list {
  list-style-type: none;
  padding: 4px 4px 2px 4px;
  display: inline-flex;
  margin: 8px 0 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  line-height: 1;
  position: relative; }
  .str-chat__simple-reactions-list-tooltip {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0);
    background: rgba(0, 0, 0, 0.81);
    border-radius: 5px;
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    min-height: 24px;
    width: auto;
    max-width: 275px;
    padding: 4px 8px;
    font-size: 13px;
    color: white;
    text-align: center; }
    .str-chat__simple-reactions-list-tooltip > .arrow {
      position: absolute;
      top: calc(100%);
      left: 50%;
      transform: translate(-50%, 0);
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid rgba(0, 0, 0, 0.81); }
  .str-chat__simple-reactions-list-item {
    margin: 0 0;
    cursor: pointer; }
    .str-chat__simple-reactions-list-item > span {
      line-height: 1; }
    .str-chat__simple-reactions-list-item .emoji-mart-emoji:hover {
      transition: transform 0.2s ease-in-out;
      transform: scale(1.2); }
    .str-chat__simple-reactions-list-item--last-number {
      font-size: 11px;
      display: flex;
      align-items: center;
      color: black; }

.dark.str-chat .str-chat__simple-reactions-list {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px; }
  .dark.str-chat .str-chat__simple-reactions-list-item--last-number {
    color: #fff; }

.str-chat__small-message-input {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
  position: relative;
  z-index: 1000; }
  .str-chat__small-message-input .rfu-file-previewer {
    flex: 1 1 100%; }
  .str-chat__small-message-input .rfu-image-previewer {
    flex: 1 1 100%; }
  .str-chat__small-message-input__wrapper {
    position: relative;
    z-index: 0;
    width: 100%; }
  .str-chat__small-message-input-emojiselect {
    bottom: 10px;
    right: 6px; }
  .str-chat__small-message-input .rfu-file-upload-button {
    bottom: 9px;
    right: 26px; }
  .str-chat__small-message-input--textarea-wrapper {
    flex: 1 0;
    position: relative; }
  .str-chat__small-message-input-emojiselect,
  .str-chat__small-message-input .rfu-file-upload-button {
    position: absolute;
    cursor: pointer;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-size: 44px 44px;
    fill: rgba(0, 0, 0, 0.6); }
    .str-chat__small-message-input-emojiselect:hover,
    .str-chat__small-message-input .rfu-file-upload-button:hover {
      fill: black; }
  .str-chat__small-message-input-emojipicker {
    position: absolute;
    bottom: 100%;
    right: 0;
    transform: scale(0.8);
    transform-origin: 100% 100%; }
  .str-chat__small-message-input--send-button {
    background: none;
    border: none;
    cursor: pointer;
    flex: 0 1;
    outline: 0; }
    .str-chat__small-message-input--send-button:hover {
      opacity: 0.69; }
    @media screen and (min-width: 768px) {
      .str-chat__small-message-input--send-button {
        display: none; } }
  .str-chat__small-message-input textarea {
    background: transparent;
    min-height: 36px;
    font-size: 13px;
    padding: 10px 44px 8px 8px; }
    .str-chat__small-message-input textarea:focus {
      height: 36px; }
  .str-chat__small-message-input .str-chat__emojisearch {
    bottom: 100%; }
  .str-chat__small-message-input .str-chat__user-item {
    font-size: 14px; }
  .str-chat__small-message-input .rfu-file-upload-button {
    position: absolute;
    cursor: pointer;
    right: 28px; }
  .str-chat__small-message-input .rfu-dropzone .rfu-dropzone__notifier {
    z-index: 1000; }

.dark.str-chat .str-chat__small-message-input textarea {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.21);
  border-radius: 6px;
  color: white; }

.dark.str-chat .str-chat__small-message-input .rfu-file-upload-button svg,
.dark.str-chat .str-chat__small-message-input .str-chat__small-message-input-emojiselect svg {
  fill: white; }

.str-chat__typing-indicator {
  display: flex;
  visibility: hidden;
  align-items: center; }
  .str-chat__typing-indicator--typing {
    visibility: visible; }
  .str-chat__typing-indicator__avatars {
    display: flex; }
    .str-chat__typing-indicator__avatars .str-chat__avatar {
      border: 2px solid white;
      margin-right: -14px; }
      .str-chat__typing-indicator__avatars .str-chat__avatar:last-of-type {
        margin-right: 14px; }
  .str-chat__typing-indicator__dots {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 7px;
    border-radius: 16px 16px 16px 2px; }
  .str-chat__typing-indicator__dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    background: #006cff;
    animation: wave 1.1s linear infinite; }
    .str-chat__typing-indicator__dot:nth-child(2) {
      animation-delay: -0.9s;
      opacity: 0.5; }
    .str-chat__typing-indicator__dot:nth-child(3) {
      animation-delay: -0.8s;
      opacity: 0.2; }

.dark.str-chat .str-chat__typing-indicator__avatars .str-chat__avatar {
  border-color: #282a2d; }

.dark.str-chat .str-chat__typing-indicator__dots {
  background: rgba(255, 255, 255, 0.05); }

@keyframes wave {
  0%,
  60%,
  100% {
    transform: initial; }
  30% {
    transform: translateY(-8px); } }

.str-chat__read-state {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 100%;
  margin: -56px 10px 0 40px; }

.str-chat__thread {
  background: #f1f1f3;
  flex: 1 0 300px;
  min-width: 300px;
  max-width: 300px;
  overflow-y: hidden;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow: hidden;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 0px; }
  .str-chat__thread--full {
    max-width: 100%; }
  .str-chat__thread-header {
    position: relative;
    width: 100%;
    background: #f1f1f3;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
    height: 70px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px; }
    .str-chat__thread-header-details {
      font-size: 14px; }
      .str-chat__thread-header-details small {
        display: block;
        font-size: 12px; }
  .str-chat__thread-start {
    border-radius: 4px;
    margin: 10px 10px 0 10px;
    padding: 8px;
    background: rgba(153, 196, 255, 0.1);
    text-align: center;
    font-size: 12px; }
  .str-chat__thread-list {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 20px; }
    .str-chat__thread-list .str-chat__list {
      padding: 0; }

.messaging.str-chat .str-chat__thread {
  margin-right: 10px;
  margin-top: 20px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  background: white;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 0px; }
  .messaging.str-chat .str-chat__thread.str-chat__thread--full {
    margin: 0; }
  .messaging.str-chat .str-chat__thread .str-chat__gallery {
    justify-content: flex-end;
    border-radius: 0; }
    .messaging.str-chat .str-chat__thread .str-chat__gallery-image, .messaging.str-chat .str-chat__thread .str-chat__gallery-placeholder {
      width: 100px;
      height: 100px; }

.messaging.str-chat .str-chat__thread-list {
  padding: 20px 10px 0 10px; }
  .messaging.str-chat .str-chat__thread-list > .str-chat__list {
    background: transparent;
    padding: 0; }
    .messaging.str-chat .str-chat__thread-list > .str-chat__list .str-chat__list--thread {
      padding: 0; }

.messaging.str-chat .str-chat__thread-header {
  border: none;
  box-shadow: none;
  background: white; }

.messaging.str-chat .str-chat__thread-start {
  margin-top: 20px; }

@media screen and (max-width: 960px) {
  .messaging.str-chat .str-chat__thread {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background: white;
    z-index: 1000;
    margin: 0;
    width: 100vw;
    max-width: 100%; } }

.messaging.str-chat.dark .str-chat__thread {
  background: rgba(255, 255, 255, 0.04); }
  .messaging.str-chat.dark .str-chat__thread-header {
    background: rgba(46, 48, 51, 0.98);
    box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.03), 0 1px 0 0 rgba(0, 0, 0, 0.03);
    color: white; }
  .messaging.str-chat.dark .str-chat__thread-start {
    color: white; }

@media screen and (max-width: 960px) {
  .messaging.str-chat.dark .str-chat__thread {
    background: #282a2d; } }

.team.str-chat .str-chat__thread {
  background: white; }

@media screen and (max-width: 960px) {
  .team.str-chat .str-chat__thread {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background: white;
    z-index: 1000;
    margin: 0;
    width: 100vw;
    max-width: 100%; } }

.team.str-chat .str-chat__thread-header {
  height: 80px; }

.team.str-chat.dark .str-chat__thread {
  background: #1d1f22; }

.livestream.str-chat .str-chat__thread,
.str-chat .str-chat__thread {
  background: transparent; }
  .livestream.str-chat .str-chat__thread-header,
  .str-chat .str-chat__thread-header {
    background: rgba(255, 255, 255, 0.29); }

.livestream.str-chat .str-chat__list--thread,
.str-chat .str-chat__list--thread {
  padding: 0 10px; }

.livestream.str-chat.dark .str-chat__thread,
.str-chat.dark .str-chat__thread {
  background: #1a1a1a; }
  .livestream.str-chat.dark .str-chat__thread-header,
  .str-chat.dark .str-chat__thread-header {
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.34);
    color: white; }
  .livestream.str-chat.dark .str-chat__thread-start,
  .str-chat.dark .str-chat__thread-start {
    background: rgba(153, 196, 255, 0.1);
    border-radius: 4px;
    color: white; }

.str-chat__tooltip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  display: flex;
  background: #000;
  border-radius: 4px;
  padding: 3px 7px;
  color: white;
  font-size: 11px;
  max-width: 300px; }
  .str-chat__tooltip button {
    outline: none;
    outline: 0;
    background: none;
    color: #006cff;
    font-size: 11px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: none; }
  .str-chat__tooltip a {
    color: #006cff;
    text-decoration: none; }
  .str-chat__tooltip::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 5px;
    width: 5px;
    height: 5px;
    background: #000;
    transform: rotate(45deg); }

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15; }

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff; }

.emoji-mart .emoji-mart-emoji {
  padding: 6px; }

.emoji-mart-bar {
  border: 0 solid #d9d9d9; }

.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0; }

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none; }

.emoji-mart-anchor:focus {
  outline: 0; }

.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646; }

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0; }

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646; }

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px; }

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px; }

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */ }

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative; }

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0; }

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none; }

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none; }

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default; }

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%; }

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0; }

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95); }

.emoji-mart-category-list {
  margin: 0;
  padding: 0; }

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none; }

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"; }

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585; }

.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }

.emoji-mart-no-results .emoji-mart-category-label {
  display: none; }

.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em; }

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none; }

.emoji-mart-preview {
  position: relative;
  height: 70px; }

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.emoji-mart-preview-emoji {
  left: 12px; }

.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all; }

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right; }

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right; }

.emoji-mart-preview-name {
  font-size: 14px; }

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888; }

.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em; }

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb; }

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle; }

.emoji-mart-title .emoji-mart-emoji {
  padding: 0; }

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300; }

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff; }

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff; }

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px; }

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75; }

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out; }

.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s; }

.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: .03s; }

.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: .06s; }

.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: .09s; }

.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: .12s; }

.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: .15s; }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px; }

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out; }

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default; }

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0; }

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0; }

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%; }

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0; }

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75; }

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff; }

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%; }

.emoji-mart-skin-tone-1 {
  background-color: #ffc93a; }

.emoji-mart-skin-tone-2 {
  background-color: #fadcbc; }

.emoji-mart-skin-tone-3 {
  background-color: #e0bb95; }

.emoji-mart-skin-tone-4 {
  background-color: #bf8f68; }

.emoji-mart-skin-tone-5 {
  background-color: #9b643d; }

.emoji-mart-skin-tone-6 {
  background-color: #594539; }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*
 * Dark mode styles
 */
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222; }

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453; }

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f; }

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff; }

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444; }

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff; }

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222; }

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf; }

.str-chat__message-commerce {
  display: flex;
  /* inline-flex if you don't want the  */
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0 0 0 0;
  position: relative;
  margin: 1px 0;
  /* deleted messages */
  /* error messages */ }
  .str-chat__message-commerce-inner {
    position: relative;
    /* flex: 1 if you want the messagebubbles to be the same width- */ }
    .str-chat__message-commerce-inner > .str-chat__message-commerce__actions {
      min-height: 10px;
      min-width: 30px;
      float: right; }
      .str-chat__message-commerce-inner > .str-chat__message-commerce__actions .str-chat__reaction-list {
        left: unset;
        right: 46px; }
  .str-chat__message-commerce .str-chat__avatar {
    margin-right: 8px; }
  .str-chat__message-commerce .str-chat__message-attachment-card--content {
    margin: 0;
    padding: 6px 8px; }
  .str-chat__message-commerce--top, .str-chat__message-commerce--middle {
    margin-left: 40px; }
    .str-chat__message-commerce--top .str-chat__message-commerce-data, .str-chat__message-commerce--middle .str-chat__message-commerce-data {
      display: none; }
  .str-chat__message-commerce--top .str-chat__message-commerce-text-inner {
    border-radius: 16px 16px 4px 4px; }
  .str-chat__message-commerce--bottom .str-chat__message-commerce-text-inner {
    border-radius: 4px 4px 16px 0; }
  .str-chat__message-commerce--single .str-chat__message-commerce-text-inner {
    border-radius: 16px 16px 16px 0; }
    .str-chat__message-commerce--single .str-chat__message-commerce-text-inner--has-attachment {
      border-radius: 4px 4px 16px 0; }
  .str-chat__message-commerce--middle .str-chat__message-commerce-text-inner {
    border-radius: 4px 4px 4px 4px; }
  .str-chat__message-commerce-text {
    display: flex;
    padding: 0 0 0 0;
    position: relative; }
    .str-chat__message-commerce-text-inner {
      position: relative;
      display: block;
      min-height: 32px;
      padding: 5px 10px;
      font-size: 15px;
      /* variables */
      color: black;
      /* variables */
      border-radius: 16px 16px 16px 0;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.08);
      margin-left: 0;
      max-width: 345px; }
      .str-chat__message-commerce-text-inner p {
        margin: 0;
        white-space: pre-line;
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
        .str-chat__message-commerce-text-inner p:not(:first-of-type) {
          margin: 16px 0 0; }
      .str-chat__message-commerce-text-inner--has-attachment {
        border-radius: 2px 16px 16px 2px; }
      .str-chat__message-commerce-text-inner--is-emoji {
        background: transparent;
        border: 1px solid transparent;
        font-size: 32px;
        line-height: 48px;
        padding-left: 0;
        padding-right: 0; }
  .str-chat__message-commerce-attachment--img {
    width: 100%;
    max-width: 480px;
    display: block;
    height: inherit;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .str-chat__message-commerce-data {
    margin-top: 5px;
    width: 100%;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.5); }
  .str-chat__message-commerce-name {
    font-weight: 700;
    margin-right: 5px; }
  .str-chat__message-commerce p {
    margin: 0;
    line-height: 20px; }
  .str-chat__message-commerce--with-reactions {
    margin-top: 30px; }
    .str-chat__message-commerce--with-reactions .str-chat__message-commerce__actions__action--reactions {
      display: flex; }
  .str-chat__message-commerce-link {
    color: magenta;
    font-weight: 700;
    text-decoration: none; }
  .str-chat__message-commerce-mention {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    color: magenta;
    font-weight: 700; }
  .str-chat__message-commerce--inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .str-chat__message-commerce--deleted {
    background: #f0f0f0;
    float: left;
    padding: 8px 16px;
    border-radius: 16px;
    font-size: 12px;
    color: #a4a4a4;
    margin: 0 0 0 42px; }
  .str-chat__message-commerce--error {
    margin: 0 0 32px 0;
    font-size: 12px; }
    .str-chat__message-commerce--error .str-chat__message-text-inner {
      background: rgba(208, 2, 27, 0.1);
      border: 1px solid rgba(208, 2, 27, 0.1); }
  .str-chat__message-commerce--right.str-chat__message-commerce {
    justify-content: flex-end;
    margin-left: 0; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce__actions {
      justify-content: flex-end; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner > .str-chat__message-commerce__actions {
      float: left; }
      .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner > .str-chat__message-commerce__actions .str-chat__reaction-list {
        left: 46px; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner > .str-chat__message-commerce-reply-button {
      display: flex;
      justify-content: flex-end; }
      .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner > .str-chat__message-commerce-reply-button .str-chat__message-replies-count-button {
        display: flex;
        flex-direction: row-reverse; }
        .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-inner > .str-chat__message-commerce-reply-button .str-chat__message-replies-count-button svg {
          transform: scaleX(-1);
          margin-left: 5px;
          margin-bottom: 4px;
          margin-right: 0; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner {
      background: #ebebeb;
      border-width: 0px;
      margin-top: 2px;
      border-color: transparent; }
      .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner p {
        text-align: right; }
    .str-chat__message-commerce--right.str-chat__message-commerce > .str-chat__avatar {
      display: none; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-attachment {
      margin: 0 auto 0 30px; }
      .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-attachment--img {
        border-radius: 16px 16px 2px 16px; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-attachment-card {
      border-radius: 16px 16px 4px 16px; }
    .str-chat__message-commerce--right.str-chat__message-commerce--bottom, .str-chat__message-commerce--right.str-chat__message-commerce--single {
      margin-right: 0; }
    .str-chat__message-commerce--right.str-chat__message-commerce--single .str-chat__message-commerce-text-inner {
      border-radius: 16px 16px 4px 16px; }
      .str-chat__message-commerce--right.str-chat__message-commerce--single .str-chat__message-commerce-text-inner--has-attachment {
        border-radius: 16px 4px 4px 16px; }
    .str-chat__message-commerce--right.str-chat__message-commerce--bottom .str-chat__message-commerce-text-inner {
      border-radius: 4px 4px 4px 16px; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__avatar {
      order: 1; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text {
      flex-direction: row-reverse;
      justify-content: flex-start; }
      .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-text-inner {
        flex: unset; }
    .str-chat__message-commerce--right.str-chat__message-commerce .str-chat__message-commerce-data {
      text-align: right; }
  .str-chat__message-commerce--has-text .str-chat__message-commerce-inner .str-chat__message-attachment {
    width: 100%;
    height: auto;
    margin: 4px auto; }

.str-chat__message-commerce {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .str-chat__message-commerce__actions {
    display: flex;
    margin-top: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 30px; }
    .str-chat__message-commerce__actions__action {
      margin: 5px;
      display: flex;
      align-items: center;
      height: 10px;
      cursor: pointer; }
      .str-chat__message-commerce__actions__action svg {
        fill: #000;
        opacity: 0.5; }
      .str-chat__message-commerce__actions__action:hover svg {
        opacity: 1; }
      .str-chat__message-commerce__actions__action--thread, .str-chat__message-commerce__actions__action--reactions {
        display: none; }
      .str-chat__message-commerce__actions__action--options {
        position: relative;
        display: none; }
        .str-chat__message-commerce__actions__action--options .str-chat__message-actions-box {
          bottom: 10px;
          left: unset;
          right: 100%;
          width: 120px;
          border-radius: 16px 16px 2px 16px; }
  .str-chat__message-commerce.str-chat__message--with-reactions .str-chat__message-commerce__actions__action--reactions {
    display: flex; }
  .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--thread {
    display: flex; }
  .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--reactions {
    display: flex; }
  .str-chat__message-commerce-text {
    display: flex;
    padding: 0 0 0 0;
    position: relative; }
  .str-chat__message-commerce-text-inner {
    text-align: left; }
    .str-chat__message-commerce-text-inner.str-chat__message-commerce-text-inner--is-emoji {
      margin: 5px 0;
      background: transparent; }
    .str-chat__message-commerce-text-inner p {
      text-align: left; }
    .str-chat__message-commerce-text-inner a {
      color: #006cff;
      font-weight: 700;
      text-decoration: none; }
    .str-chat__message-commerce-text-inner blockquote {
      margin: 0 0 0 5px;
      font-style: italic;
      padding-left: 20px;
      position: relative; }
      .str-chat__message-commerce-text-inner blockquote::before {
        font-size: 25px;
        content: '\201C';
        font-style: italic;
        position: absolute;
        opacity: 0.5;
        top: 2px;
        left: -5px; }
  .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--options {
    display: flex; }
  .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--reactions {
    display: flex; }
  .str-chat__message-commerce:hover .str-chat__message-commerce__actions__action--thread {
    display: flex; }

.str-chat__commerce-message--error-message {
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  opacity: 0.5; }

.str-chat__message-commerce-status {
  margin: 10px 0px 10px 10px;
  order: 3;
  position: absolute;
  left: 100%;
  bottom: 0;
  line-height: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 11; }
  .str-chat__message-commerce-status-number {
    font-size: 10px;
    margin-left: 4px;
    position: absolute;
    left: 100%;
    color: rgba(0, 0, 0, 0.6); }
  .str-chat__message-commerce-status > .str-chat__avatar {
    align-self: flex-end;
    margin-right: 0; }
  .str-chat__message-commerce-status > .str-chat__tooltip {
    display: none;
    max-width: 300px;
    min-width: 100px;
    text-align: center; }
  .str-chat__message-commerce-status:hover > .str-chat__tooltip {
    display: block; }
  .str-chat__message-commerce-status::after {
    position: absolute;
    bottom: 100%;
    right: 0;
    content: ' ';
    width: 15px;
    height: 15px; }

.str-chat__message-commerce .str-chat__message-attachment {
  width: calc(100% - 30px);
  max-width: unset;
  border-radius: unset;
  margin: 0 auto 0 0; }

.str-chat__message-commerce .str-chat__message-attachment-card {
  margin: 0;
  border-radius: 4px 16px 4px 4px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08); }
  .str-chat__message-commerce .str-chat__message-attachment-card--content {
    background: #ebebeb; }
  .str-chat__message-commerce .str-chat__message-attachment-card--text {
    display: none; }

.str-chat__list--thread .str-chat__message-commerce__actions {
  width: 30px; }

.str-chat__list--thread .str-chat__message-commerce__actions__action--options .str-chat__message-actions-box {
  right: unset;
  left: 100%;
  border-radius: 16px 16px 16px 2px; }

.str-chat.dark .str-chat__message-commerce-data {
  color: white;
  opacity: 0.5; }

.str-chat.dark .str-chat__message-commerce-text-inner {
  background: rgba(255, 255, 255, 0.05);
  color: white; }

.str-chat.dark .str-chat__message-commerce__actions svg {
  fill: white; }

.str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card {
  background: rgba(0, 0, 0, 0.2); }
  .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--content {
    background: rgba(0, 0, 0, 0.2); }
  .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--title {
    color: white; }
  .str-chat.dark .str-chat__message-commerce .str-chat__message-attachment-card--url {
    color: rgba(255, 255, 255, 0.5); }

.str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce-text-inner {
  background: rgba(0, 0, 0, 0.2); }

.str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce .str-chat__message-attachment-card {
  background: rgba(0, 0, 0, 0.2); }
  .str-chat.dark .str-chat__message-commerce--right .str-chat__message-commerce .str-chat__message-attachment-card--content {
    background: rgba(0, 0, 0, 0.2); }

.str-chat {
  /* .str-chat__message */ }
  .str-chat__message {
    /* .str-chat__message-team */ }
    .str-chat__message-team {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      position: relative;
      display: flex;
      padding: 5px 40px; }
      .str-chat__message-team .str-chat__avatar {
        margin-right: 0; }
      .str-chat__message-team-actions {
        position: absolute;
        top: -12px;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 88px;
        height: 24px;
        border-radius: 100px;
        background: white;
        border: 1px solid #e0e0e0;
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.07);
        z-index: 10;
        visibility: hidden; }
        .str-chat__message-team-actions > span {
          position: relative;
          flex: 1;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
          text-align: center;
          cursor: pointer; }
          .str-chat__message-team-actions > span > span {
            position: relative;
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            text-align: center; }
          .str-chat__message-team-actions > span svg {
            fill: #000;
            opacity: 0.5; }
          .str-chat__message-team-actions > span:hover svg {
            opacity: 1; }
        .str-chat__message-team-actions .str-chat__message-actions-box {
          bottom: initial;
          left: initial;
          visibility: hidden;
          right: 100%;
          top: -10px;
          border-radius: 7px; }
          .str-chat__message-team-actions .str-chat__message-actions-box--open {
            visibility: visible; }
      .str-chat__message-team-group {
        position: relative;
        width: 100%; }
      .str-chat__message-team-meta {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        min-width: 50px;
        padding: 0 10px 0 0;
        justify-content: space-between; }
        .str-chat__message-team-meta time {
          text-transform: uppercase;
          color: rgba(0, 0, 0, 0.5);
          font-size: 10px;
          margin-bottom: 5px;
          text-align: right;
          visibility: hidden; }
      .str-chat__message-team-author {
        font-size: 15px;
        text-transform: capitalize;
        line-height: 40px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .str-chat__message-team-content {
        width: 100%;
        padding-left: 10px;
        color: #404040;
        font-size: 15px;
        line-height: 22px;
        font-weight: 400;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        position: relative;
        margin: 0 0; }
        .str-chat__message-team-content--image {
          padding-left: 0;
          border-left-color: transparent; }
        .str-chat__message-team-content p {
          margin: 0;
          white-space: pre-line;
          /* These are technically the same, but use both */
          overflow-wrap: break-word;
          word-wrap: break-word;
          -ms-word-break: break-all;
          /* Instead use this non-standard one: */
          word-break: break-word;
          /* Adds a hyphen where the word breaks, if supported (No Blink) */
          -ms-hyphens: auto;
          -moz-hyphens: auto;
          -webkit-hyphens: auto;
          hyphens: auto; }
          .str-chat__message-team-content p:not(:first-of-type) {
            margin: 16px 0 0; }
          .str-chat__message-team-content p a {
            color: #006cff;
            font-weight: bold;
            text-decoration: none; }
          .str-chat__message-team-content p code {
            background-color: #f8f8f8;
            border: 1px solid rgba(208, 2, 27, 0.1);
            border-radius: 3px;
            padding: 2px; }
        .str-chat__message-team-content pre,
        .str-chat__message-team-content code {
          font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
          line-height: inherit;
          font-size: 12px;
          font-weight: 700; }
        .str-chat__message-team-content pre {
          margin: 0 5px 0 0;
          border-radius: 4px;
          background-color: #f8f8f8;
          border: 1px solid #d3d3d3;
          padding: 10px; }
        .str-chat__message-team-content code {
          width: inherit;
          white-space: pre-wrap;
          word-break: break-all; }
        .str-chat__message-team-content ul {
          margin: 0; }
        .str-chat__message-team-content--top:not(.str-chat__message-team-content--image)::before, .str-chat__message-team-content--single:not(.str-chat__message-team-content--image)::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-135deg) translateX(1px);
          transform-origin: 0;
          width: 5px;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.1); }
        .str-chat__message-team-content--top {
          margin: 5px 0 0; }
        .str-chat__message-team-content--single {
          margin: 5px 0 0; }
        .str-chat__message-team-content--middle {
          margin: 0 0 0; }
        .str-chat__message-team-content--bottom {
          margin: 0 0 0; }
      .str-chat__message-team-text--is-emoji {
        font-size: 33px;
        line-height: 42px; }
      .str-chat__message-team-status {
        position: absolute;
        left: 100%;
        bottom: 1px;
        line-height: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        z-index: 11; }
        .str-chat__message-team-status-number {
          font-size: 10px;
          margin-left: 4px;
          position: absolute;
          left: 100%;
          color: rgba(0, 0, 0, 0.6); }
        .str-chat__message-team-status > .str-chat__avatar {
          align-self: flex-end;
          margin-right: 0; }
        .str-chat__message-team-status > .str-chat__tooltip {
          display: none;
          max-width: 300px;
          min-width: 100px;
          text-align: center; }
        .str-chat__message-team-status:hover > .str-chat__tooltip {
          display: block; }
        .str-chat__message-team-status::after {
          position: absolute;
          bottom: 100%;
          right: 0;
          content: ' ';
          width: 15px;
          height: 15px; }
      .str-chat__message-team-failed {
        border: 0;
        background: none;
        display: flex;
        align-items: center;
        color: #ea152f;
        cursor: pointer;
        margin: 5px 0;
        font-size: 12px;
        padding: 0; }
        .str-chat__message-team-failed svg {
          margin-right: 7px; }
      .str-chat__message-team-form-footer {
        display: flex;
        justify-content: space-between;
        padding: 10px 0 5px; }
      .str-chat__message-team--bottom .str-chat__message-team-meta time, .str-chat__message-team--single .str-chat__message-team-meta time {
        visibility: visible; }
      .str-chat__message-team--editing {
        padding: 10px;
        background: #edf4ff;
        box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 #006cff, inset 0 -1px 0 0 #006cff;
        z-index: 1; }
      .str-chat__message-team:hover {
        /* .-team:hover */ }
        .str-chat__message-team:hover {
          /* .str-chat__message-attachment, */ }
          .str-chat__message-team:hover  .str-chat__message-team-content {
            background: rgba(0, 0, 0, 0.03); }
        .str-chat__message-team:hover .str-chat__message-team-meta time {
          visibility: visible; }
        .str-chat__message-team:hover .str-chat__message-team-actions {
          visibility: visible; }
      .str-chat__message-team--error {
        /* .str-chat__message-team--error */
        padding-top: 20px;
        padding-bottom: 20px; }
        .str-chat__message-team--error .str-chat__message-team-status {
          display: none; }
        .str-chat__message-team--error .str-chat__message-team-content {
          background: transparent;
          border-width: 2px;
          border-color: #d0021b;
          /* error */ }
          .str-chat__message-team--error .str-chat__message-team-content p {
            opacity: 0.5; }
          .str-chat__message-team--error .str-chat__message-team-content::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            transform: rotate(-135deg) translateX(1px);
            transform-origin: 0;
            width: 5px;
            height: 2px;
            background-color: #d0021b;
            /* error */ }
      .str-chat__message-team--ephemeral .str-chat__message-team-status {
        display: none; }
      .str-chat__message-team--failed .str-chat__message-team-content--text {
        border-color: #d0021b; }
        .str-chat__message-team--failed .str-chat__message-team-content--text p {
          opacity: 0.5; }
      .str-chat__message-team .str-chat__message-attachment--img {
        border-radius: 0;
        padding-left: 5px;
        border-left: 1px solid rgba(0, 0, 0, 0.1); }
      .str-chat__message-team .str-chat__message-attachment-card {
        margin: 0;
        border-radius: 4px 4px 4px 4px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08); }
        .str-chat__message-team .str-chat__message-attachment-card--content {
          background: #ebebeb; }
        .str-chat__message-team .str-chat__message-attachment-card--text {
          display: none; }
      .str-chat__message-team .str-chat__input-emojiselect,
      .str-chat__message-team .str-chat__input-fileupload {
        position: static;
        top: initial; }

/* .str-chat */
.str-chat__message-team-error-header {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  text-transform: none; }

.str-chat__thread-list .str-chat__message-simple__actions {
  min-width: 30px; }

.str-chat__thread-list .str-chat__message-team {
  padding: 5px 10px; }
  .str-chat__thread-list .str-chat__message-team-actions {
    width: 60px;
    min-width: unset; }
    .str-chat__thread-list .str-chat__message-team-actions .str-chat__message-actions-box {
      top: initial;
      bottom: initial;
      bottom: -10px; }

.str-chat blockquote {
  margin: 0 0 0 5px;
  font-style: italic;
  padding-left: 20px;
  position: relative; }
  .str-chat blockquote::before {
    font-size: 25px;
    content: '\201C';
    font-style: italic;
    position: absolute;
    opacity: 0.5;
    top: 2px;
    left: -5px; }

.str-chat.dark .str-chat__message-team-error-header {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1; }

.str-chat.dark .str-chat__message-team-author {
  color: white; }

.str-chat.dark .str-chat__message-team-meta time {
  color: rgba(255, 255, 255, 0.3); }

.str-chat.dark .str-chat__message-team-content,
.str-chat.dark .str-chat__message-team .str-chat__message-attachment {
  border-color: rgba(0, 0, 0, 0.4);
  color: white; }
  .str-chat.dark .str-chat__message-team-content--top:not(.str-chat__message-team-content--image)::before, .str-chat.dark .str-chat__message-team-content--single:not(.str-chat__message-team-content--image)::before,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment--top:not(.str-chat__message-team-content--image)::before,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment--single:not(.str-chat__message-team-content--image)::before {
    background-color: rgba(0, 0, 0, 0.4); }
  .str-chat.dark .str-chat__message-team-content--image,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment--image {
    border-color: transparent; }
  .str-chat.dark .str-chat__message-team-content p code,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment p code {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .str-chat.dark .str-chat__message-team-content pre,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment pre {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1); }
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item {
    border-color: rgba(0, 0, 0, 0.4); }
    .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item a,
    .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item span,
    .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item a,
    .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item span {
      color: white; }
    .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item span,
    .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item span {
      opacity: 0.4; }
    .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-file--item:hover,
    .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-file--item:hover {
      background: transparent; }
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment--file a,
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment--file span,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment--file a,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment--file span {
    color: white; }
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment--file span,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment--file span {
    opacity: 0.4; }

.str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card,
.str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card {
  background: transparent; }
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card--content,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card--content {
    background: rgba(0, 0, 0, 0.1);
    min-height: 58px;
    margin: 0;
    padding: 0px 16px; }
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card--title,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card--title {
    color: white; }
  .str-chat.dark .str-chat__message-team-content .str-chat__message-attachment-card--url,
  .str-chat.dark .str-chat__message-team .str-chat__message-attachment .str-chat__message-attachment-card--url {
    color: rgba(255, 255, 255, 0.4); }

.str-chat.dark .str-chat__message-team-actions {
  background: #1b1d20;
  border: 1px solid rgba(224, 224, 224, 0.03);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 12px; }
  .str-chat.dark .str-chat__message-team-actions .str-chat__message-actions-box {
    background: #6a6b6d; }
  .str-chat.dark .str-chat__message-team-actions > span {
    border-color: rgba(0, 0, 0, 0.04); }
    .str-chat.dark .str-chat__message-team-actions > span svg {
      fill: #fff; }

.str-chat.dark .str-chat__message-team--error .str-chat__message-team-content {
  border-color: red;
  border-width: 1px; }
  .str-chat.dark .str-chat__message-team--error .str-chat__message-team-content p {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1; }
  .str-chat.dark .str-chat__message-team--error .str-chat__message-team-content--top:not(.str-chat__message-team-content--image)::before, .str-chat.dark .str-chat__message-team--error .str-chat__message-team-content--single:not(.str-chat__message-team-content--image)::before {
    background-color: red;
    height: 1px; }

.str-chat.dark .str-chat__message-team--editing {
  padding: 10px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 rgba(0, 108, 255, 0.1), inset 0 -1px 0 0 rgba(0, 108, 255, 0.1);
  z-index: 1; }

.str-chat__li {
  display: block;
  position: relative;
  /* group styling */ }
  .str-chat__li--top, .str-chat__li--single {
    margin: 20px 0 0; }
    .str-chat__li--top .str-chat__message-attachment--img, .str-chat__li--top .str-chat__message-attachment-card,
    .str-chat__li--top .str-chat__message .str-chat__gallery, .str-chat__li--single .str-chat__message-attachment--img, .str-chat__li--single .str-chat__message-attachment-card,
    .str-chat__li--single .str-chat__message .str-chat__gallery {
      border-radius: 16px 16px 16px 2px; }
    .str-chat__li--top .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
    .str-chat__li--top .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card, .str-chat__li--single .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
    .str-chat__li--single .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card {
      border-radius: 16px 16px 16px 2px; }
    .str-chat__li--top .str-chat__message--me, .str-chat__li--single .str-chat__message--me {
      text-align: right; }
      .str-chat__li--top .str-chat__message--me .str-chat__message-attachment--img, .str-chat__li--top .str-chat__message--me .str-chat__message-attachment-card, .str-chat__li--single .str-chat__message--me .str-chat__message-attachment--img, .str-chat__li--single .str-chat__message--me .str-chat__message-attachment-card {
        border-radius: 16px 16px 2px 16px; }
      .str-chat__li--top .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
      .str-chat__li--top .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card, .str-chat__li--single .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
      .str-chat__li--single .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card {
        border-radius: 16px 16px 2px 16px; }
      .str-chat__li--top .str-chat__message--me .str-chat__gallery, .str-chat__li--single .str-chat__message--me .str-chat__gallery {
        border-radius: 16px 16px 2px 16px; }
      .str-chat__li--top .str-chat__message--me.str-chat__message--has-text .str-chat__gallery, .str-chat__li--single .str-chat__message--me.str-chat__message--has-text .str-chat__gallery {
        border-radius: 16px 16px 2px 16px; }
  .str-chat__li--middle {
    margin: 0; }
    .str-chat__li--middle .str-chat__message-attachment--img, .str-chat__li--middle .str-chat__message-attachment-card,
    .str-chat__li--middle .str-chat__message .str-chat__gallery {
      border-radius: 2px 16px 16px 2px; }
    .str-chat__li--middle .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
    .str-chat__li--middle .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,
    .str-chat__li--middle .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery {
      border-radius: 2px 16px 16px 2px; }
    .str-chat__li--middle .str-chat__message--me .str-chat__message-attachment--img, .str-chat__li--middle .str-chat__message--me .str-chat__message-attachment-card,
    .str-chat__li--middle .str-chat__message--me .str-chat__message .str-chat__gallery {
      border-radius: 16px 2px 2px 16px; }
    .str-chat__li--middle .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
    .str-chat__li--middle .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,
    .str-chat__li--middle .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery {
      border-top-left-radius: 2px; }
  .str-chat__li--bottom {
    margin: 0 0 20px; }
    .str-chat__li--bottom .str-chat__message-attachment--img, .str-chat__li--bottom .str-chat__message-attachment-card,
    .str-chat__li--bottom .str-chat__message .str-chat__gallery {
      border-radius: 2px 16px 16px 2px; }
    .str-chat__li--bottom .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
    .str-chat__li--bottom .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,
    .str-chat__li--bottom .str-chat__message.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery {
      border-radius: 2px 16px 16px 2px; }
    .str-chat__li--bottom .str-chat__message--me .str-chat__message-attachment--img, .str-chat__li--bottom .str-chat__message--me .str-chat__message-attachment-card,
    .str-chat__li--bottom .str-chat__message--me .str-chat__message .str-chat__gallery {
      border-radius: 16px 2px 2px 16px; }
    .str-chat__li--bottom .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment--img,
    .str-chat__li--bottom .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__message-attachment-card,
    .str-chat__li--bottom .str-chat__message--me.str-chat__message--has-text.str-chat__message--has-attachment .str-chat__gallery {
      border-top-left-radius: 2px; }
  .str-chat__li--single {
    margin-bottom: 20px; }
  .str-chat__li--top .str-chat__message-data, .str-chat__li--middle .str-chat__message-data {
    display: none; }
  .str-chat__li--top .str-chat__message-text-inner {
    border-radius: 16px 16px 16px 2px; }
  .str-chat__li--top .str-chat__message--me .str-chat__message-text-inner {
    border-radius: 16px 16px 2px 16px; }
  .str-chat__li--single .str-chat__message-text-inner {
    border-radius: 16px 16px 16px 2px; }
    .str-chat__li--single .str-chat__message-text-inner--has-attachment {
      border-radius: 2px 16px 16px 2px; }
  .str-chat__li--single .str-chat__message--me .str-chat__message-text-inner {
    border-radius: 16px 16px 2px 16px; }
    .str-chat__li--single .str-chat__message--me .str-chat__message-text-inner--has-attachment {
      border-radius: 16px 2px 2px 16px; }
  .str-chat__li--bottom .str-chat__message-text-inner, .str-chat__li--middle .str-chat__message-text-inner {
    border-radius: 2px 16px 16px 2px; }
  .str-chat__li--bottom .str-chat__message--me .str-chat__message-text-inner, .str-chat__li--middle .str-chat__message--me .str-chat__message-text-inner {
    border-radius: 16px 2px 2px 16px; }
    .str-chat__li--bottom .str-chat__message--me .str-chat__message-text-inner--has-attachment, .str-chat__li--middle .str-chat__message--me .str-chat__message-text-inner--has-attachment {
      margin: 0; }
  .str-chat__li--bottom .str-chat__message--me .str-chat__message-attachment-card, .str-chat__li--middle .str-chat__message--me .str-chat__message-attachment-card {
    margin: 0;
    padding: 0;
    border-radius: 16px 2px 2px 16px; }

.str-chat__message,
.str-chat__message-simple {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0 0 0 0;
  position: relative;
  margin: 1px 0;
  /* me */
  /* deleted messages */
  /* error messages */ }
  .str-chat__message--system,
  .str-chat__message-simple--system {
    text-align: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    padding: 0 40px;
    margin: 40px 0;
    font-size: 10px; }
    .str-chat__message--system__text,
    .str-chat__message-simple--system__text {
      display: flex;
      align-items: center;
      width: 100%; }
      .str-chat__message--system__text p,
      .str-chat__message-simple--system__text p {
        margin: 0 25px;
        color: rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        font-weight: bold; }
    .str-chat__message--system__line,
    .str-chat__message-simple--system__line {
      flex: 1;
      height: 1px;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.1); }
    .str-chat__message--system__date,
    .str-chat__message-simple--system__date {
      margin-top: 3px;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.5); }
  .str-chat__message-inner,
  .str-chat__message-simple-inner {
    position: relative; }
    @media screen and (min-width: 420px) {
      .str-chat__message-inner,
      .str-chat__message-simple-inner {
        margin-right: 90px;
        margin-left: unset; } }
    .str-chat__message-inner > .str-chat__message-simple__actions,
    .str-chat__message-simple-inner > .str-chat__message-simple__actions {
      position: absolute;
      top: 5px;
      left: 100%; }
  .str-chat__message-attachment-container,
  .str-chat__message-simple-attachment-container {
    display: flex;
    flex-direction: column; }
  .str-chat__message-text,
  .str-chat__message-simple-text {
    display: inline-flex;
    justify-content: flex-start;
    padding: 0 0 0 0;
    position: relative;
    width: 100%; }
    .str-chat__message-text-inner,
    .str-chat__message-simple-text-inner {
      position: relative;
      flex: 1;
      display: block;
      min-height: 32px;
      padding: 5px 10px;
      font-size: 15px;
      /* variables */
      color: black;
      /* variables */
      border-radius: 16px 16px 16px 0;
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.08);
      margin-left: 0;
      /* set spacing when unfocused */
      /* if text consists is focused */
      /* if text consists of just one emoji */ }
      .str-chat__message-text-inner p,
      .str-chat__message-simple-text-inner p {
        /* Make sure really long urls and words don't break out.
        ** https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
        overflow-wrap: break-word;
        word-wrap: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
      .str-chat__message-text-inner--focused,
      .str-chat__message-simple-text-inner--focused {
        background: #bcd8ff;
        border: 1px solid #006cff;
        margin-right: 0;
        margin-left: 0;
        /* set spacing when focused */ }
      .str-chat__message-text-inner--has-attachment,
      .str-chat__message-simple-text-inner--has-attachment {
        border-radius: 2px 16px 16px 2px; }
      .str-chat__message-text-inner--is-emoji,
      .str-chat__message-simple-text-inner--is-emoji {
        background: transparent;
        border: 1px solid transparent;
        font-size: 32px;
        padding-left: 0;
        padding-right: 0; }
  .str-chat__message-attachment--img,
  .str-chat__message-simple-attachment--img {
    width: 100%;
    max-width: 480px;
    display: block;
    height: inherit;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in; }
  .str-chat__message-data,
  .str-chat__message-simple-data {
    margin-top: 5px;
    width: 100%;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.5); }
  .str-chat__message-name,
  .str-chat__message-simple-name {
    font-weight: 700;
    margin-right: 5px; }
  .str-chat__message p,
  .str-chat__message-simple p {
    margin: 0;
    white-space: pre-line;
    line-height: 20px; }
    .str-chat__message p:not(:first-of-type),
    .str-chat__message-simple p:not(:first-of-type) {
      margin: 16px 0 0; }
  .str-chat__message--me,
  .str-chat__message-simple--me {
    display: flex;
    margin: 4px 0;
    justify-content: flex-end; }
    .str-chat__message--me .str-chat__message-text,
    .str-chat__message-simple--me .str-chat__message-text {
      display: flex;
      justify-content: flex-end; }
    .str-chat__message--me .str-chat__message-attachment-container,
    .str-chat__message-simple--me .str-chat__message-attachment-container {
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
    .str-chat__message--me .str-chat__message-inner,
    .str-chat__message-simple--me .str-chat__message-inner {
      justify-content: flex-end;
      align-items: flex-end; }
      @media screen and (min-width: 420px) {
        .str-chat__message--me .str-chat__message-inner,
        .str-chat__message-simple--me .str-chat__message-inner {
          margin-right: unset;
          margin-left: 90px; } }
      .str-chat__message--me .str-chat__message-inner > .str-chat__message-simple__actions,
      .str-chat__message-simple--me .str-chat__message-inner > .str-chat__message-simple__actions {
        position: absolute;
        top: 5px;
        left: unset;
        right: 100%; }
    .str-chat__message--me .str-chat__message-text-inner,
    .str-chat__message-simple--me .str-chat__message-text-inner {
      flex: initial;
      background: #ebebeb;
      border-color: transparent;
      text-align: right;
      border-radius: 16px 16px 2px 16px;
      margin-right: 0;
      /* set spacing when unfocused */ }
      .str-chat__message--me .str-chat__message-text-inner--focused,
      .str-chat__message-simple--me .str-chat__message-text-inner--focused {
        background: #bcd8ff;
        border: 1px solid #006cff;
        margin-left: 0;
        margin-right: 0;
        /* set spacing when focused */ }
      .str-chat__message--me .str-chat__message-text-inner--has-attachment,
      .str-chat__message-simple--me .str-chat__message-text-inner--has-attachment {
        border-radius: 16px 2px 2px 16px; }
      .str-chat__message--me .str-chat__message-text-inner--is-emoji,
      .str-chat__message-simple--me .str-chat__message-text-inner--is-emoji {
        background: transparent;
        border: 1px solid transparent;
        font-size: 32px;
        padding-left: 0;
        padding-right: 0; }
        .str-chat__message--me .str-chat__message-text-inner--is-emoji p,
        .str-chat__message-simple--me .str-chat__message-text-inner--is-emoji p {
          line-height: 48px; }
    .str-chat__message--me .str-chat__message-attachment--img,
    .str-chat__message-simple--me .str-chat__message-attachment--img {
      width: 100%;
      max-width: 480px;
      display: block;
      height: inherit;
      object-fit: cover;
      border: none; }
    .str-chat__message--me .str-chat__message-data,
    .str-chat__message-simple--me .str-chat__message-data {
      text-align: right; }
  .str-chat__message--with-reactions,
  .str-chat__message-simple--with-reactions {
    margin-top: 30px; }
  .str-chat__message-link,
  .str-chat__message-simple-link {
    color: magenta;
    font-weight: 700;
    text-decoration: none; }
  .str-chat__message-mention,
  .str-chat__message-simple-mention {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    color: magenta;
    font-weight: 700; }
  .str-chat__message--inner,
  .str-chat__message-simple--inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .str-chat__message--deleted,
  .str-chat__message-simple--deleted {
    margin: 0 0 0 42px;
    flex-direction: column;
    align-items: flex-start; }
    .str-chat__message--deleted-inner,
    .str-chat__message-simple--deleted-inner {
      background: rgba(255, 255, 255, 0.1);
      padding: 8px 16px;
      border-radius: 16px;
      font-size: 12px;
      color: #a4a4a4; }
  .str-chat__message--me.str-chat__message--deleted,
  .str-chat__message-simple--me.str-chat__message--deleted {
    margin: 0 42px 0 0;
    align-items: flex-end; }
    .str-chat__message--me.str-chat__message--deleted-inner,
    .str-chat__message-simple--me.str-chat__message--deleted-inner {
      background: rgba(255, 255, 255, 0.1);
      padding: 8px 16px;
      border-radius: 16px;
      font-size: 12px;
      color: #a4a4a4; }
  .str-chat__message--error, .str-chat__message--failed,
  .str-chat__message-simple--error,
  .str-chat__message-simple--failed {
    margin: 0 0 32px 42px;
    font-size: 12px;
    padding: 4px 0; }
    .str-chat__message--error .str-chat__message-text-inner, .str-chat__message--failed .str-chat__message-text-inner,
    .str-chat__message-simple--error .str-chat__message-text-inner,
    .str-chat__message-simple--failed .str-chat__message-text-inner {
      background: rgba(208, 2, 27, 0.1);
      border: 1px solid rgba(208, 2, 27, 0.1); }
  .str-chat__message--me.str-chat__message--error, .str-chat__message--me.str-chat__message--failed,
  .str-chat__message-simple--me.str-chat__message--error,
  .str-chat__message-simple--me.str-chat__message--failed {
    border-left: initial;
    margin-right: 42px; }
  .str-chat__message .str-chat__message-attachment-file--item:hover,
  .str-chat__message-simple .str-chat__message-attachment-file--item:hover {
    background: transparent; }

.messaging.str-chat .str-chat {
  /* __li*/ }
  .messaging.str-chat .str-chat__message, .messaging.str-chat .str-chat__message--me {
    margin: 1px 0; }
    .messaging.str-chat .str-chat__message--with-reactions, .messaging.str-chat .str-chat__message--me--with-reactions {
      margin-top: 30px; }
  .messaging.str-chat .str-chat__message-attachment--image {
    margin: 1px 0;
    max-width: 480px; }
  .messaging.str-chat .str-chat__message-attachment--card {
    margin: 1px 0;
    line-height: normal; }
  .messaging.str-chat .str-chat__message-attachment-card {
    margin: 1px auto;
    line-height: normal; }
    .messaging.str-chat .str-chat__message-attachment-card--title {
      color: #006cff; }
    .messaging.str-chat .str-chat__message-attachment-card--text {
      display: none; }
    .messaging.str-chat .str-chat__message-attachment-card--url {
      text-transform: lowercase; }
  .messaging.str-chat .str-chat__message--deleted {
    margin: 0 42px; }
  .messaging.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-attachment--card,
  .messaging.str-chat .str-chat__li--middle .str-chat__message .str-chat__message-attachment--image {
    border-top-left-radius: 2px; }

.str-chat__message-simple {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .str-chat__message-simple__actions {
    display: flex;
    margin-top: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 90px; }
    .str-chat__message-simple__actions__action {
      margin: 5px;
      display: flex;
      align-items: center;
      height: 10px;
      cursor: pointer; }
      .str-chat__message-simple__actions__action svg {
        fill: #000;
        opacity: 0.5; }
      .str-chat__message-simple__actions__action:hover svg {
        opacity: 1; }
      .str-chat__message-simple__actions__action--thread, .str-chat__message-simple__actions__action--reactions {
        display: none; }
      .str-chat__message-simple__actions__action--options {
        position: relative;
        display: none; }
  .str-chat__message-simple.str-chat__message--with-reactions .str-chat__message-simple__actions__action--reactions {
    display: flex; }
  .str-chat__message-simple:hover .str-chat__message-simple__actions__action--thread {
    display: flex; }
  .str-chat__message-simple:hover .str-chat__message-simple__actions__action--reactions {
    display: flex; }
  .str-chat__message-simple-text {
    display: flex;
    justify-content: flex-end;
    padding: 0 0 0 0;
    position: relative; }
  .str-chat__message-simple-text-inner {
    text-align: left;
    max-width: 460px; }
    .str-chat__message-simple-text-inner.str-chat__message-simple-text-inner--is-emoji {
      margin: 5px 0;
      background: transparent; }
      .str-chat__message-simple-text-inner.str-chat__message-simple-text-inner--is-emoji p {
        line-height: 48px; }
    .str-chat__message-simple-text-inner p {
      text-align: left; }
    .str-chat__message-simple-text-inner a {
      color: #006cff;
      font-weight: 700;
      text-decoration: none; }
    .str-chat__message-simple-text-inner blockquote {
      margin: 0 0 0 5px;
      font-style: italic;
      padding-left: 20px;
      position: relative; }
      .str-chat__message-simple-text-inner blockquote::before {
        font-size: 25px;
        content: '\201C';
        font-style: italic;
        position: absolute;
        opacity: 0.5;
        top: 2px;
        left: -5px; }
  .str-chat__message-simple--me .str-chat__message-simple-reply-button {
    display: flex;
    justify-content: flex-end; }
    .str-chat__message-simple--me .str-chat__message-simple-reply-button .str-chat__message-replies-count-button {
      display: flex;
      flex-direction: row-reverse; }
      .str-chat__message-simple--me .str-chat__message-simple-reply-button .str-chat__message-replies-count-button svg {
        transform: scaleX(-1);
        margin-left: 5px;
        margin-bottom: 4px;
        margin-right: 0; }
  .str-chat__message-simple--me .str-chat__message-simple__actions {
    justify-content: flex-end; }
  .str-chat__message-simple--me .str-chat__message-attachment--image {
    max-width: 460px; }
  .str-chat__message-simple--me-text-inner--is-emoji {
    background-color: transparent;
    line-height: 32px; }
  .str-chat__message-simple--me .str-chat__message-simple__actions {
    order: -1; }
  .str-chat__message-simple:hover .str-chat__message-simple__actions__action--options {
    display: flex; }
  .str-chat__message-simple:hover .str-chat__message-simple__actions__action--reactions {
    display: flex; }
  .str-chat__message-simple:hover .str-chat__message-simple__actions__action--thread {
    display: flex; }

.str-chat__simple-message--error-message {
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  opacity: 0.5; }

.str-chat__message-simple-status {
  margin: 10px 0px 10px 10px;
  order: 3;
  position: absolute;
  left: 100%;
  bottom: 0;
  line-height: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 1; }
  .str-chat__message-simple-status-number {
    font-size: 10px;
    margin-left: 4px;
    position: absolute;
    left: 100%;
    color: rgba(0, 0, 0, 0.6); }
  .str-chat__message-simple-status > .str-chat__avatar {
    align-self: flex-end;
    margin-right: 0; }
  .str-chat__message-simple-status > .str-chat__tooltip {
    display: none;
    max-width: 300px;
    min-width: 100px;
    text-align: center; }
  .str-chat__message-simple-status:hover > .str-chat__tooltip {
    display: block; }
  .str-chat__message-simple-status::after {
    position: absolute;
    bottom: 100%;
    right: 0;
    content: ' ';
    width: 15px;
    height: 15px; }

.str-chat__message-simple .str-chat__message-attachment-card {
  margin: 0;
  border-radius: 4px 16px 4px 4px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08); }
  .str-chat__message-simple .str-chat__message-attachment-card--content {
    background: #ebebeb; }
  .str-chat__message-simple .str-chat__message-attachment-card--text {
    display: none; }

.str-chat__message-simple .str-chat__message-attachment--file {
  margin: 0;
  background: white;
  border-color: transparent;
  border: 1px solid #ebebeb;
  border-radius: 0; }
  .str-chat__message-simple .str-chat__message-attachment--file .str-chat__message-attachment-file--item {
    border-color: transparent;
    padding: 0 10px; }
  .str-chat__message-simple .str-chat__message-attachment--file:first-of-type {
    border-radius: 16px 16px 0 0;
    border-bottom: transparent; }
  .str-chat__message-simple .str-chat__message-attachment--file:last-of-type {
    border-top-color: transparent;
    border-radius: 0 0 16px 2px; }
    .str-chat__message-simple .str-chat__message-attachment--file:last-of-type:first-of-type {
      border-bottom: 1px solid #ebebeb;
      border-top: 1px solid #ebebeb;
      border-radius: 16px 16px 16px 2px; }

.str-chat__message-simple .str-chat__message-attachment-file--item {
  border-radius: 0; }

.str-chat__message-simple--me .str-chat__message-attachment-card {
  border-radius: 16px 4px 4px 4px; }

.str-chat__message-simple--me .str-chat__message-attachment--file {
  background: #ebebeb; }
  .str-chat__message-simple--me .str-chat__message-attachment--file:last-of-type {
    border-radius: 0 0 2px 16px; }
    .str-chat__message-simple--me .str-chat__message-attachment--file:last-of-type:first-of-type {
      border-radius: 16px 16px 2px 16px; }

.str-chat__list--thread .str-chat__message-simple__actions {
  width: 30px; }

.str-chat__list--thread .str-chat__message-simple__actions__action--options .str-chat__message-actions-box {
  right: unset;
  left: 100%;
  border-radius: 16px 16px 16px 2px; }

.livestream.str-chat .str-chat__li--single {
  margin: 0px 0; }

@media screen and (max-width: 960px) {
  .str-chat__message-simple-text-inner {
    max-width: 218px; }
  .str-chat__message-simple-status {
    left: unset;
    right: 8px;
    bottom: 30px; } }

.dark.str-chat .str-chat__message-simple-text-inner {
  background: rgba(255, 255, 255, 0.05);
  color: white; }
  .dark.str-chat .str-chat__message-simple-text-inner--is-emoji {
    background: transparent; }

.dark.str-chat .str-chat__message-simple__actions svg {
  fill: white; }

.dark.str-chat .str-chat__message-simple-data {
  color: white;
  opacity: 0.5; }

.dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card {
  background: transparent; }
  .dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card--content {
    background: rgba(255, 255, 255, 0.05); }
  .dark.str-chat .str-chat__message-simple .str-chat__message-attachment-card--url {
    color: rgba(255, 255, 255, 0.5); }

.dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file {
  border-color: transparent;
  background: rgba(255, 255, 255, 0.05); }
  .dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file a,
  .dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file span {
    color: white; }
  .dark.str-chat .str-chat__message-simple .str-chat__message-attachment--file span {
    opacity: 0.5; }

.dark.str-chat .str-chat__message-simple .str-chat__message-simple-status-number {
  color: rgba(255, 255, 255, 0.6); }

.dark.str-chat .str-chat__message-simple--me .str-chat__message-simple-text-inner {
  background: rgba(0, 0, 0, 0.2); }
  .dark.str-chat .str-chat__message-simple--me .str-chat__message-simple-text-inner--is-emoji {
    background: transparent; }

.dark.str-chat .str-chat__message-simple--me .str-chat__message-simple .str-chat__message-attachment-card--content {
  background: rgba(0, 0, 0, 0.2); }

.dark.str-chat .str-chat__message-simple--me .str-chat__message-simple .str-chat__message-attachment--file {
  background: rgba(0, 0, 0, 0.2); }

.dark.str-chat .str-chat__message-simple__actions__action--options .str-chat__actions-box {
  background: #67686a;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22), 0 1px 0 0 rgba(0, 0, 0, 0.08), 0 1px 8px 0 rgba(0, 0, 0, 0.05); }

.dark.str-chat .str-chat__message--error .str-chat__message-simple-text-inner, .dark.str-chat .str-chat__message--failed .str-chat__message-simple-text-inner {
  background: rgba(208, 2, 27, 0.1);
  border: 1px solid rgba(208, 2, 27, 0.1); }

.str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box {
  left: 100%;
  right: unset; }
  .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--reverse {
    right: 100%;
    left: unset;
    border-radius: 16px 16px 2px 16px; }

.str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--mine {
  right: 100%;
  left: unset;
  border-radius: 16px 16px 2px 16px; }
  .str-chat__message .str-chat__message-simple__actions__action--options .str-chat__message-actions-box--mine.str-chat__message-actions-box--reverse {
    left: 100%;
    right: unset;
    border-radius: 16px 16px 16px 2px; }

.str-chat__message a[href^="mailto:"] {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

@media screen and (max-width: 375px) {
  .str-chat__message .str-chat__message-attachment--img {
    max-width: 235px; } }

@media screen and (max-width: 414px) {
  .str-chat__message .str-chat__message-attachment--img {
    max-width: 274px; } }

@media only screen and (device-width: 375px) and (-webkit-device-pixel-ratio: 3) {
  .str-chat__message .str-chat__message-attachment--img {
    max-width: 240px; } }