/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/fonts.css ***!
  \*********************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic&subset=latin,latin-ext);
/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/fonts.css (1) ***!
  \*************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic&subset=latin,latin-ext);
/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/fonts.css (2) ***!
  \*************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,700;0,900;1,200;1,300;1,400;1,500;1,700;1,900&display=swap);
/*!***************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./static/css/main.css ***!
  \***************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap);
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./static/css/main.css (1) ***!
  \*******************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,600,700&display=swap);
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/jquery.jqplot.css ***!
  \*****************************************************************************************************/
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
    position: relative;
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
/*    height: 300px;
    width: 400px;*/
}

/*rules applied to all axes*/
.jqplot-axis {
    font-size: 0.75em;
}

.jqplot-xaxis {
    margin-top: 10px;
}

.jqplot-x2axis {
    margin-bottom: 10px;
}

.jqplot-yaxis {
    margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
    margin-left: 10px;
    margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
    position: absolute;
    white-space: pre;
}


.jqplot-xaxis-tick {
    top: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-top: 10px;*/
    vertical-align: top;
}

.jqplot-x2axis-tick {
    bottom: 0px;
    /* initial position untill tick is drawn in proper place */
    left: 15px;
/*    padding-bottom: 10px;*/
    vertical-align: bottom;
}

.jqplot-yaxis-tick {
    right: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-right: 10px;*/
    text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
    right: -20px;
    margin-right: 0px;
    padding:1px 5px 1px 5px;
    /*background-color: white;*/
    z-index: 2;
    font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    left: 0px;
    /* initial position untill tick is drawn in proper place */
    top: 15px;
/*    padding-left: 10px;*/
/*    padding-right: 15px;*/
    text-align: left;
}

.jqplot-yMidAxis-tick {
    text-align: center;
    white-space: nowrap;
}

.jqplot-xaxis-label {
    margin-top: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-x2axis-label {
    margin-bottom: 10px;
    font-size: 11pt;
    position: absolute;
}

.jqplot-yaxis-label {
    margin-right: 10px;
/*    text-align: center;*/
    font-size: 11pt;
    position: absolute;
}

.jqplot-yMidAxis-label {
    font-size: 11pt;
    position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*    text-align: center;*/
    font-size: 11pt;
    margin-left: 10px;
    position: absolute;
}

.jqplot-meterGauge-tick {
    font-size: 0.75em;
    color: #999999;
}

.jqplot-meterGauge-label {
    font-size: 1em;
    color: #999999;
}

table.jqplot-table-legend {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: rgba(255,255,255,0.6);
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 0.75em;
}

td.jqplot-table-legend {
    vertical-align:middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/

/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.jqplot-title {
    top: 0px;
    left: 0px;
    padding-bottom: 0.5em;
    font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
}


.jqplot-cursor-tooltip {
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
    padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    color: #fff;
    border: 1px solid #cccccc;
    font-size: 0.9em;
    white-space: nowrap;
    background: #211D23;
    padding: 6px;
}

.jqplot-point-label {
    font-size: 0.75em;
    z-index: 2;
}
      
td.jqplot-cursor-legend-swatch {
    vertical-align: middle;
    text-align: center;
}

div.jqplot-cursor-legend-swatch {
    width: 1.2em;
    height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
    text-align: center;
}

.jqplot-error-message {
/*    Styling of the custom error message div goes here.*/
    position: relative;
    top: 46%;
    display: inline-block;
}

div.jqplot-bubble-label {
    font-size: 0.8em;
/*    background: rgba(90%, 90%, 90%, 0.15);*/
    padding-left: 2px;
    padding-right: 2px;
    color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
    background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
    text-align: center;
    background-color: rgba(96%, 96%, 96%, 0.3);
}

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/jquery.toastmessage.css ***!
  \***********************************************************************************************************/
.toast-container {
	width: 280px;
	z-index: 9999;
}


* html .toast-container {
	position: absolute;
}

.toast-item {
	height: auto;
	background: #333;
    opacity: 0.9;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: lucida Grande;
	font-size: 14px;
	border: 2px solid #999;
	display: block;
	position: relative;
}

.toast-item p {
    text-align: left;
    margin-left: 50px;
    white-space: nowrap;
}

.toast-item-close {
    background:url(../images/close.gif);
    width:22px;
    height:22px;
    position: absolute;
    top:7px;
    right:7px;
}

.toast-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background:url(../images/notice.png);
}

.toast-item-image-success {
    background:url(../images/success.png);
}

.toast-item-image-warning {
    background:url(../images/warning.png);
}

.toast-item-image-error {
    background:url(../images/error.png);
}


/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/jquery-ui/themes/ui-darkness/jquery-ui.min.css ***!
  \***********************************************************************************************************************************/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #666}.ui-widget-content{border:1px solid #666;background:#000 url("images/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{border:1px solid #333;background:#333 url("images/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #666;background:#555 url("images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #59b4d4;background:#0078a3 url("images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ffaf0f;background:#f58400 url("images/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#ffaf0f;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ccc;background:#eee url("images/ui-bg_highlight-soft_80_eeeeee_1x100.png") 50% top repeat-x;color:#2e7db2}.ui-state-checked{border:1px solid #ccc;background:#eee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("images/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_a83300_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_cccccc_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{-webkit-box-shadow:-7px -7px 7px #ccc;box-shadow:-7px -7px 7px #ccc}
/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./js/lib/fancytree/ui.fancytree.css ***!
  \*****************************************************************************************************************/
/*!
 * Fancytree "Win8" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */
/*******************************************************************************
 * Common Styles for Fancytree Skins.
 *
 * This section is automatically generated from the `skin-common.less` template.
 *
 * Copyright (c) 2008-2023, Martin Wendt (https://wwWendt.de)
 * Released under the MIT license
 * https://github.com/mar10/fancytree/wiki/LicenseInfo
 *
 * @version 2.38.4
 * @date 2024-12-27T23:25:02Z
******************************************************************************/
/*------------------------------------------------------------------------------
 * Helpers
 *----------------------------------------------------------------------------*/
.fancytree-helper-hidden {
  display: none;
}
.fancytree-helper-indeterminate-cb {
  color: #777;
}
.fancytree-helper-disabled {
  color: #c0c0c0;
}
/* Helper to allow spinning loader icon with glyph-, ligature-, and SVG-icons. */
.fancytree-helper-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*------------------------------------------------------------------------------
 * Container and UL / LI
 *----------------------------------------------------------------------------*/
ul.fancytree-container {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  white-space: nowrap;
  padding: 3px;
  margin: 0;
  background-color: white;
  border: 1px dotted gray;
  min-height: 0%;
  position: relative;
}
ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
}
ul.fancytree-container ul > li:before {
  content: none;
}
ul.fancytree-container li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  margin: 0;
}
ul.fancytree-container li.fancytree-lastsib {
  background-image: none;
}
.ui-fancytree-disabled ul.fancytree-container {
  opacity: 0.5;
  background-color: silver;
}
ul.fancytree-connectors.fancytree-container li {
  background-image: url("../skin-win8/vline.gif");
  background-position: 0 0;
}
ul.fancytree-container li.fancytree-lastsib,
ul.fancytree-no-connector > li {
  background-image: none;
}
li.fancytree-animating {
  position: relative;
}
/*------------------------------------------------------------------------------
 * Common icon definitions
 *----------------------------------------------------------------------------*/
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-drag-helper-img,
#fancytree-drop-marker {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-image: url("../images-app/icons.gif");
  background-position: 0px 0px;
}
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-expander,
span.fancytree-custom-icon {
  margin-top: 2px;
}
/* Used by icon option: */
span.fancytree-custom-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 3px;
  background-position: 0px 0px;
}
/* Used by 'icon' node option: */
img.fancytree-icon {
  width: 16px;
  height: 16px;
  margin-left: 3px;
  margin-top: 2px;
  vertical-align: top;
  border-style: none;
}
/*------------------------------------------------------------------------------
 * Expander icon
 *
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-exp-
 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 *----------------------------------------------------------------------------*/
span.fancytree-expander {
  cursor: pointer;
}
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
  background-image: none;
  cursor: default;
}
.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
  background-image: url("../images-app/icons.gif");
  margin-top: 0;
}
.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover {
  background-position: 0px -64px;
}
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,
.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover {
  background-position: -16px -64px;
}
.fancytree-exp-c span.fancytree-expander {
  background-position: 0px -80px;
}
.fancytree-exp-c span.fancytree-expander:hover {
  background-position: -16px -80px;
}
.fancytree-exp-cl span.fancytree-expander {
  background-position: 0px -96px;
}
.fancytree-exp-cl span.fancytree-expander:hover {
  background-position: -16px -96px;
}
.fancytree-exp-cd span.fancytree-expander {
  background-position: -64px -80px;
}
.fancytree-exp-cd span.fancytree-expander:hover {
  background-position: -80px -80px;
}
.fancytree-exp-cdl span.fancytree-expander {
  background-position: -64px -96px;
}
.fancytree-exp-cdl span.fancytree-expander:hover {
  background-position: -80px -96px;
}
.fancytree-exp-e span.fancytree-expander,
.fancytree-exp-ed span.fancytree-expander {
  background-position: -32px -80px;
}
.fancytree-exp-e span.fancytree-expander:hover,
.fancytree-exp-ed span.fancytree-expander:hover {
  background-position: -48px -80px;
}
.fancytree-exp-el span.fancytree-expander,
.fancytree-exp-edl span.fancytree-expander {
  background-position: -32px -96px;
}
.fancytree-exp-el span.fancytree-expander:hover,
.fancytree-exp-edl span.fancytree-expander:hover {
  background-position: -48px -96px;
}
/* Fade out expanders, when container is not hovered or active */
.fancytree-fade-expander span.fancytree-expander {
  transition: opacity 1.5s;
  opacity: 0;
}
.fancytree-fade-expander:hover span.fancytree-expander,
.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,
.fancytree-fade-expander [class*="fancytree-statusnode-"] span.fancytree-expander {
  transition: opacity 0.6s;
  opacity: 1;
}
/*------------------------------------------------------------------------------
 * Checkbox icon
 *----------------------------------------------------------------------------*/
span.fancytree-checkbox {
  margin-left: 3px;
  background-position: 0px -32px;
}
span.fancytree-checkbox:hover {
  background-position: -16px -32px;
}
span.fancytree-checkbox.fancytree-radio {
  background-position: 0px -48px;
}
span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -16px -48px;
}
.fancytree-partsel span.fancytree-checkbox {
  background-position: -64px -32px;
}
.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -80px -32px;
}
.fancytree-partsel span.fancytree-checkbox.fancytree-radio {
  background-position: -64px -48px;
}
.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -80px -48px;
}
.fancytree-selected span.fancytree-checkbox {
  background-position: -32px -32px;
}
.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -48px -32px;
}
.fancytree-selected span.fancytree-checkbox.fancytree-radio {
  background-position: -32px -48px;
}
.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -48px -48px;
}
.fancytree-unselectable span.fancytree-checkbox {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.fancytree-unselectable span.fancytree-checkbox:hover {
  background-position: 0px -32px;
}
.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover {
  background-position: 0px -48px;
}
.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover {
  background-position: -64px -32px;
}
.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover {
  background-position: -32px -32px;
}
.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover {
  background-position: -32px -48px;
}
.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox {
  visibility: hidden;
}
.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,
.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox,
.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,
.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox {
  visibility: unset;
}
.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,
.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox {
  visibility: unset;
}
/*------------------------------------------------------------------------------
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: fancytree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 *----------------------------------------------------------------------------*/
span.fancytree-icon {
  margin-left: 3px;
  background-position: 0px 0px;
}
/* Documents */
.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -16px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon {
  background-position: -32px 0px;
}
.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
  background-position: -48px 0px;
}
.fancytree-ico-e span.fancytree-icon {
  background-position: -64px 0px;
}
.fancytree-ico-e span.fancytree-icon:hover {
  background-position: -80px 0px;
}
/* Folders */
.fancytree-ico-cf span.fancytree-icon {
  background-position: 0px -16px;
}
.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -16px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
  background-position: -32px -16px;
}
.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
  background-position: -48px -16px;
}
.fancytree-ico-ef span.fancytree-icon {
  background-position: -64px -16px;
}
.fancytree-ico-ef span.fancytree-icon:hover {
  background-position: -80px -16px;
}
.fancytree-loading span.fancytree-expander,
.fancytree-loading span.fancytree-expander:hover,
.fancytree-statusnode-loading span.fancytree-icon,
.fancytree-statusnode-loading span.fancytree-icon:hover,
span.fancytree-icon.fancytree-icon-loading {
  background-image: url("../skin-win8/loading.gif");
  background-position: 0px 0px;
}
/* Status node icons */
.fancytree-statusnode-error span.fancytree-icon,
.fancytree-statusnode-error span.fancytree-icon:hover {
  background-position: 0px -112px;
}
/*------------------------------------------------------------------------------
 * Node titles and highlighting
 *----------------------------------------------------------------------------*/
span.fancytree-node {
  /* See #117 */
  display: inherit;
  width: 100%;
  margin-top: 0px;
  min-height: 20px;
}
span.fancytree-title {
  color: black;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  min-height: 20px;
  padding: 0 3px 0 3px;
  margin: 0px 0 0 3px;
  border: 1px solid transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
span.fancytree-node.fancytree-error span.fancytree-title {
  color: red;
}
/*------------------------------------------------------------------------------
 * Drag'n'drop support
 *----------------------------------------------------------------------------*/
/* ext-dnd5: */
span.fancytree-childcounter {
  color: #fff;
  background: #337ab7;
  border: 1px solid gray;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
}
/* ext-dnd: */
div.fancytree-drag-helper span.fancytree-childcounter,
div.fancytree-drag-helper span.fancytree-dnd-modifier {
  display: inline-block;
  color: #fff;
  background: #337ab7;
  border: 1px solid gray;
  min-width: 10px;
  height: 10px;
  line-height: 1;
  vertical-align: baseline;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  font-size: 9px;
}
div.fancytree-drag-helper span.fancytree-childcounter {
  position: absolute;
  top: -6px;
  right: -6px;
}
div.fancytree-drag-helper span.fancytree-dnd-modifier {
  background: #5cb85c;
  border: none;
  font-weight: bolder;
}
div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
  background-position: -32px -112px;
}
div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
  background-position: -16px -112px;
}
/*** Drop marker icon *********************************************************/
#fancytree-drop-marker {
  width: 32px;
  position: absolute;
  background-position: 0px -128px;
  margin: 0;
}
#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
  width: 64px;
  background-position: 0px -144px;
}
#fancytree-drop-marker.fancytree-drop-copy {
  background-position: -64px -128px;
}
#fancytree-drop-marker.fancytree-drop-move {
  background-position: -32px -128px;
}
/*** Source node while dragging ***********************************************/
span.fancytree-drag-source.fancytree-drag-remove {
  opacity: 0.15;
}
/*** Target node while dragging cursor is over it *****************************/
/*------------------------------------------------------------------------------
 * 'rtl' option
 *----------------------------------------------------------------------------*/
.fancytree-container.fancytree-rtl .fancytree-title {
  /*unicode-bidi: bidi-override;*/
  /* optional: reverse title letters */
}
.fancytree-container.fancytree-rtl span.fancytree-connector,
.fancytree-container.fancytree-rtl span.fancytree-expander,
.fancytree-container.fancytree-rtl span.fancytree-icon,
.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img {
  background-image: url("../skin-win8/icons-rtl.gif");
}
.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander {
  background-image: none;
}
.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,
.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander {
  background-image: url("../skin-win8/icons-rtl.gif");
}
ul.fancytree-container.fancytree-rtl ul {
  padding: 0 16px 0 0;
}
ul.fancytree-container.fancytree-rtl.fancytree-connectors li {
  background-position: right 0;
  background-image: url("../skin-win8/vline-rtl.gif");
}
ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,
ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li {
  background-image: none;
}
#fancytree-drop-marker.fancytree-rtl {
  background-image: url("../skin-win8/icons-rtl.gif");
}
/*------------------------------------------------------------------------------
 * 'table' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-table {
  font-family: tahoma, arial, helvetica;
  font-size: 10pt;
  border-collapse: collapse;
  /* ext-ariagrid */
}
table.fancytree-ext-table span.fancytree-node {
  display: inline-block;
  box-sizing: border-box;
}
table.fancytree-ext-table td.fancytree-status-merged {
  text-align: center;
  font-style: italic;
  color: #c0c0c0;
}
table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged {
  color: red;
}
table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td {
  background-color: #eee;
}
table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell {
  background-color: #cbe8f6;
}
table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell {
  background-color: #3875d7;
}
/*------------------------------------------------------------------------------
 * 'columnview' extension
 *----------------------------------------------------------------------------*/
table.fancytree-ext-columnview tbody tr td {
  position: relative;
  border: 1px solid gray;
  vertical-align: top;
  overflow: auto;
}
table.fancytree-ext-columnview tbody tr td > ul {
  padding: 0;
}
table.fancytree-ext-columnview tbody tr td > ul li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background-attachment: scroll;
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: repeat-y;
  background-image: none;
  /* no v-lines */
  margin: 0;
}
table.fancytree-ext-columnview span.fancytree-node {
  position: relative;
  /* allow positioning of embedded spans */
  display: inline-block;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  background-color: #e0e0e0;
}
table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
  background-color: #cbe8f6;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
  position: absolute;
  right: 3px;
  background-position: 0px -80px;
}
table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
  background-position: -16px -80px;
}
/*------------------------------------------------------------------------------
 * 'filter' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  color: #c0c0c0;
  font-weight: lighter;
}
.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: black;
  font-weight: normal;
}
.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: bold;
}
.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
  display: none;
}
.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  color: #c0c0c0;
  font-weight: lighter;
}
.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
  color: black;
  font-weight: normal;
}
/* Hide expanders if all child nodes are hidden by filter */
.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
  visibility: hidden;
}
.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
  visibility: visible;
}
.fancytree-ext-childcounter span.fancytree-icon,
.fancytree-ext-filter span.fancytree-icon,
.fancytree-ext-childcounter span.fancytree-custom-icon,
.fancytree-ext-filter span.fancytree-custom-icon {
  position: relative;
}
.fancytree-ext-childcounter span.fancytree-childcounter,
.fancytree-ext-filter span.fancytree-childcounter {
  color: #fff;
  background: #777;
  border: 1px solid gray;
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 10px;
  height: 10px;
  line-height: 1;
  vertical-align: baseline;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  font-size: 9px;
}
/*------------------------------------------------------------------------------
 * 'wide' extension
 *----------------------------------------------------------------------------*/
ul.fancytree-ext-wide {
  position: relative;
  min-width: 100%;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.fancytree-ext-wide span.fancytree-node > span {
  position: relative;
  z-index: 2;
}
ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
  position: absolute;
  z-index: 1;
  left: 0px;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*------------------------------------------------------------------------------
 * 'fixed' extension
 *----------------------------------------------------------------------------*/
.fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden {
  display: none;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom {
  border-bottom: 3px solid rgba(0, 0, 0, 0.75);
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right {
  border-right: 3px solid rgba(0, 0, 0, 0.75);
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl {
  position: absolute;
  overflow: hidden;
  z-index: 3;
  top: 0px;
  left: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  top: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  left: 0px;
}
.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br {
  position: absolute;
  overflow: scroll;
  z-index: 1;
}
/*******************************************************************************
 * Styles specific to this skin.
 *
 * This section is automatically generated from the `ui-fancytree.less` template.
 ******************************************************************************/
/*******************************************************************************
 * Node titles
 */
.fancytree-plain span.fancytree-title {
  border: 1px solid transparent;
}
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title {
  border-color: #3399ff;
}
.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title {
  background-color: #f7f7f7;
  border-color: #dedede;
}
.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title {
  font-style: italic;
}
.fancytree-plain span.fancytree-node:hover span.fancytree-title {
  background-color: #eff9fe;
  border-color: #70c0e7;
}
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
  background-color: #cbe8f6;
  border-color: #26a0da;
}
/*******************************************************************************
 * 'table' extension
 */
table.fancytree-ext-table tbody tr td {
  border: 1px solid #EDEDED;
}
table.fancytree-ext-table tbody span.fancytree-node,
table.fancytree-ext-table tbody span.fancytree-node:hover {
  border: none;
  background: none;
}
table.fancytree-ext-table tbody tr:hover {
  background-color: #E5F3FB;
  outline: 1px solid #70C0E7;
}
table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
  outline: 1px dotted black;
}
table.fancytree-ext-table tbody tr.fancytree-active:hover,
table.fancytree-ext-table tbody tr.fancytree-selected:hover {
  background-color: #CBE8F6;
  outline: 1px solid #26A0DA;
}
table.fancytree-ext-table tbody tr.fancytree-active {
  background-color: #F7F7F7;
  outline: 1px solid #DEDEDE;
}
table.fancytree-ext-table tbody tr.fancytree-selected {
  background-color: #F7F7F7;
}
table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
  background-color: #CBE8F6;
  outline: 1px solid #26A0DA;
}
table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
  background-color: #CBE8F6;
}

/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/datatables.net-dt/css/jquery.dataTables.min.css ***!
  \************************************************************************************************************************************/
table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer;*cursor:hand}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:white}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #dddddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #dddddd;border-right:1px solid #dddddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #dddddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#abb9d3}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:whitesmoke}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#a9b7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#f9f9f9}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad4}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b3cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a7b5ce}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b6d0}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#f9f9f9}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fbfbfb}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fdfdfd}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad4}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#adbbd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ebebeb}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#eeeeee}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a1aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a2afc8}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a4b2cb}table.dataTable.no-footer{border-bottom:1px solid #111111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}

/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/datatables.net-scroller-dt/css/scroller.dataTables.min.css ***!
  \***********************************************************************************************************************************************/
div.DTS{display:block !important}div.DTS tbody th,div.DTS tbody td{white-space:nowrap}div.DTS div.DTS_Loading{z-index:1}div.DTS div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px)}div.DTS div.dataTables_scrollBody table{z-index:2}div.DTS div.dataTables_paginate,div.DTS div.dataTables_length{display:none}

/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/datatables.net-select-dt/css/select.dataTables.min.css ***!
  \*******************************************************************************************************************************************/
table.dataTable>tbody>tr>.selected{background-color:rgba(13, 110, 253, 0.9);color:white}table.dataTable>tbody>tr>td.select-checkbox,table.dataTable>tbody>tr>th.select-checkbox{position:relative}table.dataTable>tbody>tr>td.select-checkbox:before,table.dataTable>tbody>tr>td.select-checkbox:after,table.dataTable>tbody>tr>th.select-checkbox:before,table.dataTable>tbody>tr>th.select-checkbox:after{display:block;position:absolute;top:50%;left:50%;width:12px;height:12px;box-sizing:border-box}table.dataTable>tbody>tr>td.select-checkbox:before,table.dataTable>tbody>tr>th.select-checkbox:before{content:" ";margin-top:-6px;margin-left:-6px;border:1px solid black;border-radius:3px}table.dataTable>tbody>tr.selected>td.select-checkbox:before,table.dataTable>tbody>tr.selected>th.select-checkbox:before{border:1px solid white}table.dataTable>tbody>tr.selected>td.select-checkbox:after,table.dataTable>tbody>tr.selected>th.select-checkbox:after{content:"✓";font-size:20px;margin-top:-12px;margin-left:-6px;text-align:center}table.dataTable.compact>tbody>tr>td.select-checkbox:before,table.dataTable.compact>tbody>tr>th.select-checkbox:before{margin-top:-12px}table.dataTable.compact>tbody>tr.selected>td.select-checkbox:after,table.dataTable.compact>tbody>tr.selected>th.select-checkbox:after{margin-top:-16px}div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:.5em}html.dark table.dataTable>tbody>tr>td.select-checkbox:before,html.dark table.dataTable>tbody>tr>th.select-checkbox:before,html[data-bs-theme=dark] table.dataTable>tbody>tr>td.select-checkbox:before,html[data-bs-theme=dark] table.dataTable>tbody>tr>th.select-checkbox:before{border:1px solid rgba(255, 255, 255, 0.6)}@media screen and (max-width: 640px){div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item{margin-left:0;display:block}}

/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/datatables.net-fixedcolumns-dt/css/fixedColumns.dataTables.min.css ***!
  \*******************************************************************************************************************************************************/
table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{background-color:white}div.DTFC_Blocker{background-color:white}div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{margin-bottom:0;z-index:2}div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{border-bottom:none}table.dataTable.display tbody tr.DTFC_NoData{background-color:transparent}

/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/datatables.net-colreorder-dt/css/colReorder.dataTables.min.css ***!
  \***************************************************************************************************************************************************/
table.DTCR_clonedTable.dataTable{position:absolute !important;background-color:rgba(255, 255, 255, 0.7);z-index:202;border-radius:4px}div.DTCR_pointer{width:1px;background-color:#0259c4;z-index:201}html.dark table.DTCR_clonedTable.dataTable{background-color:rgba(33, 33, 33, 0.9)}html.dark div.DTCR_pointer{background-color:#6ea8fe}

/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/datatables.net-responsive-dt/css/responsive.dataTables.min.css ***!
  \***************************************************************************************************************************************************/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{margin-right:.5em;display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right::before{content:"◄"}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"▼"}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:.333em}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"►"}table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>td.control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.control.arrow-right::before{content:"◄"}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"▼"}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{padding-bottom:0;border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:fit-content;max-height:75%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:2.5em}div.dtr-modal div.dtr-modal-content h2{margin-top:0}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}html.dark table.dataTable>tbody>tr>td.dtr-control:before{color:rgba(255, 255, 255, 0.5) !important}html.dark table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:#404346}html.dark div.dtr-modal div.dtr-modal-display{background-color:#212529;border:1px solid rgba(255, 255, 255, 0.15)}

/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/select2/dist/css/select2.min.css ***!
  \*********************************************************************************************************************/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/font-awesome/css/font-awesome.css ***!
  \**********************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./libs/evol-colorpicker/css/evol-colorpicker.css ***!
  \******************************************************************************************************************************/
/*
   evol-colorpicker 3.4.4
   (c) 2024 Olivier Giulieri
   http://evoluteur.github.io/colorpicker/
*/
.evo-pop {
  z-index: 10000;
  width: 204px;
  padding: 3px 3px 0;
}
.evo-pop-ie {
  z-index: 10000;
  width: 212px;
  padding: 3px;
}
.evo-palette td {
  font-size: 1px;
  border: solid 1px #c0c0c0;
  padding: 7px;
  cursor: pointer;
}
.evo-palette tr.top > td {
  border-bottom: 0;
}
.evo-palette tr.in > td {
  border-top: 0;
  border-bottom: 0;
}
.evo-palette tr.bottom > td {
  border-top: 0;
}
.evo-palette div.sep {
  height: 3px;
}
.evo-palette,
.evo-palette-ie {
  border-collapse: separate;
  border-spacing: 4px 0px;
  *border-collapse: expression('separate', cellSpacing='2px');
}
.evo-palette th,
.evo-palette-ie th {
  border: 0;
  padding: 5px 3px;
  text-align: left;
  font-weight: normal;
  background: transparent !important;
}
.evo-palette-ie td {
  font-size: 1px;
  border: solid 1px #c0c0c0;
  padding: 7px;
  cursor: pointer;
}
.evo-palette2,
.evo-palette2-ie {
  margin: auto;
  border-collapse: collapse;
}
.evo-palette2 td,
.evo-palette2-ie td {
  font-size: 1px;
  cursor: pointer;
}
.evo-palette2 td {
  padding: 6px 7px;
}
.evo-palette2-ie td {
  padding: 5px;
}
.evo-palcenter {
  padding: 5px;
  text-align: center;
}
.cust-theme {
  border-spacing: 4px 3px;
}
.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
  border: solid 1px #c3c3c3;
  width: 18px;
  height: 18px;
  float: right;
}
.evo-colorind-ie {
  position: relative;
  top: -23px;
}
.evo-colorbox-ie {
  font-size: 8px;
  padding: 3px 9px !important;
}
.evo-pop:after,
.evo-pop-ie:after,
.evo-colorind:after,
.evo-colorind-ie:after,
.evo-colorind-ff:after,
.evo-color span:after,
.evo-cHist:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.evo-color {
  width: 94px;
  padding: 1px 3px 0 4px;
}
.evo-color div {
  border: solid 1px #808080;
  border-right: solid 1px #c0c0c0;
  border-bottom: solid 1px #c0c0c0;
  padding: 3px;
  margin-bottom: 5px;
  width: 10px;
  height: 10px;
  float: left;
}
.evo-color span {
  font-size: 15px;
  margin: 1px 0 4px 3px;
  float: left;
}
.evo-sep {
  height: 10px;
  font-size: 0;
}
.evo-more {
  padding: 4px 5px 4px;
  font-size: smaller;
}
.evo-cHist {
  padding: 3px;
}
.evo-cHist div {
  cursor: pointer;
  border: solid 1px #c0c0c0;
  padding: 3px;
  margin: 5px;
  width: 10px;
  height: 10px;
  float: left;
}
.evo-transparent {
  background-image: repeating-linear-gradient(135deg, black, black 1px, white 1px, white 3px);
}
.evo-tr-box {
  cursor: pointer;
  border: solid 1px #c0c0c0;
  padding: 3px;
  width: 7px;
  height: 7px;
  float: right;
  position: relative;
  right: -3px;
  top: 2px;
}
a.evo-hist {
  margin-left: 6px;
}
.evo-pointer {
  cursor: pointer;
}
.evo-hidden-button {
  display: none;
}

/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./js/lib/uplot.min.css ***!
  \****************************************************************************************************/
.uplot, .uplot *, .uplot *::before, .uplot *::after {box-sizing: border-box;}.uplot {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height: 1.5;width: min-content;}.u-title {text-align: center;font-size: 18px;font-weight: bold;}.u-wrap {position: relative;user-select: none;}.u-over, .u-under {position: absolute;}.u-under {overflow: hidden;}.uplot canvas {display: block;position: relative;width: 100%;height: 100%;}.u-legend, .u-legend_tooltip {text-align: justify;}.u-inline {display: block;}.u-inline *, .u-inline_tooltip * {display: inline-block;}.u-inline tr, .u-inline_tooltip tr {width: 145px;margin-right: 5px;}.u-legend th {font-weight: 600;}.u-legend th > *, .u-legend_tooltip th > * {vertical-align: middle;display: inline-block;}.u-legend .u-marker, .u-legend_tooltip .u-marker {width: 1em;height: 1em;margin-right: 7px;border-radius: 7px;}.u-inline:not(.u-live) .u-value {display: none;}.u-series > * {padding: 4px;}.u-legend_tooltip .u-series > * {padding: 0 4px;}.u-legend_tooltip .u-series {display: flex;align-items: center;justify-content: space-between;padding: 0 4px;}.u-legend_tooltip .u-series:not(:last-child){border-bottom: 1px dashed #999;}.u-legend_tooltip .u-series.u-off{display: none;}.u-series th {cursor: pointer;}.u-legend .u-off .u-marker {background: transparent !important;}.u-select {background: rgba(150,150,150,0.3);position: absolute;pointer-events: none;}.u-cursor-x, .u-cursor-y {position: absolute;left: 0;top: 0;pointer-events: none;will-change: transform;z-index: 100;}.u-hz .u-cursor-x, .u-vt .u-cursor-y {height: 100%;border-right: 1px dashed #607D8B;}.u-hz .u-cursor-y, .u-vt .u-cursor-x {width: 100%;border-bottom: 1px dashed #607D8B;}.u-cursor-pt {position: absolute;top: 0;left: 0;border-radius: 50%;border: 0 solid;pointer-events: none;will-change: transform;z-index: 100;/*this has to be !important since we set inline "background" shorthand */background-clip: padding-box !important;}.u-select.u-off, .u-cursor-x.u-off, .u-cursor-y.u-off, .u-cursor-pt.u-off {display: none;}

/*!*************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/fonts.css (3) ***!
  \*************************************************************************************************/
/*Roboto Regular*/

/*Roboto Condensed*/

/* Poppins */

/* Myriad Pro Regular */

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/MyriadPro-Regular.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-Italic.otf') format("opentype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-bold.otf') format("opentype");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-bolditalic.otf') format("opentype");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-semibold.otf') format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-semibolditalic.otf') format("opentype");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-light.otf') format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('font-files/Myriadpro-regular-lightitalic.otf') format("opentype");
    font-weight: 300;
    font-style: italic;
}

/* Myriad Pro Condensed */

@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/MyriadPro-Cond.otf') format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-italic.otf') format("opentype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-bold.otf') format("opentype");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-bolditalic.otf') format("opentype");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-light.otf') format("opentype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-lightitalic.otf') format("opentype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-semibold.otf') format("opentype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('font-files/Myriadpro-cond-semibolditalic.otf') format("opentype");
    font-weight: 700;
    font-style: italic;
}

/* Poppins - Login and registration font */

@font-face {
    font-family: Champagne-Limousines;
    src: url('font-files/Champagne-Limousines.ttf');
}

@font-face {
    font-family: Poppins-Regular;
    src: url('font-files/Poppins-Regular.ttf');
}

@font-face {
    font-family: Poppins-Medium;
    src: url('font-files/Poppins-Medium.ttf');
}

@font-face {
    font-family: Poppins-Bold;
    src: url('font-files/Poppins-Bold.ttf');
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url('font-files/Poppins-SemiBold.ttf');
}
/*!*********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./css/style.css ***!
  \*********************************************************************************************/
body {
    font-family: 'Roboto';
    font-size: 14px;
    margin: 0;
    background-color: #eee;
    overflow-x: hidden;
}
a, p, label, span , option, select, input, textarea, div{
    font-family: 'Roboto';
    font-size: 14px;
}
/*General element style*/
.inBMS_element {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
/*Main screen*/
#MainScreen {
    margin: 0 auto;
    position: relative;
}
#centerMainScreen{
    width: 100%;
    height: 100%;
}
#centerMainScreenTD{
    width: 100%;
    vertical-align: middle;
    padding: 0;
}
@media ( max-width: 1280px ) {
    #MainScreen {
        left: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        top: 0;
    }
}
/*Top notify*/
#notify {
    position: sticky;
    top: 0;
    left: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    z-index: 99999 !important;
}
.notifyjs-corner {
    position: fixed;
    margin: 0 auto !important;
    z-index: 99999 !important;
}
.notifyjs-loadNotify-base {
    white-space: nowrap;
    position: relative;
    top: 0;
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border-top: 0 !important;
    border-bottom: 1px solid black !important;
    border-right: 1px solid black !important;
    border-left: 1px solid black !important;
    font: normal 14px 'Roboto' !important;
    padding: 7px 10px 0 28px !important;
    padding-left: 25px;
    text-transform: uppercase;
    background-position: 5px 5px !important;
    display: inline-block;
    height: 30px !important;
    border-radius: 0 0 8px 8px !important;
    z-index: 99999 !important;
    opacity: 1;
    left: 50%;
    transform: translateX( -50% );
    -webkit-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    text-align: center;
    background-repeat: no-repeat;
}
.notifyjs-wrapper {
    z-index: 99999999 !important;
}
#notifications{
    margin: auto;
}
.notifyjs-foo-base {
    opacity: 0.85;
    padding: 5px;
    border-radius: 10px;
    position: absolute;
    transform: translateX( -100% );
    -webkit-transform: translateX( -100% );
    -ms-transform: translateX( -100% );
}

/*Loaders*/
.component_loader {
    /* background-color: #ddd;
    opacity: 0.5;
    z-index: 10;
    cursor: wait; */
}
#LoadingScreen {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* background-color: #fffefecb; */
    cursor: wait;
}
#LoadingScreen.addBackground {
    background-color: #fffefe77;
    z-index: 9999999;
}
#Cover {
    position: absolute;
    left: 50%;
    transform: translateX( -50% );
    -webkit-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    width: 100%;
    height: 100%;
    z-index: 9998;
}
#Loading {
    /* background: url("../images-app/loading.gif") no-repeat center bottom; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    -webkit-transform: translate( -50%, -50% );
    -ms-transform: translate( -50%, -50% );
    /* width: 190px;
    height:30px; */
    z-index: 9999;
    text-transform: uppercase;
    font: normal 14px 'Roboto';
    cursor: wait;
    margin-top: 100px;
}
/* Style for animated typing logo on start screen */
@keyframes type {
    from {
      width: 0;
    }
  
    to {
      width: 100%;
    }
}

@keyframes cursor {
    50% {
        border-color: transparent;
    }
}
#Loading p {
    display: block;
    position: relative;
    font-weight: 500;
    color: #333;
    font-family: 'Roboto';
    letter-spacing: 1px;
    text-transform: capitalize;
}
#Loading p::after {
    display: block;
    position: absolute;
    right: -45px;
    bottom: -20px;
    width: 50px;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 50 50"><circle cx="15" cy="25" fill="%333"><animate attributeName="r" values="0;5;0" dur="1.2s" repeatCount="indefinite"/></circle><circle cx="25" cy="25" fill="%333"><animate attributeName="r" values="0;5;0" dur="1.2s" begin="0.4s" repeatCount="indefinite"/></circle><circle cx="35" cy="25" fill="%333"><animate attributeName="r" values="0;5;0" dur="1.2s" begin="0.8s" repeatCount="indefinite"/></circle></svg>');
    opacity: 0.7;
}
/* .tmpLogoContainer {
    position: relative;
}
.tmpLogoContainer h1 {
    --primary-color: #fc0a16;
    --gradient-color: linear-gradient(180deg, #fa1313 0%, #fdfdfd 100%);
    color: #f11c1c;
    background: #f11c1c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Roboto';
    font-size: 5rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid;
    animation: type 1.5s steps(90) 1.5s 1 normal both, cursor 1s step-end infinite;
    position: relative;
    margin-bottom: 50px;
}
.tmpLogoContainer h1 span {
    background: #333;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: type 1.5s steps(90) 1.5s 1 normal both, cursor 1s step-end infinite;
    font-size: 4rem;
} */
/* @media ( max-width: 1280px ) {
    #LoadingScreen {
        top: 47%;
        height: 6%;
        left: 50%;
        width: 200px;
        margin-left: -100px;
    }
    #Cover {
        left: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
} */
@media ( max-width: 1280px ) {
    #LoginContainer {
        left: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        top: 0;
    }
}
.visible{
    visibility: visible!important;
    display: block!important;
    z-index: 10000 !important;
}
/*Log out and about*/
#containerlogOutButton, #logOutLabel, #about {
    z-index: 9000;
    cursor: pointer;
}
/*User name */
#userName {
    z-index: 9000;
}
/*Drop down menu*/
#dropDownMenu {
    cursor: pointer;
    z-index: 9000;
}
#dropDownMenu img {
    top: 50%;
    left: 50%;
    transform: translate( 200%, 40% );
    -webkit-transform: translate( 200%, 40% );
    -ms-transform: translate( 200%, 40% );
}
/*Image*/
.inBMS_image {
    max-width: 100%;
    max-height: 100%;
}
/*Trend*/
a.menu_button {
    background-image: url('../images-app/etc.png');
    cursor: pointer;
}
p.datepicker {
    margin-top: 10px;
}
p.datepicker_period {
    margin-top: 5px;
}
.datepicker .newline {
    display: block;
    text-align: center;
    margin: 20px 0 10px;
}
.datepicker label, .datepicker_period label {
    display: inline-block;
    text-align: right;
    /*min-width: 40px;*/
}
.pick_date {
    width: 100px;
}
.period_icon {
    margin-top: 30px
}

.trend_menu p.center {
    text-align: left;
}

p.dailyFromTime, p.dailyToTime {
    display: none;
}
p.fixed_time {
    margin: 20px 0;
}
.trend_menu_zoom {
    margin-left:  18px;
    margin-right: -18px;
}
.trend_menu_nopopup {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    color: white;
    padding-right: 10px;
}

div.trend_menu_nopopup div.dates {
    padding-left: 15px;
}

p.fixed_time_nopopup {
    margin: 0;
}
.datapicker_period_nopopup {
    display: inline;
}
.datapicker_nopopup {
    display: inline;
}
div.dataTables_wrapper {
    margin: 0 auto!important;
}
table.dataTable thead th, table.dataTable thead td{
    border: none!important;
}

@media only screen and (min-width: 300px) and (max-width: 1000px) {
    .dataTables_scroll {
        overflow: auto !important;
    }

    .dataTables_scroll .dataTables_scrollHead {
        overflow: unset !important;
        position: sticky !important;
        z-index: 5;
        top: 0;
    }

    .dataTables_scroll .dataTables_scrollBody {
        overflow: unset !important;
    }
}

.dataTables_scroll th {
    border-bottom: 0 !important;
    min-width: 50px;
    font: bold 12px 'Roboto';
    text-align: left;
    padding: 0px 18px 0px 18px;
}
/*Grid*/

.dataTables_scrollBody::-webkit-scrollbar, 
.renderTable div::-webkit-scrollbar, 
.alarm-event-right-container::-webkit-scrollbar,
#VersionsList::-webkit-scrollbar,
.calendar_default_main div::-webkit-scrollbar,
.ui-jqgrid-bdiv::-webkit-scrollbar,
[id^="TD_holder"]::-webkit-scrollbar,
body::-webkit-scrollbar,
.alarm-event-noty-right-container::-webkit-scrollbar,
.scrollable_report_container::-webkit-scrollbar,
.multipleTrendsContainer::-webkit-scrollbar,
#sufixList::-webkit-scrollbar,
.scrollClass::-webkit-scrollbar {
    width: 8px;
    height: 5px;
    margin-left: -10px;
}
[id^="TD_holder"]::-webkit-scrollbar {
    width: 10px;
}
.dataTables_scrollBody::-webkit-scrollbar-track, 
.renderTable div::-webkit-scrollbar-track,
.alarm-event-right-container::-webkit-scrollbar-track,
#VersionsList::-webkit-scrollbar-track,
.calendar_default_main div::-webkit-scrollbar-track,
.ui-jqgrid-bdiv::-webkit-scrollbar-track,
[id^="TD_holder"]::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.alarm-event-noty-right-container::-webkit-scrollbar-track,
.scrollable_report_container::-webkit-scrollbar-track,
.multipleTrendsContainer::-webkit-scrollbar-track,
#sufixList::-webkit-scrollbar-track,
.scrollClass::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb, 
.renderTable div::-webkit-scrollbar-thumb,
.alarm-event-right-container::-webkit-scrollbar-thumb,
#VersionsList::-webkit-scrollbar-thumb,
.calendar_default_main div::-webkit-scrollbar-thumb,
.ui-jqgrid-bdiv::-webkit-scrollbar-thumb,
[id^="TD_holder"]::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.alarm-event-noty-right-container::-webkit-scrollbar-thumb,
.scrollable_report_container::-webkit-scrollbar-thumb,
.multipleTrendsContainer::-webkit-scrollbar-thumb,
#sufixList::-webkit-scrollbar-thumb,
.scrollClass::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(224, 224, 224);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.dataTables_scrollBody::-webkit-scrollbar-thumb:window-inactive, 
.renderTable div::-webkit-scrollbar-thumb:window-inactive,
.alarm-event-right-container::-webkit-scrollbar-thumb:window-inactive,
#VersionsList::-webkit-scrollbar-thumb:window-inactive,
body::-webkit-scrollbar-thumb:window-inactive,
.calendar_default_main div::-webkit-scrollbar-thumb:window-inactive,
.alarm-event-noty-right-container::-webkit-scrollbar-thumb:window-inactive,
.scrollable_report_container::-webkit-scrollbar-thumb:window-inactive,
.multipleTrendsContainer::-webkit-scrollbar-thumb:window-inactive,
#sufixList::-webkit-scrollbar-thumb:window-inactive,
.scrollClass::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(61, 61, 61, 0.4);
}
.dataTables_scrollBody::-webkit-scrollbar-corner,
.renderTable div::-webkit-scrollbar-corner,
[id$="table_holder"]::-webkit-scrollbar-corner,
.alarm-event-noty-right-container::-webkit-scrollbar-corner,
.multipleTrendsContainer::-webkit-scrollbar-corner,
#sufixList::-webkit-scrollbar-corner,
.scrollClass::-webkit-scrollbar-corner {
    background-color: transparent;
    border-radius: unset;   
}/*
.inBMS_grid {
    position: relative;
    border-collapse: collapse;
}
.inBMS_grid .dataTables_empty {
    background-color: white;
    height: 60px !important;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}
.inBMS_grid tr {
    height: 28px;
}

.dataTables_scroll th.sorting_asc {
    background: url( "../images/sort_asc.png" ) no-repeat center right;
}
.dataTables_scroll th.sorting_desc {
    background: url( "../images/sort_desc.png" ) no-repeat center right;
}
.dataTables_scroll th.sorting {
    background: url( "../images/sort_both.png" ) no-repeat center right;
}
.dataTables_scroll th.never_order {
    background: url( "../images/etc.png" ) no-repeat center;
    width: 50px !important;
}

.grid_field {
    font: normal 10px / 15px Sans-serif;
    min-height: 20px;
    padding: 5px 5px 7px 10px;
}*/
.grid_pager {
    position: absolute;
    height: 80px;
    width: 240px;
    right: 0;
    bottom: -15px;
}
.grid_pager a {
    height: 100%;
    width: 25px;
    cursor: pointer;
    background-size: 25px 25px !important;
}
.grid_disabled {
    cursor: not-allowed!important;
}
.grid_pageNum input::-webkit-inner-spin-button, .grid_pageNum input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}/*
.grid_outerNum {
    display:  inline-block;
    height:   100%;
    width:    140px;
    position: relative;
}
.grid_menu {
    position: absolute;
    /*right: 13px;*/
    /*z-index: 3;
}*/
.grid_menu h3 {
    margin-top: 0;
    text-align: center;
}
.grid_menu td {
    font-size: 12px;
}
.grid_menu td.mid {
    text-align: center;
}
.grid_menu td img {
    vertical-align: middle;
    cursor: pointer;
}
.grid_menu td input[ type=text ] {
    vertical-align: middle;
    width: 76px;
    height: 18px;
    margin-right: 5px;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}
.grid_menu td input[ type=text ]:disabled {
    cursor: auto;
}
.grid_menu td label {
    margin-right: 5px;
}
.grid_alarm_button{
    display: inline;
}
.grid_alarm_button img , .deleteAlarmBtn img, .deleteEventBtn img{
    width: 16px;
    height: 16px;
    cursor: hand;
}
.table-paddingLeft{
    padding-left: 15px!important;
}
.table-center{
    text-align: center!important;
}
.table-align{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
}
.table-red{
    color: #e24243!important;
}
.table-green{
    color: #A0DD6C !important;
}
.white-space {
    white-space: normal !important;
}
.deleteEventBtn {
    float: right;
    margin: 0 5px;
}
.onlineContainer, .onlineContainerChart, .onlineContainerTrends{
    /* width: 75px; */
    height: 26px;
    vertical-align: top;
}
.onlineContainer label{
    vertical-align: top;
    margin: 8px 9px 0 0;
}
.onlineContainer input{
    vertical-align: top;
}
.onlineContainerChart label, .onlineContainerTrends label{
    vertical-align: top;
    margin: 8px 0 0 8px;
    font-weight: 400;
    cursor: pointer;
}
.onlineContainerChart, .onlineContainerTrends {
    display: block;
    margin-right: 20px;
    float: right;
}
.refreshLog, .refreshTreeTable, .refreshPolarChart, .export, .screenShot img, img.zoomOutTrends, img.printTrend, img.openChartEdit, .bulkConfirmAlarms, .addAlarm, .refreshReportTable, .addAvg,
img.exportToPNG, img.selectAll, img.deselectAll, .bulkDelete, img.showComment, img.openTrendEdit, img.refreshMasterDB, img.showCommentTrend, img.expandChart, img.exportBoomReportsCSV,
img.toggleVisibility, img.screenShot, img.exportToCSV, img.selectAllChart, img.deselectAllChart, img.showCommentChart, img.exportTrendCSV, img.showLinkTable, img.snapshotBoomReports,
img.syncTrendSettings, img.showCommentSyncTrend, img.regularTrendSettings, img.expandTrendsSettings, img.zoomUndoTrends, img.selectAllGrid, img.deselectAllGrid, img.multiWellTrendsSettings,
img.wellOverlayPage, img.settingsMultipleCombinedTrend, img.exportComments {
    width: 28px;
    margin-left: 5px;
    cursor: pointer;
}

img.exportComments {
    height: 29px;
}

.printTrendLoader, 
.screenShotLoader, 
.exportLoader, 
.exportTrendCSVLoader {
    margin-left: 5px;
    cursor: pointer;
    position: absolute;
    font-weight: bold;
}
.printTrendLoader, 
.screenShotLoader {
    color: black;
}

.exportLoader {
    color: white;
}

.screenShotDiv, 
.printDiv, 
.exportDiv, 
.exportTrendCSVDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}

img.selectAllTrend, img.deselectAllTrend {
    width: 25px;
    margin: 0 0 0 5px;
    cursor: pointer;
}
img.refreshTreeTable {
    margin-left: auto;
}
.fixButtonT {
    z-index: 100;
}
.imgContainer > img:first-child {
    margin-right: -5px !important;
}
.trend_menu .filter-container img, .chart_menu .filter-container img {
    float: right;
} 
.trend_menu img {
    margin-left: 5px;
}
img.trend_menu_button {
    width: 13px;
    height: 28px;
}
.refreshLog {
    background-image: url("../images/refresh16.png");
    background-position: 0px 4px;
    background-repeat: no-repeat;
}
.downloadReport, .downloadReportAction, .scheduleReportAction {
    color: #447257;
    font-weight: 400;
    border: none;
    border-radius: 13px;
    background-color: #fff;
    border: 1px solid #447257;
    padding: 3px 15px;
}
.downloadReport:hover, .downloadReportAction:hover, .scheduleReportAction:hover {
    background-color: #447257;
    color: #fff;
}
.scheduleReportAction.active {
    background-color: #447257;
    color: #fff;
}
.downloadReportAction:disabled, .scheduleReportAction:disabled {
    color: grey;
    background-color: #fff;
    border: 1px solid grey;
}
.chooseVarsOKbtn, .chooseVarsAllbtn, .scheduleReport, .saveMultipleCombinedTrendsSettings {
    width: 80%;
    font-weight: 400;
    border: none;
    border-radius: 5px;
    color: #fff;
    background-color: #2a2a2a;
    border: 1px solid #4d4d4d;
}
.chooseVarsOKbtn:hover, .chooseVarsAllbtn:hover, .scheduleReport:hover, .saveMultipleCombinedTrendsSettings:hover {
    background: #4c4a4a;
}
.alarmBtnAll {
    float: right;
    width: 50px;
    height: auto;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: transparent;
    color: #ffffff;
    font-size: 14px;
}
.alarmBtnAll:hover {
    background-color: #CCCCCC;
    color: black;
    font-weight: bold;
}
/* inView */
.inView_grid_menu {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    /*right: 17px;*/
    z-index: 3;
    font-size: 13px;
    color: white;
    font-family: 'Roboto';
}
.inView_grid_menu table {
    color: white;
}
.inView_grid_menu h3 {
    margin-bottom: 8px;
    font-size: 15px;
    margin-top: 0;
    text-align: center;
}
.inView_grid_menu td {
    font-size: 12px;
}
.inView_grid_menu td.mid {
    padding-top: 10px;
    text-align: center;
}
.inView_grid_menu td img {
    vertical-align: middle;
    cursor: pointer;
}
.inView_grid_menu td input[ type=text ] {
    vertical-align: middle;
    width: 90px!important;
    height: 25px!important;
    margin-right: 5px;
    font-size: 11px!important;
    text-align: center;
    cursor: pointer;
}
.inView_grid_menu td input[ type=text ]:disabled {
    cursor: auto;
}
.inView_grid_menu td label {
    margin-right: 5px;
}
.inView_grid_menu p {
    margin: 0 0 5px 25px;
}
/*Label*/
.inBMS_label {
    display: inline-block;
    /*transform: translateY( -50% );
    -webkit-transform: translateY( -50% );
    -ms-transform: translateY( -50% );*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.inBMS_label:hover, .inBMS_label:focus {
    text-decoration: none;
}
/*Button*/
.button_label {
    left:               50%;
    top:                50%;
    transform:          translate( -50%, -50% );
    -webkit-transform:  translate( -50%, -50% );
    -ms-transform:      translate( -50%, -50% );
    text-align:         center;
    white-space:        nowrap;
    overflow:           hidden;
    text-overflow:      ellipsis;
}
.button_label:hover {
    overflow:       visible;
    text-overflow:  clip;
}
.button_pointer {
    cursor: pointer;
}
.button_click {
    cursor: pointer;
}
.btn-primary.btn-indas, .btn-primary.grid_alarm_button, .btn-primary.grid_disabled {
    background-color: #444444;
    border-color: #000000;
    box-shadow: 0px 1px 1px #000;
    color: #fff;
    width: 100%;
    background-image: none;
    font-size: 12px;
}
.btn-primary.grid_alarm_button, .btn-primary.grid_disabled{
    width: 68px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.btn-primary.btn-indas:hover, .btn-primary.grid_alarm_button:hover, .btn-primary.grid_disabled:hover {
    background-color: #333333;
    border:1px solid #000;
    color: #ccc !important;
    box-shadow:none;
}
/*Map navigator*/
.map_screen .NavBar_modeSelectorControlContainer {
    display: none;
}
.map_screen .MapPushpinBase {
    cursor: pointer !important;
}
.map_screen .mapboxgl-map  .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib-inner {
    display: none;
}
.map_screen .mapboxgl-map .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-logo {
    display: none;
}
.map_screen .mapboxgl-map .mapboxgl-ctrl-group {
    transform: scale(1.3);
    margin: 13px 13px 15px 0;
    border-radius: 2px;
}
.legend-mapbox {
    margin-right: 10px;
    background: white;
    border-radius: 5px;
    padding: 5px 0 8px 0;
    box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
    width: 200px;
  }
/*Popup box*/
.popup_close {
    float : right;
    width : 18px;
    height: 18px;
}
.popup_close:hover {
    background-color: #B5B6B7;
}
/* Users element */
.usersData {
    min-width: 600px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
}
p.usersFirstName, p.usersLastName, p.usersUsername, p.usersEmail, p.usersRegDate,
p.usersMobile, p.usersUserRoleName, p.usersRoleName, p.usersLocation,
p.connections, p.variable, p.notifyAlarm, p.notifyEvent, p.notifyInformer,
p.notifyEmail, p.notifySms {
    display: inline-block;
    left: 0;
    vertical-align: middle;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}
p.usersFirstName:hover, p.usersLastName:hover, p.usersUsername:hover, p.usersEmail:hover, p.usersRegDate:hover,
p.usersMobile:hover, p.usersUserRoleName:hover, p.usersRoleName:hover, p.usersLocation:hover,
p.connections:hover, p.variable:hover, p.notifyAlarm:hover, p.notifyEvent:hover, p.notifyInformer:hover,
p.notifyEmail:hover, p.notifySms:hover {
    overflow: visible;
}
p.usersFirstName, p.usersLastName, p.usersUsername, p.usersEmail, p.usersRegDate,
p.usersMobile, p.usersUserRoleName, p.usersRoleName,p.usersLocation  {
    /* margin-right: 4px; */
    min-width: 38px;
    width: 11%;
}

p.connections, p.variable, p.notifyAlarm, p.notifyEvent, p.notifyInformer,
p.notifyEmail, p.notifySms {
    min-width: 65px;
    width: 13%;
}
p.usersFirstName, p.connections {
    margin-left: 10px;
}
button.usersButtons {
    display: inline-block;
    margin: 5px;
    width: 90px;
    border-radius: 8px;
    outline: none;
    border: none;
    padding: 3px 6px;
}
button.usersButtonsRow {
    background: none;
    border: none;
    width: 25px;
    height: 24px;
    vertical-align: middle;
    margin: 5px;
}

@media(max-width: 1275px) {
    p.usersRegDate, p.usersUsername {
        width: 9%;
    }
}

@media(max-width: 960px) {
    p.usersMobile {
        width: 9%;
    }

    button.usersButtonsRow {
        margin: 0px;
    }
}

@media(max-width: 850px) {

    p.usersRegDate, p.usersUsername, p.usersMobile, p.usersUserRoleName {
        width: 9%;
    }
}

button.usersAddOrEdit, button.usersChangePass, button.addComment, button.usersDel, button.usersWarning {
    margin: 5px;
}

button.addComment .custom-spinner {
    display: none;
}

button.usersChangePass, button.usersDel {
    padding-top: 3px;
    color: #333;
    border: none;
    border-radius: 5px;
}
.displayEmployees, .notifyData {
    border-bottom: 1px solid black;
}
.inputData {
    min-height: 100px;
    overflow-y: auto;
    height: 76%;
}

.notifications-inputData {
    min-height: 100px;
    overflow-y: scroll;
}
.displayEmployees.selected, .notifyData.selected {
    background-color: #5d5d63 !important;
}
.popupAddEd, .popupChangePass, .popupDel, .popupAddOrEditNotif {
    background-color: #383838;
    border: 2px solid #555;
    font-size: 12px;
    z-index: 9999;
    box-shadow: 0px 2px 7px #000;
    color: #ccc;
    border-radius: 20px;
}
.popupAddEd input, .popupAddEd span, .popupAddEd select,.popupAddEd button,
.popupChangePass input, .popupDel input,
.popupAddOrEditNotif input, .popupAddOrEditNotif button, .popupAddOrEditNotif select {
    color: black;
}
.fa-spinner {
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}
.popupAddEd input, .popupChangePass input {
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 3px;
    padding-top: 2px;
}
.popupAddEd select {
    border: none;
    border-radius: 3px;
}
.popupAddEd button, .popupChangePass button, .popupDel button, .aeNotification .footer button {
    width: 8rem;
    padding: .5rem;
    border-radius: 10px;
    border: none;
    outline: none;
}
.headline {
    text-align: center;
    background: #555;
    padding: 1rem;
    border-radius: 15px 15px 0 0;
    font-weight: 400;
    font-size: 1.5rem;
}
/* .popupAddEd div {
    margin-bottom: 7px;
    padding-left: 15px;
} */
.popupAddEd .footer, .popupChangePass .footer, .popupDel .footer, .aeNotification .footer {
    display: flex;
    justify-content: flex-end;
    padding: 1rem .5rem;
    background-color: #555;
    border-radius: 0 0 15px 15px;
}
.popupAddEd input[type=text], .popupAddEd input[type=password], .popupAddEd select {
    width: 60%;
}

.popupRow, .popupRowComments {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.popupRow {
    border-bottom: 1px dashed #999;
}

.popupRowComments #commentContent {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    color: #ccc;
}

.addOrEditPopupUsername label, .addOrEditPopupPassword label, .addOrEditPopupConfirm label, .addOrEditPopupFirstname label,
.addOrEditPopupLastname label, .addOrEditPopupEmail label, .addOrEditPopupMobile label, .addOrEditPopupUserRoleName label,
.addOrEditPopupRoleName label, .addOrEditPopupLocation label, .popupChPassNew label, .popupChPassConf label,
.aeNotification label {
    /* display: inline-block;
    width: 100px;
    text-align: right;
    padding-right: 15px; */
    margin: unset;
    font-weight: 400;
}
.aeNotification select {
    border-radius: 5px;
    outline: none;
    border: none;
    width: 65%;
}
.aeNotification label {
    width: 120px;
}
button.btnAddOrEditNotif {
    margin: 5px;
    border-radius: 5px;
    border: none;
}
/*mobile_menu_top.html*/
#mobile_top_menu{
    width: 640px;
    height: 80px;
    margin: auto;
    background: -webkit-linear-gradient(white, #AAADBC);
    background: -o-linear-gradient(white, #AAADBC);
    background: -moz-linear-gradient(white, #AAADBC);
    background: linear-gradient(white, #AAADBC);
}
.top_menu_item, .top_menu_item_img, .top_menu_item_lbl, img.top_menu_item_imgg{
    width: 175px;
}
.top_menu_item {
    cursor: pointer;
    float: left;
    height: 65px;
    margin-right: 10px;
}
.top_menu_item_lbl{
    margin: auto;
    height: 13px;
    text-align: center;
}
.top_menu_item_img{
    margin: auto;
    height: 44px;
}
.top_menu_item_img img{
    height: 65px;
}
#mdropDownMenu{
    position: relative;
    margin: 7px;
    float: right;
}
/*mobile_menu_popup.html*/
#mdropDownMenuPopup{
    display:none;
    position: absolute;
    top: 65px;
    z-index: 1000;
    right: 0;
}
.mitem{
    background-color: white;
    height: 50px;
    width: 220px;
    border-bottom: solid gray;
}
.mitemtext{
    color: black;
    font-weight: normal;
    font-size: 18px;
    padding-top: 12px;
}
.mitemimg{
    float: left;
}
.inBMS_svg{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.grid_menu .btn-primary {
    height: 25px;
    line-height: 25px;
    padding: 0px 12px;
    background-color: #2a2a2a;
    border-color: #484848;
    box-shadow: none!important;
}
.button_label{
    color: white;
}
.filter-container input, .filter-container button{
    height: 28px;
}
.input-group-addon{
    border: 0px!important;
}
.filter-container{
    margin-bottom: 10px;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}
.filter-container .form-control {
    padding-left: 8px;
}
.filter-container .select2-selection--multiple, .filterAec .select2-selection--multiple{
    height: 28px;
    overflow: auto;
}
/* .mbaftersmall .reportrange input {
    border: none;
} */
.filter-container input, select, option, span {
    font-size: 13px;
}
.filter-container [class^="col-"]{
    padding-left: 5px;
    padding-right: 5px;
}
option{
    padding: 8px 0px 8px 10px;
}
/* Note Component */
.nvContainer {
    background-color: #aaaaaa;
    padding: 5px;
    min-width: 400px;
    min-height: 400px;
}
.noteViewTable td {
    border: 1px solid #888888;
    border-collapse: collapse;
}
.noteViewTable {
    width: 100%;
    min-width: 380px;
    font-size: 13px;
}
.noteViewContainer {
    overflow-y: auto;
    overflow-x: hidden;
}
.noteViewContainer::-webkit-scrollbar {
    width: 10px;
}
.noteViewContainer::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(224, 224, 224);
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
    box-shadow: inset 0 0 6px rgb(0 0 0 / 50%);
}
.noteViewContainer::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.noteViewTable th, .noteViewTable td {
    word-wrap: break-word;
    padding: 5px;
}
.noteViewTable th {
    background-color: #333333;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}
.noteViewTable th:not(:last-child) {
    border-right: 1px solid #888;
}
.noteViewTable tr {
    height: auto;
    cursor: pointer;
}
.noteViewTable tr:nth-child(even) {
    background-color: #ffffff;
}
.noteViewTable tr:nth-child(odd) {
    background-color: #dddddd;
}
.noteViewTable tr:first-child {
    position: sticky;
    top: 0;
}
.userColumn {
    width: 25%;
}
.dateColumn {
    width: 25%;
}
.contentColumn {
    width: 50%;
    word-break: break-word;
}
.noteViewTable .selectedRow  {
    background-color: #777777 !important;
}
.noteContentDiv {
    padding: 10px;
    background-color: rgb(221, 221, 221);
    word-wrap: break-word;
}
.popupNoteView, .popupNoteContent {
    z-index: 9999;
}
.popupHeader {
    color: #ffffff;
    padding: 10px;
    background-color: #333;
    font-weight: 300;
    border-radius: 10px 10px 0 0;
    text-align: center;
    cursor: pointer;
}
.noteText {
    margin: 5px;
    padding: 5px;
    height: 100px;
    width: 290px;
    resize: vertical;
    min-height: 50px;
    max-height: 200px;
}
.noteContentHeader {
    font-weight: 300;
    padding: 10px;
    background: #333;
    text-align: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}
.noteBtnGroupPopup {
    position: relative;
    background-color: #333;
    width: 100%;
    padding: 5px;
    display: flex;
    justify-content: flex-end;
    border-radius: 0 0 10px 10px;
}
.noteBtnGroup {
    display: flex;
    width: 170px;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 0;
}
.noteBtnGroup button, .noteBtnGroupPopup button {
    width: 80px;
    padding: 5px;
    border: none;
    border-radius: 10px;
}
.noteBtnGroup button:hover, .noteBtnGroupPopup button:hover {
    background-color: #999;
}
/* END Note Component */
/* Display value */
.dvPopup .inner {
    margin-left: auto;
    margin-right: auto;
}
.dvPopup .icon-close{
    float: right;
    color: #fff;
    cursor: pointer;
}
.dvPopup .popupClose {
    background-color: #414449;
    border-bottom: 2px solid #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 30px;
}
.dvPopup .popupClose span {
    display: inline-block;
    font-weight: 700;
}
.dvPopup .popupContent {
    position: relative;
}
.disabled{
    pointer-events: none;
    cursor: not-allowed;
}
[type=advancedViewV] {
    pointer-events: all;
    stroke: #0000ff;
    stroke-width: 14px;
    stroke-opacity: 0;
}
[type=commandButtonV] {
    pointer-events: all;
    cursor: pointer;
}
/* END Display value *//* END Display value */

/*mzivkov sredjivao faceplate design*/

span.faceplate-headline {
    color: #E2E2E2;
    font-size: 17px;
}

div.dvPopup {
    height: auto !important;
    background: #2a2a2a;
    border-radius: 10px !important;
    box-shadow: 0px 2px 5px #000;
}

table.faceplate-table {
    width: 100%;
    padding-bottom: 7px;
    padding-top: 7px;
}

table.faceplate-table tr {
    height: 35px;
}

td.faceplate-label-container {
    text-align: left;
    width: 60%;
    border-bottom: 1px solid #444;
}

td.faceplate-label-container label, tr.faceplate-row.radio-button label{
    color: #9B9B9B;
}
tr.faceplate-row.radio-button label{
    float: left;
    margin-top: 3px;
}
td.faceplate-input-container {
    text-align: right;
    width: 40%;
    border-bottom: 1px solid #444;
}

div.faceplate-table-container {
    padding-left: 30px;
    padding-right: 15px;
}

.faceplate-row {
    display: none;
}


.faceplate-row input[type="number"] {
    border-radius: 10px;
    text-align: right;
    background: #2A2A2A;
    border: 1px solid #333;
    color: #fff;
    font-size: 18px;
    width: 100%;
    height: 25px;
    padding-top: 3px;
    padding-right: 3px;
    -moz-box-shadow:    inset 0px 3px 7px 1px #000000;
    -webkit-box-shadow: inset 0px 3px 7px 1px #000000;
    box-shadow:         inset 0px 3px 7px 1px #000000;
    text-shadow: 0px 1px 1px #000;
}
.faceplate-row input[type="radio"]{
    width: 16px;
    height: 16px;
    float: right;
}
.indas-button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:12px;
    padding: 5px 10px 10px 7px;
    text-decoration:none;
    color: #FFFFFF;
    background-color: #4D4D4D;
    border: 1px solid #000;
    text-align: center;
    padding: 7px 12px 7px 10px;
}

.indas-button:hover {
    cursor: hand;
    opacity: 0.8;
}
.trend_menu_nopopup input.pick_date, .trend_menu_nopopup input.dailyFromTimeV,.trend_menu_nopopup input.dailyToTimeV {
    width: 110px!important;
}
.trend_menu_nopopup input{
    background-color: white!important;
    color: black!important;
    -moz-box-shadow:none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-shadow: none!important;
}
div.trend_menu_popup, table.trend_comment_popup, table.trend_comment_show_popup{
    background: #4D4D4D;
    border: 1px solid #000;
    box-shadow: 3px 3px 8px #000;
}
div.trend_menu, .grid_menu {
    color: #fff;
    z-index: 10;
    border-radius: 3px;
    height: auto!important;
}
div.trend_menu p, .grid_menu p {
    margin: 0;
}

div.trend_menu label , .grid_menu label{
    margin-left: 2px;
}
p.trend_menu_heading, div.grid_menu h3, .trend_comment_popup th, .trend_comment_show_popup th {
    text-align: left;
    font-size: 16px;
    font-weight: bold !important;
    background-color: #414449;
    border-bottom: 1px solid #000 !important;
    padding: 5px 0px 3px 15px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
    text-shadow: 0px 1px 1px #000;
}
table.trend_comment_show_popup td {
    color: #fff;
    border-bottom: 1px solid #555;
}
td.trend_comment_show_popup_text {
    width: 50%;
    padding-left: 15px;
    text-transform: uppercase;
    line-height: 22px;
}
td.trend_comment_show_popup_vars {
    width: 35%;
}
td.trend_comment_show_popup_time {
    white-space: nowrap;
    width: 15%;
    padding-right: 15px;
    color: #BBBBBB;
}
th.trend_comment_show_popup_close {
    text-align: right;
    padding-right: 15px !important;
}
th.trend_comment_show_popup_close a {
    cursor: pointer;
}
div.trend_menu form p, div.grid_menu form p, div.grid_menu table.datePickContainer, table.trend_comment_popup td, table.trend_comment_popup th, table.trend_comment_show_popup th {
    color: #fff;
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.trend_comment_save{
    margin-bottom: 10px;
}
div.grid_menu div.search{
    height: 26px;
    padding: 0px 10px 10px 10px;
}
p.fixed_time, p.datepicker {
    margin-top: 10px !important;
}

p.fixed_time .fixed_number {
    border-radius: 5px;
    text-align: right;
    background: #2A2A2A;
    border: 1px solid #333;
    color: #fff;
    font-size: 15px;
    width: 60px;
    height: 25px;
    padding-top: 5px;
    -moz-box-shadow:    inset 0px 2px 5px 1px #000000;
    -webkit-box-shadow: inset 0px 2px 5px 1px #000000;
    box-shadow:         inset 0px 3px 5px 1px #000000;
    text-shadow: 0px 1px 1px #000;
    margin-left: 5px;
    margin-right: 5px;

}

div.dates input.fixed_number {
    border-radius: 5px;
    text-align: right;
    background: #2A2A2A;
    border: 1px solid #333;
    color: #fff;
    font-size: 15px;
    width: 60px;
    height: 25px;
    padding-top: 5px;
    -moz-box-shadow:    inset 0px 2px 5px 1px #000000;
    -webkit-box-shadow: inset 0px 2px 5px 1px #000000;
    box-shadow:         inset 0px 3px 5px 1px #000000;
    text-shadow: 0px 1px 1px #000;
    margin-left: 5px;
    margin-right: 5px;
}
input.pick_date{
    padding-top: 7px!important;
}
.dailyFromTimeV , .dailyToTimeV{
    margin-left: 39px!important;
}
.dailyToTimeV{
    margin-left: 57px!important;
}
input.pick_date, input.dailyFromTimeV, input.dailyToTimeV {
    border-radius: 5px;
    text-align: center;
    background: #2A2A2A;
    border: 1px solid #333;
    color: #fff;
    font-size: 15px;
    width: 80px;
    height: 25px;
    -moz-box-shadow:    inset 0px 2px 5px 1px #000000;
    -webkit-box-shadow: inset 0px 2px 5px 1px #000000;
    box-shadow:         inset 0px 3px 5px 1px #000000;
    text-shadow: 0px 1px 1px #000;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 4px;
    padding-bottom: 5px;

}

div.div.trend_menu input:hover {
    cursor: hand;
}

div.popupContent {
    background-color: #2a2a2a;
}

g[type="advancedViewV"]:hover {
    cursor: hand;
}
.ui-datepicker{
    z-index: 22 !important;
}
/*end of mzivkov sredjivao faceplate design*/


/*mzivkov added top-grid-menu style 26.02.2016*/
div.top-grid-menu {
    box-shadow: none;
    position: relative;
}
img.ui-datepicker-trigger {
    margin-left: -24px;
    /* position: absolute; */
    margin-top: 4px;
}

table.section-container {
    width: 100%;
}


table.section-container td {
    vertical-align: middle !important;
}

.main-td-container {
    padding-left: 10px;
    padding-right: 10px;
}

table.date-picker-table span {
    float: left;
}

table.date-picker-table td {
    vertical-align: middle !important;
    padding-right: 5px;
}

.input-primary {
    display: block !important;
    width: 100% !important;
    height: 28px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}
.grid_menu .input-primary {
    height: 24px!important;
    line-height: 26px!important;
    padding: 0px 6px!important;
}
.filter-container .select2-container .select2-selection--multiple, .filterAec .select2-selection--multiple{
    min-height: 28px!important;
}

.flatMapTableSearch, .linkTableSearch, .batterySearch, .settingsNotificationsSearch {
    color:black;
    border:none;
    border-bottom:1px solid #bbb7b7;
    outline: none;
    background-color: transparent;
}

.favouriteWell {
    cursor: pointer;
}

.linkTableSearch:focus, .flatMapTableSearch:focus {
    color:black;
    border:none;
    border-bottom:1px solid #bbb7b7;
    outline: none;
}

.datepicker-input-primary {
    display: block !important;
    width: 100% !important;
    height: 25px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 25px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    float: left;
}

.select-primary {
    color: #666;
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.grid_menu .select-primary, .grid_menu .select2-container .select2-selection--single  {
    height: 25px !important;
    line-height: 25px !important;
    padding: 4px 12px;
}

/*end off mzivkov added top-grid-menu style 26.02.2016*/


/*pager fix*/

div.grid_pageNum {
    font-size: 12px;
    color: #555;
    float: right;
    margin-top: 10px;
}

div.grid_pageNum table td {
    font-size: 13px;
    vertical-align: middle;
    color: #666;
    padding-right: 5px;
}

div.grid_pageNum input {
    text-align: right;
    font-size: 13px;
    height: 22px;
    padding: 0px;
    line-height: 22px;
}

input.pager-input {
    display: inline-block!important;
    border: none!important;
    width: 53px !important;
    text-align: right;
}

input.pager-input::-webkit-inner-spin-button, input.pager-input::-webkit-outer-spin-button {
    display: none;
}

table .inputPage{
    padding-right: 7px;
    /* border: 1px solid #ccc !important; */
    border-radius: 6px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    background: white;
    color: #555 !important;
}

table.pager-table, .pager-tableMaster, .pager-tableLiveValues {
    float: right;
    margin: 10px 10px 0 0;
}

table.pager-table td {
    vertical-align: middle !important;
}

table.pager-table td img {
    width: 18px;
    height: 18px;
    cursor: hand;
}

table.pager-table td img.grid_pagePrev {
    margin-left:5px; 
    margin-right:10px;
}

table.pager-table td img.grid_pageNext {
    margin-left:10px; 
    margin-right:5px;
}

@media (max-width: 1440px) {
    table.pager-table {
        margin-bottom: 10px;
    }
    table.pager-table td img {
        width: 30px;
        height: 35px;
    }
    table.pager-table td img.grid_pagePrev {
        margin-left:20px; 
        margin-right:25px;
    }
    
    table.pager-table td img.grid_pageNext {
        margin-left:25px; 
        margin-right:20px;
    }
}

input.grid_pageMax {
    width: 44px;
    border: none;
    background: none;
}

/*end of pager fix*/

/*sinisa i milos dodali za alarm event log tabelu, sredjivanje dimenzija td th*/
/*
table.indas-ael-table th, table.indas-log-table th{
    text-transform:uppercase;
    text-shadow:0px 1px 1px #000;
}*/
table.indas-log-table td{
    text-align:right;
}

table.indas-overview-table td {
    text-align: right;
}

table.indas-overview-table td:first-child {
    text-align: justify;
}

table.dataTable thead th, table.dataTable thead td {
    /*padding: 3px 18px!important;*/
    border-bottom: 1px solid #111;
}
table.dataTable tbody td,
table.dataTable thead th {
    padding: 0px 10px;
    box-sizing: border-box;
}
table.indas-log-table th:not(.timestamp) {
    max-width: 150px !important;
    /*min-width: 150px !important;*/
    width: 20%;
    text-overflow: ellipsis !important;
    /*white-space: nowrap;*/
    overflow: hidden;
}

table.th{
    font-weight: normal!important;
    text-align: center;
}

.timestamp {
    text-align: left !important;
    /* white-space: nowrap !important; */
}
td.oneliner {
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
}
@media only screen and (min-width: 300px) and (max-width: 480px) {
    .timestamp {
        text-align: left !important;
        white-space: inherit !important;
    }
    .dataTables_scrollBody {
        overflow-x: hidden!important;
    }
    .selection-container tr{
        display:table-cell !important;
    }
    .datepicker-input-primary {
        height: 22px !important;
        padding: 2px 0px 0px 0px !important;
    }
    .tableBlock {
        padding-left: 0px;
        width: 100%!important;
        display: block!important;
    }
    .tableBlockHide {
        display: none!important;
    }
    /* input {
        -webkit-appearance: none;
        border-radius: 0;
    } */
    .grid_menu .select-primary {
        height: 29px !important;
        padding: 6px 12px;
        margin-bottom: 5px;
        margin-top: 2px;
    }
    .grid_menu .input-primary {
        margin-bottom: 6px;
        height: 29px !important;
    }
    .input-primary {
        border-radius: 4px!important;
        border: none!important;
    }
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
        font-family: Roboto;
        font-weight: 400;
        border-width: 0.11em;
    }
    table.dataTable > tbody > tr.child ul.dtr-details {
        width: 100%;
    }
    table.dataTable > tbody > tr.child ul.dtr-details li.none {
        display: flex;
        justify-content: space-between;
    }
    table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
        padding-top: 0.5rem;
    }
}
.global_display_none{
    display: none;
}
.fixButton{
    right: 0px;
    position: absolute;
    float: right;
    width: 68px;
    min-height: 25px;
    margin-left: 10px;
    bottom: 14px;
    z-index: 10;
}
.fixButtonCharts{
    margin-left: 5px;
    margin-top: 3px;
    z-index: 100;
} 
table.jqplot-table-legend {
    /*border: none;*/
    /*background-color: rgba(222, 184, 135, 0);*/
    left: 0px!important;
    margin-top: 8px!important;
    padding-right: 68px;
    /*color: #999999;*/
}
.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
    margin-left: -4px!important;
}
.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
    right: 6px!important;
}
.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis,.jqplot-y9axis{
    margin-right:0px !important;
}
.trend_menu_nopopup .fixed_number{
    margin-bottom: 0px;
}
div.jqplot-table-legend-swatch-outline {
    padding: 0px!important;
}
.jqplot-series-hidden .jqplot-table-legend-swatch{
    background-color: rgba(222, 184, 135, 0)!important;
    border-color: rgba(222, 184, 135, 0)!important;
}
.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: none;
}
.jqplot-table-legend {
    padding-left: 2px;
}
div.jqplot-table-legend-swatch {
    border-top-width: 6px!important;
    border-bottom-width: 6px!important;
}
.textListTable{
    padding: 0px;
    margin: 0px;
    border: none;
    width: 100%;
    height: 100%;
}
td.jqplot-table-legend.jqplot-table-legend-label.jqplot-seriesToggle {
    padding-right: 15px;
}
.buttonHover:hover{
    background-color: rgba(255, 255, 255, 0.1);
}
.jqplot-highlighter-tooltip{
    z-index: 10000;
}
.jqplot-cursor-tooltip{
    border: 1px solid #000 !important;
    border-radius: 5px;
    box-shadow: 0px 2px 15px #111;
    font-size: 10px!important;
    font-weight: normal;
    text-shadow: none;
    white-space: nowrap;
    background: rgba(33, 29, 35, 0.85);
    z-index: 10000;
}
.jqplot-cursor-tooltip td{
    border-bottom: 1px dashed #5a5a5a;
    padding:5px;
}
.tooltip-value{
    text-align: right;
}
.tooltip-title{
    text-transform: uppercase;
}
.actionHolder td {
    height: 18px !important;
}
table.actionHolder {
    width: 100%;
    display: flex;
    justify-content: center;
}

/*mzivkov added css for empployees table 16.06.2016*/

div.indas-employee-container {
    height: 67%;
}

div.indas-notifications-container {
    background: none;
    height: 30%;
}

p.indas-table-title {
    display: inline;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

div.employeeHeader, div.notifyHeader {
    background: #2a2a2a;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid black;
    font-weight: bold;
    padding: 5px 0 5px;
}

div.inputData div:nth-child(odd) {
    background: #383838;
    color:#ccc;
    height: 33px;
}

div.inputData div:nth-child(even) {
    background: #2a2a2a;
    color:#ccc;
    height: 33px;
}

div.indas-notifications-container div:nth-child(odd) {
    background: #383838;
    color:#ccc;
    height: 33px;
}

div.indas-notifications-container div:nth-child(even) {
    background: #2a2a2a;
}

/*END OF mzivkov added css for empployees table 16.06.2016*/

.AE_header, .AE_content {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 25px;
}

.AE_content {
    justify-content: normal;
}

.AE_header > label {
    margin: unset;
    font-size: large
}

.AE_content > label {
    margin: unset;
    margin-right: 2rem;
}

textarea.redInfoBorder {
    box-shadow: 0 0 0 .25rem red !important;
}

.rightCont label {
    margin-bottom: 5px;
}

.right_heading {
    height: 40px;
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.right_heading > div > label {
    font-weight: 400;
    margin: unset;
} 

.right_heading > div > div {
    display: inline-block;
    margin-left: 10px;
    font-weight: 700;
}

.renderTable > div > div > div:not(.filterAec):not(.dataTables_paginate ) {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.rightCont .btnSave, .rightCont .btnSaveNoty {
    width: 100px;
    background-color: #444;
    padding: 10px;
    border-radius: 10px;
    border: none;
    outline: none;
}

.rightCont .btnSave[disabled], .rightCont .btnSaveNoty[disabled] {
    background-color: #222;
    cursor: not-allowed;
}

.filterAec{
    margin-bottom: 10px;
}

.dataTables_filter label {
	font-weight: 400
}

.dataTables_filter input {
	border-radius:3px;
    border: none;
    outline: none;
	padding:3px 8px;
    height: 28px;
}

div.filterAec {
	border-bottom: 1px solid #666;
	height: 40px;
    justify-content: space-between;
}

div.filterAec, div.filterAec > div {
    display: flex;
    align-items: center;
}

div.dataTables_wrapper table.alEvTable {
	border:1px solid #222;
	box-shadow:0px 2px 3px #333;
}

div.dataTables_wrapper table.alEvTable th {
	border-bottom:1px solid #000 !important;
}

div.dataTables_wrapper table.alEvTable th {
	text-transform:uppercase;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin-top:10px;
    padding-top: 0;
    border: 1px solid #666;
}

.alarm-event-right-container .form-control[disabled] {
    opacity: .5;
}
.popupCl {
    box-shadow: 0px 2px 13px #222;
    /* border: 1px solid #333;   zakomentarisano jer je odbijalo popup od njegovog kontejnera za po 1px sa donje i desne strane   */
}
.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
.commentSpan {
    background-color: #c27504;
    color: #fff;
    position: absolute;
    bottom: -7px;
    right: -5px;
    border-radius: 10px;
    width: 18px;
    text-align: center;
    visibility: visible;
}
.commContainer {
    position:relative; 
    float:right;
}
img.imgDiv {
    position: absolute;
    text-indent: -100vw;
}
.alarmDropDown {
    width: inherit;
}

.evo-cp-wrap {
    width: 100%!important;
}
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff {
    width: 20% !important;
    margin-right: 5% !important;
    height: 34px !important;
    float: left !important;
    border-radius: 4px;
}

.mapLayerDiv .evo-colorind, .mapLayerDiv .evo-colorind-ie, .mapLayerDiv .evo-colorind-ff {
    width: 15px !important;
    height: 15px !important;
    float: right !important;
    border-radius: 4px;
}

.badQuality{
    text-decoration: line-through;
}
#alarmSound{
    display: none;
}
.lastHours{
    text-align: right;
    width: 53px!important;
    height: 18px!important;
    float: right;
    font-size: 13px!important;
}
#versionDialog .form-control{
    margin-bottom: 15px;
    width: 100px;
    margin-left: 25px;
    padding: 6px;
}
#VersionsList {
    max-height: 465px;
    overflow: auto;
}
#VersionsList li.title {
    font-size: 1.3em;
    text-decoration: underline;
    margin-bottom: 10px;
    list-style: none;
    margin-left: -15px;
}
#VersionsList li:not(.title) {
    font-size: 13px;
}
#versionDialog .form-control option {
    font-size: 1em;
}
.ui-dialog {
    padding: .1em;
}
.ui-dialog .ui-dialog-title {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    text-align: center;
}
.ui-widget.ui-widget-content {
    border: none;
    background: #000;
    width: unset;
}
.ui-dialog .ui-dialog-content {
    padding: 1em 0 0;
}
td.tooltip-date {
    min-width: 75px;
}
td.tooltip-value {
    min-width: 34px;
}
.alarmnote{
    height: 100%;
    width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
.toogleLockAlarmBtn{
    width: 20px;
}
.toogleVisibleAlarmBtn , .toogleLockAlarmBtn, .deleteAlarmBtn{
    cursor: pointer;
}
.toogleLockAlarmBtn .fa-unlock:hover:before {
    content: "\f023";
}
.toogleLockAlarmBtn .fa-lock:hover:before {
    content: "\f09c";
}

/* Login implementation */

#LoginContainer input {
    outline: none;
    border: none;
} 

#LoginContainer .row .col-sm-5 {
    margin-bottom: 10px;
}

#LoginContainer input:focus {
    border-color: transparent !important;
}

#LoginContainer input:focus::-webkit-input-placeholder {
    color: transparent;
}

#LoginContainer input:focus:-moz-placeholder {
    color: transparent;
}

#LoginContainer input:focus::-moz-placeholder {
    color: transparent;
}

#LoginContainer input:focus:-ms-input-placeholder {
    color: transparent;
}

#LoginContainer input::-webkit-input-placeholder {
    color: #fff;
}

#LoginContainer input:-moz-placeholder {
    color: #fff;
}

#LoginContainer input::-moz-placeholder {
    color: #fff;
}

#LoginContainer input:-ms-input-placeholder {
    color: #fff;
}

/* Boomerang & Extract*/

.loginContainerBoomerang input:focus::-webkit-input-placeholder,
.loginContainerExtract input:focus::-webkit-input-placeholder  {
    color: transparent!important;
}

.loginContainerBoomerang input:focus:-moz-placeholder,
.loginContainerExtract input:focus:-moz-placeholder {
    color: transparent!important;
}

.loginContainerBoomerang input:focus::-moz-placeholder,
.loginContainerExtract input:focus::-moz-placeholder  {
    color: transparent!important;
}

.loginContainerBoomerang input:focus:-ms-input-placeholder,
.loginContainerExtract input:focus:-ms-input-placeholder {
    color: transparent!important;
}

.loginContainerBoomerang input::-webkit-input-placeholder {
    color: #447257!important;
}

.loginContainerExtract input::-webkit-input-placeholder {
    color: #091F40!important;
}

.loginContainerBoomerang input:-moz-placeholder {
    color: #447257!important;
}

.loginContainerExtract input:-moz-placeholder {
    color: #091F40!important;
}

.loginContainerBoomerang input::-moz-placeholder {
    color: #447257!important;
}

.loginContainerExtract input::-moz-placeholder {
    color: #091F40!important;
}

.loginContainerBoomerang input:-ms-input-placeholder {
    color: #447257!important;
}

.loginContainerExtract input:-ms-input-placeholder {
    color: #091F40!important;
}

#LoginContainer label {
    margin: 0;
    display: block;
}

#LoginContainer button {
    outline: none !important;
    border: none;
}

#LoginContainer button:hover {
    cursor: pointer;
}

/*[ login ]*/

#LoginContainer {
    width: 100%;
    margin: 0 auto;
}

#LoginContainer label, #LoginContainer ul.list-item, #LoginContainer #langs, #LoginContainer select{
    font-size: 16px;
    font-weight: 400;
    font-family: Poppins-Regular, sans-serif;
}

#LoginContainer::after {
  content: "";
  background: url('../images-app/login-background.png');
  /* background: url("../images-app/bg-dots_connect.gif") no-repeat center center; */
  /* background-color: #fff; */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;   
}

.loginContainerBoomerang::after {
    background: url('../images-app/boomerang_background.png')!important;
    background-size: cover !important;
    opacity: unset!important;
}

.loginContainerExtract::after {
    background: url('../images-app/extract_background.png')!important;
    background-size: cover !important;
    opacity: unset!important;
}

#Login {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 9999;
}

#Login::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.wrap-login100 {
    width: 600px;
    border-radius: 20px;
    overflow: hidden;
    padding: 80px 100px 60px;
    background: #222222;
    background: -webkit-linear-gradient(top, #222222, #222222);
    background: -o-linear-gradient(top, #222222, #222222);
    background: -moz-linear-gradient(top, #222222, #222222);
    background: linear-gradient(top, #222222, #222222);
}

.wrap-login100_boomerang {
    width: 540px;
    background: #ffff!important;
    background: -webkit-linear-gradient(top, #ffff, #ffff)!important;
    background: -o-linear-gradient(top, #ffff, #ffff)!important;
    background: -moz-linear-gradient(top, #ffff, #ffff)!important;
    background: linear-gradient(top, #ffff, #ffff)!important;
}

.wrap-login100_extract {
    background: #ffff!important;
    background: -webkit-linear-gradient(top, #ffff, #ffff)!important;
    background: -o-linear-gradient(top, #ffff, #ffff)!important;
    background: -moz-linear-gradient(top, #ffff, #ffff)!important;
    background: linear-gradient(top, #ffff, #ffff)!important;
    opacity: .9;
}

.btn-show-pass {
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    align-items: center;
    position: absolute;
    height: 14px;
    top: 16px;
    right: 0;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-show-pass_boomerang {
    color: #447257!important;
}

.btn-show-pass_extract {
    color: #091F40!important;
}

.btn-show-pass:hover {
    color: #6a7dfe;
}

.btn-show-pass.active {
    color: #6a7dfe;
}

/*[ Form ]*/

.login100-form {
    width: 100%;
}

/*[ Input ]*/

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.24);
    margin-bottom: 35px;
}

.wrap-input100_boomerang {
    border-bottom: 2px solid #447257;
}

.wrap-input100_extract {
    border-bottom: 2px solid #091F40;
}

.input100 {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0 5px 0 38px;
}

.input100_boomerang {
    color: #447257!important;
}

.input100_extract {
    color: #091F40!important;
}

.focus-input100, .focus-input100_user, .focus-input100_lock, .focus-input100_boomerang_user, .focus-input100_boomerang_lock, .focus-input100_extract_user, .focus-input100_extract_lock {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.focus-input100::before, .focus-input100_user::before, .focus-input100_lock::before, .focus-input100_boomerang_user::before, .focus-input100_boomerang_lock::before, .focus-input100_extract_user::before, .focus-input100_extract_lock::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #fff;
}

.focus-input100::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.focus-input100_user::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: url("/images-app/user_login_white.svg");
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.custom-spinner {
    content: url("/images-app/spinner-solid.svg");
    width: 100px;
    height: 100px;
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}
button .custom-spinner {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.custom-spinner-small {
    content: url("/images-app/spinner-solid.svg");
    width: 12px;
    height: 12px;
    animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
}

.focus-input100_boomerang_user::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: url("/images-app/user_login_boom.svg");
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.focus-input100_extract_user::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: url("/images-app/user_login_extract.svg");
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.focus-input100_boomerang_lock::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: url("/images-app/lock_login_boom.svg");
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.focus-input100_extract_lock::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: url("/images-app/lock_login_extract.svg");
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.focus-input100_lock::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: url("/images-app/lock_login_white.svg");
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}


.focus-input100_boomerang::before {
    background: #447257!important;
}

.focus-input100_boomerang::after {
    color: #447257!important;
}

.focus-input100_extract::before {
    background: #091F40!important;
}

.focus-input100_extract::after {
    color: #091F40!important;
}

.eye-pass:hover path {
    fill: #6a7dfe;
}

.hide-eye-pass {
    display: none;
}

.input100:focus {
    padding-left: 5px;
}

.input100:focus+.focus-input100::after, .input100:focus+.focus-input100_user::after, .input100:focus+.focus-input100_lock::after, .input100:focus+.focus-input100_boomerang_user::after, .input100:focus+.focus-input100_boomerang_lock::after, .input100:focus+.focus-input100_extract_user::after, .input100:focus+.focus-input100_extract_lock::after {
    top: -22px;
    font-size: 18px;
}

.input100:focus+.focus-input100::before, .input100:focus+.focus-input100_user::before, .input100:focus+.focus-input100_lock::before, .input100:focus+.focus-input100_boomerang_user::before, .input100:focus+.focus-input100_boomerang_lock::before, .input100:focus+.focus-input100_extract_user::before, .input100:focus+.focus-input100_extract_lock::before {
    width: 100%;
}

.has-val.input100+.focus-input100::after, .has-val.input100+.focus-input100_user::after, .has-val.input100+.focus-input100_lock::after, .has-val.input100+.focus-input100_boomerang_user::after, .has-val.input100+.focus-input100_boomerang_lock::after, .has-val.input100+.focus-input100_extract_user::after, .has-val.input100+.focus-input100_extract_lock::after {
    top: -22px;
    font-size: 18px;
}

.has-val.input100+.focus-input100::before, .has-val.input100+.focus-input100_user::before, .has-val.input100+.focus-input100_lock::before, .has-val.input100+.focus-input100_boomerang_user::before, .has-val.input100+.focus-input100_boomerang_lock::before, .has-val.input100+.focus-input100_extract_user::before, .has-val.input100+.focus-input100_extract_lock::before {
    width: 100%;
}

.has-val.input100 {
    padding-left: 5px;
}

/*[ Restyle Checkbox ]*/

.contact100-form-checkbox {
    padding: 50px 0 30px 30%;
}

.input-checkbox100 {
    display: none;
}

.label-checkbox100 {
    font-family: Poppins-Regular;
    color: #fff;
    line-height: 1.2;
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.select-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.label-checkbox100::before {
    content: "\f26b";
    font-family: Material-Design-Iconic-Font;
    font-size: 18px;
    color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 2px;
    background: #fff;
    left: 0;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-checkbox100:checked+.label-checkbox100::before {
    color: #000;
}

.label-checkbox100_extract {
    color: #091F40;
}

.label-checkbox100_extract::before {
    border: 1px solid #091F40;
}

/*[ Button]*/
.container-login100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.login100-form-btn {
    font-family: Poppins-Medium;
    color: #333333;
    line-height: 1.2;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 120px;
    height: 50px;
    border-radius: 25px;
    width: 60%;
    background: #7579ff;
    background: -webkit-linear-gradient(left, #8d8d8d, #dd2020);
    background: -o-linear-gradient(left, #8d8d8d, #dd2020);
    background: -moz-linear-gradient(left, #8d8d8d, #dd2020);
    background: linear-gradient(left, #8d8d8d, #dd2020);
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-login-boomerang {
   background: #447257!important;
   color:#fff!important;
}
.btn-login-boomerang::before {
    background: #447257!important;
    color:#fff!important;
 }

 .btn-login-extract {
    background: #ee4019!important;
    color:#fff!important;
 }
 .btn-login-extract::before {
     background: #ef4b25!important;
     color:#fff!important;
  }

.login100-form-btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: -webkit-linear-gradient(left, #dddddd, #bbbbbb);
    background: -o-linear-gradient(left, #dddddd, #bbbbbb);
    background: -moz-linear-gradient(left, #dddddd, #bbbbbb);
    background: linear-gradient(left, #dddddd, #bbbbbb);
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.login100-form-btn:hover {
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.login100-form-btn:hover:before {
    opacity: 0;
}

.logoContainer {
    margin-bottom: 70px;
}

.divider {
    margin-bottom: 60px;
}

.logoContainer img {
    width: 100%;
}

.logoInitContainer {
    margin-bottom: 20px;
    margin-top: 15px;
    text-align: center;
}

.logoInitContainer img {
    width: 20%;
}

/*[ Responsive ]*/

@media (max-width: 1400px) {
    .wrap-login100 {
        width: 500px;
        padding: 40px;
    }
    .contact100-form-checkbox {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logoContainer {
        margin-bottom: 30px;
        text-align: center;
    }

    .logoContainer img{
        width: 60%;
    }

    .divider {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .wrap-login100 {
        padding: 25px;
        border-radius: 0;
        padding-top: 50px;
    }

    .logoContainer {
        margin-bottom: 30px;
    }

    .logoContainer img{
        width: 100%;
    }

    #Login {
        padding: 0;
        align-items: inherit
    }
    #centerMainScreenTD{
    }
}

@media (max-width: 400px) {
    .contact100-form-checkbox {
        padding-left: 26%;
    }
}

@media (max-width: 340px) {
    .contact100-form-checkbox {
        padding-left: 22%;
    }
}

/*[ Alert validate ]*/

.validate-input {
    position: relative;
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.alert-validate::after {
    content: "\f06a";
    font-family: FontAwesome;
    font-size: 18px;
    color: #c80000;
    display: block;
    position: absolute;
    background-color: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}

.selectLogin, .list-item {
    border: none;
    display: block;
    width: 100%;
    border: none;
    color: #fff;
    background-color: transparent;
    background-image: none;
}

.selectLogin, .list-item_boomerang {
    color: #447257;
}

.list-item_extract {
    color: #091F40;
}

.selectLogin option, .list-item option {
    font-family: inherit;
    font-size: inherit;
    background-color: #2e3030;
}

.selectLogin option, .list-item_boomerang option, .list-item_extract option {
    background-color: #fff;
}

.selectLogin:focus,
.list-item:focus {
    outline: 0;
}

#LoginContainer input:-webkit-autofill,
#LoginContainer input:-webkit-autofill:hover,
#LoginContainer input:-webkit-autofill:focus,
#LoginContainer input:-webkit-autofill:active {
    box-shadow: 0 0 0px 1000px #222222 inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #222222 inset !important;
    -webkit-text-fill-color: white !important;
    text-decoration: none;
    outline: none;
}

#LoginContainer.loginContainerBoomerang input:-webkit-autofill,
#LoginContainer.loginContainerBoomerang input:-webkit-autofill:hover,
#LoginContainer.loginContainerBoomerang input:-webkit-autofill:focus,
#LoginContainer.loginContainerBoomerang input:-webkit-autofill:active {
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #447257 !important;
    text-decoration: none;
    outline: none;
}

#LoginContainer.loginContainerExtract input:-webkit-autofill,
#LoginContainer.loginContainerExtract input:-webkit-autofill:hover,
#LoginContainer.loginContainerExtract input:-webkit-autofill:focus,
#LoginContainer.loginContainerExtract input:-webkit-autofill:active {
    box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    -webkit-text-fill-color: #091F40 !important;
    text-decoration: none;
    outline: none;
}

#LoginContainer input::selection {
    background: #EF3925;
}

#LoginContainer input::-moz-selection {
    background: #EF3925;
}

.registration {
    font-size: 13px;
    font-family: Poppins-Regular, sans-serif;
    margin-top: 15px;
    text-align: center;
    color: #FFF;
}

.registration-link {
    font-size: 13px;
    font-family: Poppins-Regular, sans-serif;
    color: #FFF;
    text-decoration: none !important;
}

.registration-link:hover {
    color: #EF3925;
}

td.corrected{
    background-color: #d00;
    text-decoration: line-through;
}

.tmpLogoContainer {
    width: 80%;
}
.tmpLogoContainer img {
    width: 100%;
    height: 100vh;
}
.tmpLogoContainer_boomerang {
   text-align: center;
}

.tmpLogoContainer_boomerang img {
    width: 70%;
    height: 90vh;
}

@media all and (display-mode: fullscreen) {
    body {
        overscroll-behavior-y: none;
    }
}

/* Calendar component CSS */

.calNext, .calPrev {
    margin-right: 10px;
    width:100px;
    border:none; 
    font-size:16px !important;
    border-radius:4px;
    outline: none;
}
span.viewLabel {
    font-size: 16px;
    line-height: 28px; 
    margin-right: 10px;
}
span.viewLabelReport {
    font-size: 14px;
    line-height: 28px; 
    margin-right: 10px;
}

.modal-dialog{
    margin: auto !important;
    height: 100%;
}

.modal-content {
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    background: -webkit-linear-gradient(left, #555, #333);
    background: -o-linear-gradient(left, #555, #333);
    background: -moz-linear-gradient(left, #555, #333);
    background: linear-gradient(left, #555, #333);
    border: 3px solid lightgray;
    border-radius: 30px;
}

#linkTableColumnPreview .modal-body,
#trendShowCommentsCombined .modal-body {
    max-height:520px;
    overflow: auto;
    overflow-x: hidden;
}

.modal-header {
    color: #fff;
    padding: 15px 20px;
}

.modal-body {
    background-color: #eee;
    padding: 10px 20px;
}

.modal-footer {
    color: #fff;
}

.modal-header .close span {
    font-size: 25px !important;
    color: #fff;
}
.modal-title {
    font-weight: 400;
}

.commRow {
    margin-top: 10px;
}

.commRow.commRow:not(:last-child) {
    border-bottom: 2px dashed #ccc;
}

.modal-save-btn, .modal-cancel-btn {
    border: none;
    width: 90px;
    padding: 7px;
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    margin: 0 10px;
}

#reset_password_button.modal-save-btn {
    width: auto;
  }

.modal-save-btn {
    background-color: #ef3925!important;
}

.modal-save-btn.disable{
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.modal-save-btn:hover {
    background-color: #f02912!important;
}

.modal-cancel-btn {    
    background-color: #777!important;
}

.modal-cancel-btn:hover {
    background-color: #666!important;
}

.modal-section {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #555;
    margin-bottom: 5px;
}

.title-flex {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.assignedVarsModal, .availableVarsModal {
    height: 150px; 
    overflow: auto;
    border: 1px solid #ccc;
}

.assignedVarsModal li, .availableVarsModal li {
    border: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
}

#c_propPanel label {
    font-weight: 500;
}

.assignedVarsModal::-webkit-scrollbar-thumb,
.availableVarsModal::-webkit-scrollbar-thumb,
.axisModal::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #aaa;
}

.assignedVarsModal::-webkit-scrollbar,
.availableVarsModal::-webkit-scrollbar,
.axisModal::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.modal-tabs li.active a {
    background-color: transparent !important;
    border-bottom-color: #eee !important;
    margin-top: 1px;
    margin-bottom: 0px;
}

.languageSelect:focus {
    outline:none!important;
}

.selectFilter:focus {
    outline:none!important;
}

.sortIcon {
    margin-left: 4px;
    color: grey;
}

.sortIconLinkTable {
    white-space: break-spaces!important;
}

/* .filter-container .select2-container--default .select2-selection--multiple, .form-control.grid_search {
    border: none !important;
} */

.filter-container .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 5px 0 8px !important;
}

div[id$="grid_spinnerDiv"] {
    display: none;
    opacity: 0.3;
    justify-content: center;
    align-items: center;
    cursor: not-allowed;
    z-index: 100;
}

div[id$="grid_spinnerDiv"] span {
    font-size: 170px;
    color: #fff;
}

/* DateRange picker CSS */

.ranges li.active {
    background-color: #808080 !important;
    border: 1px solid #808080;
    color: #fff;
}

.ranges {
    margin: 4px 7px;
}

.ranges ul {
    min-width: 170px !important;
}

.ranges li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    border-radius: 4px;
    font-size: 13px !important;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    padding: 3px 12px !important;
    margin: 0 4px 8px 4px;
    width: 100%;
    min-width: 150px;
}

.ranges li:hover {
    background-color: #aaa !important;
    border: 1px solid #aaa;
    color: #fff !important;
}

.daterangepicker {
    padding: 4px !important;
}

.daterangepicker .calendar-wrap {
    display: flex;
    min-width: 650px;
    justify-content: space-between;
}

.daterangepicker_input {
    position: relative;
}

.daterangepicker_input .glyphicon-calendar {
    position: absolute;
    top: 8px;
    left: 10px;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none !important;
}

.daterangepicker .drp-buttons {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.daterangepicker .drp-calendar.left {
    margin-left: 10px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #808080;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border: none;
}

.daterangepicker .calendar-table td {
    font-size: 14px;
    padding: 5px;
}

.daterangepicker .calendar-table th {
    font-size: 14px;
}

.daterangepicker .btn {
    font-size: 12px;
    font-weight: 300 !important;
    padding: 5px 10px !important;
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect {
    background: transparent;
    border-color: #b1b1b1;
    border-radius: 4px;
}

.ranges .range_inputs .applyBtn,
.daterangepicker .drp-buttons .applyBtn {
    background: #808080;
    border-color: #808080;
    outline: none;
}

.ranges .range_inputs {
    margin-top: 2rem;
}

input.lastHours:focus {
    border-color: #808080;
    box-shadow: none;
}

.daterangepicker .input-mini.active {
    border: 1px solid #808080;
    box-shadow: none;
}

.daterangepicker .input-mini {
    padding-left: 30px;
}

.daterangepicker .calendar-time .glyphicon-time {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.daterangepicker td.in-range:not(.active) {
    background-color: #cecece;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background: #666;
    border: #666;
}

/* FANCY TREE CSS */

.fancytree-plain span.fancytree-title {
    color: white;
}

#treeView .fancytree-plain span.fancytree-title {
    color: black;
}

ul.fancytree-container {
    background-color: transparent;
    border: none;
    padding: 12px 3px;
}

.fancytree-plain span.fancytree-node:hover span.fancytree-title {
    background-color: rgb(97, 97, 97);
}

.fancytree-plain span.fancytree-active span.fancytree-title {
    background-color: rgb(97, 97, 97);
}

.fancytree-plain span.fancytree-focused span.fancytree-title {
    background-color: rgb(97, 97, 97);
}
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
    background-color: rgb(97, 97, 97);
}

.fancyTreeSearch {
    color: #f4efef;
    background: transparent;
    border: none;
    border-bottom: 1px solid grey;
}

.fancyTreeSearch:focus {
    color: #f4efef;
    background: transparent;
    border: none;
    border-color: transparent;
    border-bottom: 1px solid grey;
    box-shadow: none;
}

.btnResetSearch, .btnResetSearch[disabled], .btnResetSearch:focus  {
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    margin-left: 0px;
    box-shadow: none;
    padding: 0px;
}

.expandCollapse {
    font-size: 12px;   
    cursor: pointer;
}

/* END FANCY TREE CSS */
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {
    background: #193b4e;
    color: unset;
    border: 1px solid #666666;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    text-transform: capitalize;
    height: unset;
    margin: unset;
    padding: unset;
}

.ui-state-default, .ui-widget-content 
.ui-state-default, .ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active {
    background: unset;
    border-bottom: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #666;
}

.ui-jqgrid .tree-wrap-ltr {
    display: flex;
    align-items: flex-end;
    height: 19px;
}

.ui-corner-top {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

span.tree_operation_span {
    font-size: 12px;
    text-transform: lowercase;
    font-weight: normal;
}

.report-heading {
    display: flex;
    justify-content:space-between;
    align-items: center;
    border-top: 10px solid rgb(212, 62, 17);
    padding: 5px;
}

.report-heading span {
    font-size: 22px;
    font-weight: 100;
}

.xy_btn_container {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
}

.xy_btn_container button {
    background: transparent;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 30px;
    font-weight: 300;
    width: 180px;
    margin-right: 1rem;
}

.xy_btn_container button.paginationBTN {
    width: 70px;
    margin-right: unset;
    margin-left: 1rem;
}

.xy_btn_container button:hover {
    background-color: lightgray;
}

.showDataHolder_XY {
    width: 1rem;
    height: 1rem;
    border-radius: 0.3rem;
    border: 1px solid #ccc;
    background-color: transparent;
    cursor: pointer;
}
#trendXYComments #commentPlotList,
#trendXYComments #commList {
    height: 180px; 
    overflow: auto; 
    border: 1px solid #ccc;
}
#trendXYComments .commRows {
    padding: 5px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}
#trendXYComments .commRows span {
    max-width: 95%;
    white-space: nowrap;
    overflow: hidden;
}

#trendAverages #varsOnTrend > div, #syncTrendsModal #varsOnTrend div.first_line, #syncTrendsModal #varsOnTrend div.second_line,
#regularTrendsModal #varsOnTrend div.first_line, #regularTrendsModal #varsOnTrend div.second_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4em;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
}

#regularTrendsModal #varsOnTrend > div {
    border-bottom: 1px solid #ccc;
}

#regularTrendsModal #varsOnTrend div.first_line, #regularTrendsModal #varsOnTrend div.second_line {
    height: unset;
    border-bottom: unset;
}

#trendAverages #varsOnTrend > div > div.pretty, #syncTrendsModal #varsOnTrend > div > div.pretty, #regularTrendsModal #varsOnTrend > div > div.pretty {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 55%;
    height: 100%;
}

#syncTrendsModal #varsOnTrend div.pretty, #regularTrendsModal #varsOnTrend div.pretty {
    width: 30%;
}

#trendAverages #varsOnTrend > div label, #syncTrendsModal #varsOnTrend > div label, #regularTrendsModal #varsOnTrend > div label {
    margin: unset;
    font-weight: unset;
}

div[id^="chart"] > .addAvg {
    position: absolute;
    top: 0;
    right: 0;
}

.assignedVarsModal#varsOnTrend {
    height: 250px;
}

#trendAverages #varsOnTrend > div > div.pretty .state {
    margin-right: 1rem;
}

.linkTableIcon, .statusMapIcon, .settingsNotificationsIcon {
    cursor:pointer;
}

.ui-icon-asc {
    background-image: url('../images-app/sort-up.svg')!important;
    margin-top: 1px!important;
    margin-left: 3px!important;
}
.ui-icon-desc {
    background-image: url('../images-app/sort-down.svg')!important;
    margin-top: 3px!important;
    margin-left: 3px!important;
}
.ui-icon-triangle-1-n { background-position: unset; }
.ui-icon-triangle-1-s { background-position: unset; }


.columnPreview {
    cursor:pointer;
}

.filterIconBackground {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    background-color: rgb(250,250,250);
    color: white!important;
}
.filterIconBackgroundRunning {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    background-color: green;
    color: white!important;
}
.filterIconBackgroundStopped {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    background-color: #ffc107;
    color: white!important;
}
.filterIconBackgroundFaulted {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    background-color:  #f44336;
    color: white!important;
}
.filterIconBackgroundOffline {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    background-color: #607d8b;
    color: white!important;
}

.filterMenuDisabled {
    pointer-events: none;
    cursor: not-allowed;
}

.clearFilter:hover, .clearFilterFlatMap:hover {
    background-color: rgba(158,158,158,0.2);
    cursor: pointer;
}

#flatTable tr:hover {
    cursor: pointer!important;
}

.ui-jqgrid {
    border-right-width: 0px;
    border-left-width: 0px;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: transparent;
}

th.ui-th-column {
    border-right-color: transparent !important;
}

.ui-jqgrid tr.ui-row-ltr td {
    white-space: normal;
    border-bottom-color: rgba(0, 0, 0, .12);
}

.tableLink {
    padding-left: 15px;
}

.filter-container .mbaftersmall button {
    margin-left: 1rem;
    background: none;
    border: none;
}

.detail_values .detail_sign {
    white-space: nowrap;
    vertical-align: text-bottom;
}

.comm_badge {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #555;
}

#trendAddComentSpecial .select2-container--default .select2-selection--single {
    border: 1px solid #aaa !important;
    height: unset;
}

/* .select2-container--default .select2-selection--single {
    border: none !important;
} */

.gauge_part {
    cursor: pointer;
}

.microsoft-logo-container{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px; 
    border: 1px solid grey; 
    border-radius: 15px; 
    padding: 15px; 
    cursor: pointer;
}

#legend {
    background-color: white;
  /* //  opacity: 0.8; */
    display: flex;
    flex-direction: column;
    border-radius: 10px;
}

.legendIcon{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.legendIcon.selected{
    border: 1px solid white !important;
    color: white !important;
}

.legendIconFlat.selected {
    color: white !important;
}

#running.selected {
    background-color: green;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#stopped.selected {
    background-color: #ffc107;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#faulted.selected {
    background-color: #f44336;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#offline.selected {
    background-color: #607d8b;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}


#legend_running.selected {
    background-color: green;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#legend_stopped.selected {
    background-color: #ffc107;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#legend_faulted.selected {
    background-color: #f44336;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#legend_offline.selected {
    background-color: #607d8b;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#hideFirst.selected {
    background-color: red;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#hideSecond.selected {
    background-color: blue;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

/*Modal upload documents*/
.modal-pdf-table{
    background: white;
    border-radius: 0;
}
.modal-pdf-body{
    background-color: white;
    
}

.modal-header-pdf{
    margin: 0px;
    padding: 0px;
}
.modal-title-pdf{
    color: #444;
    font-size: 24px;
}

.upload-container {
    position: relative;
  }
.upload-container input {
    border: 1px solid #92b0b3;
    background: #f1f1f1;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    padding:100px 130px 150px 180px;
    text-align: center !important;
    width: 100%;
}
.upload-container input:hover {
    background: #ddd;
}
.upload-container:before {
    position: absolute;
    bottom: 100px;
    left: 200px;
    content: "Drag and Drop files here. ";
    color: #444;
    font-weight: 200;
}
.upload-btn {
    margin-left: 300px;
    padding: 7px 20px;
}
.modalTableStyle {
    color:black;
    border:none;
    border-bottom:1px solid #bbb7b7;
    outline: none;
    
}

.modal-confirm-btn-remove{
    background-color: #777!important;
}

#jqgh_tree_fileName{
    padding-left: 10px;
}
/*Modal upload documents*/
.label-grey{
    color: #aaa;
}

.wellSort:hover {
    cursor:pointer!important;
}
.bulkNotySave {
    color: white;
    padding: 5px 10px;
    background: #585858;
    border-radius: 7px;
    border: none;
    margin-right: 13px;
}

.bulkNotySave:hover {
    background: #4e4e4e;
}

.bulkNotySave:disabled {
    background: #6d6d6d;
    cursor: not-allowed;
}

.wellRow {
    cursor: pointer;
}

.selectAllNoty:hover {
    color:#09c711;
}

.groupButtonLinkTable, .groupButtonMap {
    color: rgba(0,0,0,0.54);
    border: 1px solid #c1c1c1;
    background: transparent;
}

.groupButtonLinkTable:focus, .groupButtonMap:focus {
    outline:none!important;
}

.groupButtonLinkTable.active, .groupButtonMap.active {
    background: rgba(0,0,0,0.54);
    color: #fff;
    font-weight: 500;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}

#filterCompanyInFlatTable .select2-hidden-accessible {
    display: none !important; 
    visibility: hidden !important;
}

.wayOfPresentation {
    color: rgba(0,0,0,0.54);
    border: 1px solid #c1c1c1;
    padding: 3px 10px;
    background: transparent;
    text-transform: uppercase;
}
.wayOfPresentation.active {
    background: rgba(0,0,0,0.54);
    color: #fff;
    font-weight: 500;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}
.wayOfPresentation:focus {
    outline:none!important;
}

.wayOfPresentation:hover, .groupButtonLinkTable:hover, .groupButtonMap:hover {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
}



/*alarmsEventView*/

#alarmsEventsViewMenu {
    display: flex;
    flex-direction: row;
    background-color: white;
}
/* 
#alarmsEventsView .ui-jqgrid-hdiv {
    display: none;
} */

#alarmsEventsViewMenu .fa{
    font-size: 16px;
}

#alarmsEventsViewMenu.menu-icons{
    display: flex;
    padding: 5px;
    border-bottom: 1px solid gray;
    margin-left: 3px;
    margin-right: 3px;
}

#alarmsEventsViewMenu.menu-icons .icon{
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
}    

#alarmsEventsViewMenu.menu-icons .icon{
    margin: 2px;
    border-radius: 10px;
} 

#alarmsEventsViewMenu.menu-icons .icon.selected{
    background: gainsboro;
} 


#alarmsEventsViewMenu .numberOfOccurrences{
    background-color: grey;
    color: white;
    border-radius: 12px;
    margin-left: -10px;
    width: 12px;
    height: 12px;
    margin-top: 12px;
    text-align: center;
    font-size: 8px;
}

/* #alarmsEventsView .ui-widget-content {
    background: white;
    color: black;
    border-bottom: 1px solid gray;
    margin-left: 3px;
    margin-right: 3px;
} */

#alarmsEventsViewMenu .commentTd {
    color: gray;
    font-size: 12px;
}

.mapLayerDiv {
    border-bottom: 1px solid lightgrey;
    padding: 5px;
}

.mapLayerDiv:hover {
    background: none padding-box rgb(235,235,235);
}

.mapLayersButton {
    width: 100%;
    border-radius: 2px;
    background:none padding-box rgb(255, 255, 255);
    padding: 9px 12px;
}

.mapLayersButton:focus {
    outline: none!important;
    border-style: none!important;
}

.mapLayersButton:hover {
    background: none padding-box rgb(235,235,235);
}

.paddingRightClass {
    padding-right: 15px!important;
}

.disableArrowPager {
    color: #c3c1c1;
}

.boomReportButton {
    width: 180px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer;
    outline: none;
}

.boomReportButton:hover {
    background-color: #eee;
}

.boomReportDatepicker {
    border: 1px solid #ccc;
    padding: 6px;
    color: #555;
    outline: none;
}

.boom_table_report td {
    border: 2px solid #aaa;
    padding: 5px;
    width: 20%;
}

.boom_table_report .tableHeaders td {
    font-weight: 700;
}

.dropdownExport {
    top: 35px;
    right: 4px;
    width: 125px;
    border: 1px solid #666;
    display: none;
    position: absolute;
    background: #2a2a2a;
    border-radius: 5px;
    z-index: 5;
}

.dropdownExport div {
    cursor: pointer;
    color: #ccc;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
}

.dropdownExport div:hover {
    background: #333;
}

.ext_dash_button {
    width: 5rem;
    padding: 4px 10px;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: none !important;
    margin: 0 0.5rem;
}

.greyButtonAuth {
    margin-bottom: 5px;
    background-color: #9d9fa2;
    border: 1px solid #9d9fa2;
    color: #3e3e3d;
    border-radius: 22px;
    padding: 4px 20px;
    margin-right: 5px;
    font-size: 14px;
}

.greyButtonAuth:disabled {
    color: #78787b;
}

.btn-close {
    box-shadow: none !important;
}

.control-label {
    font-weight: 700;
    margin-bottom: 5px;
}

.form-control {
    font-size: 0.875rem;
    color: #555;
    border: 1px solid #ccc;
}

select.form-control {
    appearance: auto;
    -webkit-appearance: auto;
}

.reportrange .fa-calendar {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
}

/* Connections and variables in modal style */

#popupContent > .filter,
#popupContent > .availableVariables, 
#popupContent > .assignedVariables {
    padding: 10px;
    border-top: 1px solid #555;
    position: relative;
}

.varRadioButtons, .removeAll {
    text-align: -webkit-right;
}

#availableVars {
    border: 1px solid #ccc;
    overflow: auto;
    border-radius: 4px;
    margin: 0 10px 10px;
    background-color: #fff;
    min-height: 80px;
}

#assignedVars, #assignedWells {
    box-sizing: border-box;
    border: 1px solid #ccc;
    overflow: auto;
    min-height: 30px;
    max-height: 125px;
    border-radius: 4px;
    margin: 0 10px;
    background-color: #fff;
}

#availableVars, #assignedVars, #assignedWells {
    max-height: 120px;
}

#assignedVars .selected{
    background-color: lightgray;
}

.popup-title {
    font-weight: 500;
    color: #444;
    margin: auto 0;
}

.item, .itemSufix, .itemWell {
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0 5px 15px;
}

#assignedVars .selected,
.item,
.itemSufix,
.itemWell,
.minus,
.minusItemWell,
.minusItemSufix{
    cursor: pointer;
}

.plus,
.minus,
.minusItemWell,
.minusItemSufix {
    float: right
}

.plus {
    padding-right: 20px;
}

.minus, .minusItemWell, .minusItemSufix {
    padding-right: 30px;
    padding-top: 5px;
}

.addedVars {
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0 5px 15px;
}

#multipleWellOverlayTrendsModal .modal-body, #multipleCombinedTrendsModal .modal-body {
    max-height: 35rem;
    overflow-y: auto;
}

.addedVars span {
    font-size: 13px;
    cursor: pointer;
}

#paramAttr.var {
    display: flex;
    justify-content: space-between;
    margin: 15px 10px 0;
    flex-wrap: wrap;
}

.paramBoxCol {
    width: 40%;
    display: flex;
    margin-bottom: 5px;
    justify-content: space-between;
    align-items: center;
}

.option-title {
    font-weight: 300;
    color: #000;
}

.varPager {
    display: flex;
    justify-content: space-between;
    margin: 10px;
    align-items: center;
}

.varPagesButtons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.varPagesButtons .pagerButton {
    width: 3rem;
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 5px;
    margin-left: 1rem;
    outline: none;
}

#popupContent > .filter > i {
    position: absolute; 
    right: 16px; 
    top: 18px;
    color: #555;
    font-size: 13px;
}

.removeAll {
    cursor: pointer;
}
/* Connections and variables in modal style END */
/* Comments */

.flexRow {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.searchComments {
    flex: 1;
    min-height: 0px;
}
.searchInput {
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #f4f7fa;
    border: none;
    box-shadow: none;
    color: #666666;
    outline: none;
}

.searchIconsClear {
    align-self: end;
    cursor: pointer;
    display: none;
}

.buttonAddRow {
    justify-content: end;
}

.addNew, .cancelAddingComm {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0F1E15;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
}

.cancelAddingComm {
    display: none;
}

.flex-1 {
    flex: 1;
}

.content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.inputDiv {
    background-color: #fff;
}

.actionText {
    color: #008000;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.disabledSpan {
    pointer-events: none;
    color: lightgray !important;
    cursor: none;
}

.disabledAction {
    pointer-events: none;
    opacity: 45%;
}

.deleteComment {
    border: none;
    background-color: transparent;
    padding: 0;
}

.listOfComments {
    overflow: auto;
}

.listOfComments::-webkit-scrollbar {
    opacity: 0;
    }
    
.listOfComments {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

.commentDiv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
}

.userLabel {
    color: #666666;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.commentText {
    color: #666666;
    opacity: 0.8;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: pre-line;
}

.commentDate,
.pinnedLabel {
    color: #666666;
    opacity: 0.8;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pinnedLabel {
    cursor: pointer;
}

.replyLabel {
    color: #008000;
    text-align: right;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.replyDiv {
    justify-content: space-between;
    width: 100%;
}

.hideReplyComm {
    color: #666666;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    cursor: pointer;
    display: none;
}

.replyParent {
    width: 100%;
    display: none;
}

.replyCommentDiv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
}

.newCommentDiv {
    background: #fff;
    width: 100%;
    display: none;
}

.formSection {
    display: flex;
    border-radius: 4px;
    background: #fff;
    border: none;
    position: relative;
}

.textAreaForm {
    border-radius: 4px;
    background: #fff;
    border: none;
    width: 100%;
    margin: 0px;
    color: #666666;
    height: auto;
}

textarea {
    resize: none;
    overflow: hidden;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

textarea:focus {
    outline: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.textAreaForm::placeholder {
    color: #666666;
    opacity: 0.5;
    font-style: italic;
    font-weight: 300;
    line-height: baseline;
}

.newCommentButton {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    background: transparent;
    box-shadow: none;
    height: 100% !important;
}

.loaderComponent {
    position: relative;
    top: 30%;
}

.loaderDiv {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loaderText {
    color: #666;
    text-align: center;
    font-style: normal;
    font-weight: 400;
}

.loaderTextGreen {
    color: #2ABF79;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
}

/* End comments */

#rootChatReact {
    position: fixed;
    bottom: 125px;
    right: 50px;
    width: 370px;
    height: 605px;
    z-index: 123;
    display: none;
    border: 1px solid green;
    border-radius: 5px;
    box-shadow: 1px 1px 15px gray;
}

#chatButton {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background-color: green;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* CHAT START */
.create-group-circle {
    display: flex;
    width: 32px;
    height: 32px;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 160px;
    border: 2.4px solid #fff;
    background: #FD6735;
    color: #fff;
}

.green {
    background: #2ABF79;
}

.groupMemberRow {
    display: flex;
    align-items: center;
}

.resultsLabel {
    margin-top: 7px;
    margin-bottom: 7px;
    color: #666;
}

.boxUser {
    justify-content: center;
    align-items: flex-start;
    padding-right: 8px;
}

.iconUser {
    display: flex;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-style: normal;
    border: 2.4px solid #fff;
    background: #FD6735;
    color: #fff;
    margin-right: 12px;
}

.iconUserSmall {
    display: flex;
    height: 18px;
    width: 18px;
    border-radius: 50px;
    background: #86878C;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-left: -27px;
    color: #fff;
    border: 1px solid #fff;
}

.iconUserSmall .fa-close {
    font-size: 11px;
}

#addedUserList {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}

.create-btn, .cancel-btn, .add-btn {
    border: none;
    width: 90px;
    padding: 7px;
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    margin: 0 10px;
}

.create-btn, .add-btn {
    background-color: #ef3925!important;
}

.create-btn:hover, .add-btn:hover {
    background-color: #f02912!important;
}

.cancel-btn {    
    background-color: #777!important;
}

.cancel-btn:hover {
    background-color: #666!important;
}

.formLabel {
    margin-top: 10px;
    margin-bottom: 5px;
}

#firstStep, #secondStep {
    padding-bottom: 10px;
}

.rowUser {
    margin-bottom: 7px;
    align-items: center;
}

.deleteAddedGroupMember {
    margin-right: 5px;
}

.roleSelect {
    margin-right: 15px;
}

#listOfMembers {
    max-height: 100px;
    overflow: auto;
}

.edited {
    display: none !important;
}

  .sendbird-channel-preview__content__upper__header__channel-name::-webkit-scrollbar {
    display: none;
  }
  
  .sendbird-ui-header__middle{
    overflow: auto;
    margin-left: 5px;
  }

  .sendbird-ui-header__middle::-webkit-scrollbar {
    display: none;
  }


.sendbird-message-input .sendbird-message-input--attach {
    position: absolute;
    padding: 6px;
    right: 16px!important;
    bottom: 9px;
  }
  .sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled {
    right: 38px!important;
  }
  .sendbird-message-input .sendbird-message-input--voice-message {
    position: absolute;
    padding: 6px;
    right: 0px;
    bottom: 9px;
  }

  .sendbird-message-input .sendbird-message-input--welltag-message {
    position: absolute;
    padding: 6px;
    right: 64px;
    bottom: 9px;
  }

  .sendbird-message-input .sendbird-message-input--send {
    right: 20px!important;
  }

  .wellSpanRow {
    padding-bottom: 20px;
  }

  #wells_search {
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .sendbird-theme--light .sendbird-label--color-onbackground-2 {
    color: #666!important;
  }

  .sendbird-message-input .sendbird-message-input--textarea {
    padding: 13px 77px 13px 16px!important;
  }
  
  .sendbird-theme--light .sendbird-label--color-oncontent-2 {
    display: none;
  }

  #wellsLoader {
    text-align: center;
    font-style: normal;
    color: grey;
    height: 21px;
  }

  .sendbird-message-content.incoming .sendbird-message-content__middle 
  .sendbird-message-content__middle__body-container 
  .sendbird-message-content__middle__body-container__created-at {
    bottom: 2px!important;
  }

  .sendbird-theme--light .sendbird-label--color-onbackground-1 {
    font-weight: normal!important;
    line-height: 19px!important;
  }

  .sendbird-label--button-1 {
    font-weight: normal!important;
  }

  .sendbird-channel-preview:hover .sendbird-channel-preview__content__upper__last-message-at {
    display: flex!important;
  }

  .sendbird-user-list-item--small__title {
    width: 200px!important;
  }

  .sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle {
    max-width: calc(100% - 75px)!important;
  }

/* CHAT END */

.batteryContainer {
    height: 8rem;
    display: flex;
    padding: .5rem;
    position: relative;
    text-align: center;
    align-items: center;
    border-radius: 1rem;
    justify-content: center;
    background-color: #156082;
    color: #fff;
    cursor: pointer;
}

.batteryAlarmIndikator {
    top: 1rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    position: absolute;
    background-color: white;
}

/*
Chat styles
*/
.sendbird-theme--light .sendbird-channel-preview__content__upper__header__channel-name {
    font-size: 13px !important;
    font-weight: 500 !important;
}
.sendbird-message-content__middle__message-item-body.sendbird-text-message-item-body.incoming,  
.sendbird-message-content__middle__message-item-body.sendbird-text-message-item-body.outgoing,
.sendbird-quote-message__replied-message__text-message__word {
    font-size: 12px !important;
    font-weight: 400 !important;
}  
.sendbird-message-status__text.sendbird-label.sendbird-label--caption-3 {
    font-size: 11px !important;
}
.sendbird-quote-message__replied-to__text.sendbird-label.sendbird-label--caption-2 {
    font-weight: 500 !important;
    padding-right: 3px;
}
.sendbird-word__mention .sendbird-label.sendbird-label--caption-1 {
    font-weight: 500 !important;
}
/* Activity log component */
.dateInput {
    justify-content: space-between;
    height: 38px;
    align-items: center;
    gap: 6px;
    border-radius: 7px;
    background: #ffffff;
    padding: 0 12px;
    cursor: pointer;
}
.periodLabel {
    color: #666666;
}
.filterButton {
    min-width: 36px;
    height: 36px;
    margin-left: 10px;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.lightLabel {
    color: #666666c2;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 5px;
}
.longText {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.sendbird-chat-header--avatar--group-channel .sendbird-avatar--inner__three-child--lower {
    display: none;
}
.show {
    display:block!important;
}

.favoriteMenuOption, .rightMenuLinkTableOption {
    padding: 7px 10px;
    display: block;
}

.favoriteMenuOption:hover, .rightMenuLinkTableOption:hover {
    background-color: #868686;
    cursor: pointer;
}

.followNotyWell, .unfollowNotyWell {
    cursor: pointer;
}

.icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

/* .icon-box.selected{
   background-color: #2ABF79!important;
}

.icon-box-inner {
    width: 16px;
    margin: 0 auto;
    position: relative;
    top: 5px;
    overflow: hidden;
} */

#settingNotyFilterMenuAction.selected {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
    background-color: grey;
}
#settingNotyFilterMenuAction.selected i {
    color: white!important;
}
.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name {
    overflow-x: unset!important;
}

.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word {
    max-height: unset!important;
}

/* SCHEDULING USER REPORT */

.dateEndText {
    cursor: pointer;
    color: rgb(44, 44, 235);
    margin-top: 25px;
    margin-bottom: 0px;
}

.show {
    display:block!important;
}

.hide {
    display: none!important;
}

.clearEndDate {
    cursor: pointer;
    color: rgb(44, 44, 235);
    margin-left: 5px;
}

.clock-timepicker-popup {
    top: unset!important;
    left: unset!important;
}

.addTimeOfDay {
    border: none;
    padding: 4px 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    font-weight: 300;
    margin: 0 10px;
    background-color: #777;
}

#timeOfDay {
    margin-top: 15px;
}

.removeTimeOfDay {
    cursor: pointer;
    padding-top: 5px;
    float: right;
}

.timeOfDayTable {
    background-color: white;
    border-radius: 5px;
    border-color: 1px solid lightgray;
    margin-top: 10px;
    max-height: 110px;
    overflow-y: auto;
}

.timeOfDayTable div {
    padding: 5px 10px;
}

.days, .months {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}

.months {
    flex-wrap: wrap;
    gap: 18px;
}

.dayBlock, .monthBlock {
    border-radius: 5px;
    border: 2px solid #555;
    color: #555;
    cursor: pointer;
    width: 50px;
    align-items: center;
    height: 50px;
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: center;
}

.dayBlock.selected, .monthBlock.selected {
    background-color: #555;
    color: white;
}

.clockpicker-popover {
    position: absolute!important;
}

.clockpicker-button-on {
    background: grey;
    color: white;
}
/* SCHEDULING USER REPORT - END */

.flex-1 {
    flex: 1;
}

#wellSelect .select2-selection--multiple .select2-selection__choice {
    display: block !important;
    width: fit-content;
}

.inputSearch {
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.varHolderCustomVars {
    height: 120px;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    background-color: #fff;
    margin-top: 0.5rem;
}

.varHolderCustomVars div {
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 13px;
}

.half {
    gap: 10px;
    width: 0;
    flex: 1 1 0;
}

#treeView::-webkit-scrollbar {
    display: none;
}

#treeView {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.dynacardNoData {
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 28px;
}

.tableLinkToScreenHref {
    color: black!important;
    cursor: pointer;
    text-decoration: none;
}

.saveDynacardPointPosition {
    width: auto;
    font-weight: 400;
    border: none;
    border-radius: 5px;
    color: #fff;
    background-color: #2a2a2a;
    border: 1px solid #4d4d4d;
    padding: 2px 8px;
}
.saveDynacardPointPosition:hover {
    background: #4c4a4a;
}

.saveDynacardPointPosition:disabled {
    background: #8d8d8d;
    border: 1px solid #8d8d8d;
    cursor: not-allowed;
}

#goToEditorMenu {
    padding: 7px 10px;
    display: none;
    background: rgb(160, 157, 157);
    position: fixed;
    z-index: 50000;
    top: 815.188px;
    left: 1133.72px;
    font-family: poppins !important;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

#goToEditorMenu:hover {
    background-color: #868686;
}

.navigator-extender {
    position: absolute;
    z-index: 1000;
    width: auto;
    height: 25px;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #2a2a2a;
    border: 1px solid rgba(113, 123, 132, 0.4);
    border-radius: 4px;
    top: 10px;
    transition: margin-left 0.2s ease;
    color: white;
    padding: 8px;
}

.navigator-extender:hover {
    background-color: #4c4a4a!important;
}

.navigator-extender.extended {
    background-color: #2a2a2a;
    color: white;
    border: 1px 0 1px 1px solid rgba(113, 123, 132, 0.4);
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.navigator-extender.indent {
    color: white;
    background-color: #2a2a2a;
    border: 1px 0 1px 1px solid rgba(113, 123, 132, 0.4);
    border-right: none;
}

  .multiCombinedSettingsPart {
    gap: 20px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: absolute;
    width: 25%;
    background: white;
    z-index: 999;
  }
i.addCommentBtn {
    margin-left: 5px;
}

.alarmCommentText {
    font-size: inherit;
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
    display: block;
}

#notificationsSettingsAddWellModal #wellsList {
    max-height: 400px;
    overflow-y: auto;
    margin: 10px 0;
}

#notificationsSettingsAddWellModal #wellsList::-webkit-scrollbar {
    width: 10px;
}

#notificationsSettingsAddWellModal #wellsList::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

#notificationsSettingsAddWellModal #wellsList::-webkit-scrollbar-thumb {
    background: linear-gradient(left, #555, #333);
    border-radius: 5px;
}

#notificationsSettingsAddWellModal #wellsList::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #5a0eb8, #1f64d0);
}

#notificationsSettingsAddWellModal #wellsList {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #C2C2C2 #f1f1f1;
}
li.varName {
    white-space: nowrap;
    overflow-x: auto;
    display: block; 
}

li.varName::-webkit-scrollbar {
    height: 6px;
  }
  
  li.varName::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./static/css/main.css (2) ***!
  \*******************************************************************************************************/
@media (max-width:2000px){#root{height:605px;margin:0 auto;width:300px}}.sendbird-word{display:inline;height:-webkit-fit-content;height:fit-content}.sendbird-word__url{color:inherit;display:inline;word-break:break-all}.sendbird-open-channel-preview{box-sizing:border-box;display:inline-flex;flex-direction:row;height:58px;min-height:58px;min-width:264px;position:relative;width:264px}.sendbird--mobile-mode .sendbird-open-channel-preview{width:100%}.sendbird-theme--light .sendbird-open-channel-preview{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-open-channel-preview{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-open-channel-preview:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-open-channel-preview:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-open-channel-preview.selected{background-color:#2abf79;background-color:var(--sendbird-light-primary-100);border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-open-channel-preview.selected{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300);border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-dark-primary-200)}.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image{height:42px;margin-left:16px;margin-top:8px;width:42px}.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image,.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar,.sendbird-open-channel-preview .sendbird-open-channel-preview__cover-image .sendbird-open-channel-preview__cover-image__avatar--default{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;position:relative}.sendbird-open-channel-preview .sendbird-open-channel-preview__context{box-sizing:border-box;display:inline-flex;flex-direction:column;margin-left:16px;margin-top:8px;position:relative;width:calc(100% - 100px)}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;height:16px;position:relative;width:100%}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name{box-sizing:border-box;display:inline-block;overflow:hidden;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:keep-all}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name.frozen{max-width:calc(100% - 20px)}.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__channel-name{overflow-y:hidden}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__title .sendbird-open-channel-preview__context__title__frozen{display:inline-flex;margin-left:4px;position:relative}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;height:14px;margin-top:8px;position:relative;width:100%}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__icon{box-sizing:border-box;display:inline-flex;height:14px;position:relative;width:14px}.sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{box-sizing:border-box;display:inline-flex;height:12px;margin-left:4px;max-width:160px;overflow-x:hidden;position:relative;text-overflow:ellipsis;width:160px;word-break:keep-all}.sendbird--mobile-mode .sendbird-open-channel-preview .sendbird-open-channel-preview__context .sendbird-open-channel-preview__context__participants .sendbird-open-channel-preview__context__participants__count{overflow-y:hidden}.sendbird-create-open-channel-ui{display:inline-flex;position:relative}.sendbird-create-open-channel-ui__profile-input{box-sizing:border-box;display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section{align-items:center;display:inline-flex;flex-direction:row;margin-top:16px;position:relative}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar{align-items:center;display:inline-flex;height:80px;justify-content:center;position:relative;width:80px}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default{align-items:center;border-radius:50%;display:inline-flex;height:80px;justify-content:center;position:relative;width:80px}.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button{display:inline-flex;margin-left:18px;position:relative}.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section{display:inline-flex;flex-direction:row;margin-top:8px;position:relative}.sendbird-open-channel-list,.sendbird-open-channel-list-ui{box-sizing:border-box;display:inline-flex;flex-direction:column;height:100%;min-width:256px;position:relative;width:256px}.sendbird--mobile-mode .sendbird-open-channel-list,.sendbird--mobile-mode .sendbird-open-channel-list-ui{width:100%}.sendbird-theme--light .sendbird-open-channel-list,.sendbird-theme--light .sendbird-open-channel-list-ui{border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-open-channel-list,.sendbird-theme--dark .sendbird-open-channel-list-ui{border-right:1px solid #ffffff1f;border-right:1px solid var(--sendbird-dark-ondark-04)}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header{align-items:center;box-sizing:border-box;display:inline-flex;flex-direction:row;height:64px;position:relative;width:100%}.sendbird-theme--light .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,.sendbird-theme--light .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-open-channel-list .sendbird-open-channel-list-ui__header,.sendbird-theme--dark .sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__title{align-items:center;box-sizing:border-box;display:inline-flex;margin-left:24px;position:relative}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-refresh{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;position:absolute;right:56px;top:16px}.sendbird-open-channel-list .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__header .sendbird-open-channel-list-ui__header__button-create-channel{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;position:absolute;right:16px;top:16px}.sendbird-open-channel-list .sendbird-open-channel-list-ui__channel-list,.sendbird-open-channel-list-ui .sendbird-open-channel-list-ui__channel-list{box-sizing:border-box;display:inline-flex;flex-direction:column;height:536px;overflow-y:scroll;position:relative;width:100%}.sendbird-open-channel-list-ui__channel-list--place-holder--loading{align-items:center;display:inline-flex;justify-content:center;min-height:62px;position:relative}.sendbird-theme--light .sendbird-open-channel-list-ui__channel-list--place-holder--loading{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}:root{--sendbird-light-primary-500:#2abf79;--sendbird-light-primary-400:#2abf79;--sendbird-light-primary-300:#2abf79;--sendbird-light-primary-200:#2abf79;--sendbird-light-primary-100:#2abf79;--sendbird-light-secondary-500:#066858;--sendbird-light-secondary-400:#027d69;--sendbird-light-secondary-300:#259c72;--sendbird-light-secondary-200:#69c085;--sendbird-light-secondary-100:#a8e2ab;--sendbird-light-information-100:#adc9ff;--sendbird-light-error-500:#9d091e;--sendbird-light-error-400:#bf0711;--sendbird-light-error-300:#de360b;--sendbird-light-error-200:#f66161;--sendbird-light-error-100:#fdaaaa;--sendbird-light-background-700:#000;--sendbird-light-background-600:#161616;--sendbird-light-background-500:#2c2c2c;--sendbird-light-background-400:#393939;--sendbird-light-background-300:#bdbdbd;--sendbird-light-background-200:#e0e0e0;--sendbird-light-background-100:#eee;--sendbird-light-background-50:#fff;--sendbird-light-overlay-01:#0000008c;--sendbird-light-overlay-02:#00000052;--sendbird-light-onlight-01:#000000e0;--sendbird-light-onlight-02:#fff;--sendbird-light-onlight-03:#00000061;--sendbird-light-onlight-04:#0000001f;--sendbird-light-onlight-05:#00000070;--sendbird-light-ondark-01:#ffffffe0;--sendbird-light-ondark-02:#ffffff80;--sendbird-light-ondark-03:#ffffff61;--sendbird-light-ondark-04:#ffffff1f;--sendbird-light-shadow-01:0 1px 5px 0 #2122420a,0 0 3px 0 #00000014,0 2px 1px 0 #0000001f;--sendbird-light-shadow-02:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;--sendbird-light-shadow-03:0 6px 10px -5px #0000000a,0 6px 30px 5px #00000014,0 16px 24px 2px #0000001f;--sendbird-light-shadow-04:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;--sendbird-light-shadow-message-input:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;--sendbird-dark-primary-500:#2abf79;--sendbird-dark-primary-400:#2abf79;--sendbird-dark-primary-300:#2abf79;--sendbird-dark-primary-200:#2abf79;--sendbird-dark-primary-100:#2abf79;--sendbird-dark-secondary-500:#066858;--sendbird-dark-secondary-400:#027d69;--sendbird-dark-secondary-300:#259c72;--sendbird-dark-secondary-200:#69c085;--sendbird-dark-secondary-100:#a8e2ab;--sendbird-dark-information-100:#adc9ff;--sendbird-highlight-100:#fff2b6;--sendbird-dark-error-500:#9d091e;--sendbird-dark-error-400:#bf0711;--sendbird-dark-error-300:#de360b;--sendbird-dark-error-200:#f66161;--sendbird-dark-error-100:#fdaaaa;--sendbird-dark-background-700:#000;--sendbird-dark-background-600:#2c3330;--sendbird-dark-background-500:#2c2c2c;--sendbird-dark-background-500-ligther:#757575;--sendbird-dark-background-400:#393939;--sendbird-dark-background-300:#bdbdbd;--sendbird-dark-background-200:#e0e0e0;--sendbird-dark-background-100:#eee;--sendbird-dark-background-50:#fff;--sendbird-dark-overlay-01:#0000008c;--sendbird-dark-overlay-02:#00000052;--sendbird-dark-onlight-01:#000000e0;--sendbird-dark-onlight-02:#00000080;--sendbird-dark-onlight-03:#00000061;--sendbird-dark-onlight-04:#0000001f;--sendbird-dark-ondark-01:#ffffffe0;--sendbird-dark-ondark-02:#ffffff80;--sendbird-dark-ondark-03:#ffffff61;--sendbird-dark-ondark-04:#ffffff1f;--sendbird-dark-ondark-05:#ffffff70;--sendbird-dark-shadow-01:0 1px 5px 0 #2122420a,0 0 3px 0 #00000014,0 2px 1px 0 #0000001f;--sendbird-dark-shadow-02:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;--sendbird-dark-shadow-03:0 6px 10px -5px #0000000a,0 6px 30px 5px #00000014,0 16px 24px 2px #0000001f;--sendbird-dark-shadow-04:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;--sendbird-light-shadow-05:0 2px 8px 0 #00000014,0 4px 6px 0 #0000001f;--sendbird-dark-shadow-message-input:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;--sendbird-iconbutton-color:#825eeb;--sendbird-message-input-border-active:#7b53ef;--sendbird-selected-reaction-button-border-hover:#9e8cf5;--sendbird-add-reaction-button-border-hover:#9e8cf5;--sendbird-tooltip-background:#000;--sendbird-tooltip-text-color:#ffffffe0;--sendbird-button-border-focus:#fff;--sendbird-file-message-icon-background:#fff;--sendbird-font-family-default:"Roboto",sans-serif;--sendbird-message-balloon-width:404px}.sendbird-experimental__rem__units .sendbird-label--h-1{font-size:1.25rem}.sendbird-experimental__rem__units .sendbird-label--h-2{font-size:1.125rem}.sendbird-experimental__rem__units .sendbird-label--subtitle-1{font-size:1rem}.sendbird-experimental__rem__units .sendbird-label--body-1,.sendbird-experimental__rem__units .sendbird-label--subtitle-2{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-label--body-2{font-size:.75rem}.sendbird-experimental__rem__units .sendbird-label--button-1,.sendbird-experimental__rem__units .sendbird-label--button-2,.sendbird-experimental__rem__units .sendbird-label--caption-1{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-label--caption-2{font-size:.75rem}.sendbird-experimental__rem__units .sendbird-label--caption-3{color:#000;font-family:Inter;font-size:.75rem;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.sendbird-experimental__rem__units .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-checkbox{font-size:1.375rem}.sendbird-experimental__rem__units .sendbird-mention-user-label{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-mention-user-label.purple{font-size:1.125rem}.sendbird-experimental__rem__units .sendbird-input .sendbird-input__input,.sendbird-experimental__rem__units .sendbird-input .sendbird-input__placeholder,.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--placeholder,.sendbird-experimental__rem__units .sendbird-message-input .sendbird-message-input--textarea{font-size:.875rem}.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-message__file-message,.sendbird-experimental__rem__units .sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text,.sendbird-experimental__rem__units .sendbird-tooltip__text{font-size:.75rem}.sendbird-modal--full-mobile .sendbird-modal__content{height:100%;max-width:100%;width:100vw}.sendbird-modal{align-items:flex-end;display:flex;height:600px;justify-content:center;left:0;position:absolute;top:0;width:100%}.modal-sendbird-height{height:600px!important}.sendbird-modal__backdrop--clickoutside{cursor:pointer}.sendbird-modal__content{border-radius:4px;box-sizing:border-box;padding:18px 24px 24px;position:relative;width:480px;z-index:10001}.sendbird-theme--light .sendbird-modal__content{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;box-shadow:var(--sendbird-light-shadow-04)}.sendbird-theme--dark .sendbird-modal__content{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 9px 15px -7px #0000000a,0 9px 46px 8px #00000014,0 24px 38px 3px #0000001f;box-shadow:var(--sendbird-dark-shadow-04)}.sendbird-modal__content .sendbird-modal__close{cursor:pointer;position:absolute;right:16px;top:16px}.sendbird-theme--light .sendbird-modal__content .sendbird-modal__close path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-modal__content .sendbird-modal__close path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-modal__content .sendbird-modal__header{margin-bottom:16px}.sendbird-modal__content .sendbird-modal__body{height:calc(100% - 116px)}.sendbird-modal__content .sendbird-modal__footer{display:flex;flex-direction:row;justify-content:flex-end;margin-top:32px;text-align:right}.sendbird--mobile-mode .sendbird-modal__content .sendbird-modal__footer{bottom:24px;position:-webkit-sticky;position:sticky}.sendbird-modal__content .sendbird-modal__footer .sendbird-button:last-child{height:40px;margin-left:8px;min-width:80px}.sendbird-modal__backdrop{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.sendbird-theme--light .sendbird-modal__backdrop{background-color:#00000052;background-color:var(--sendbird-light-overlay-02)}.sendbird-theme--dark .sendbird-modal__backdrop{background-color:#00000052;background-color:var(--sendbird-dark-overlay-02)}.sendbird-iconbutton{align-items:center;background-color:initial;border:1px solid #0000;border-radius:4px;color:#825eeb;color:var(--sendbird-iconbutton-color);cursor:pointer;display:inline-flex;justify-content:center;outline:0;padding:3px;-webkit-user-select:none;user-select:none}.sendbird-iconbutton .sendbird-iconbutton__inner{height:100%}.sendbird-theme--dark .sendbird-iconbutton .sendbird-iconbutton__inner svg,.sendbird-theme--light .sendbird-iconbutton .sendbird-iconbutton__inner svg{fill:#fff!important}.sendbird-theme--dark .sendbird-iconbutton:active,.sendbird-theme--dark .sendbird-iconbutton:hover,.sendbird-theme--light .sendbird-iconbutton:active,.sendbird-theme--light .sendbird-iconbutton:hover{background-color:initial}.sendbird-iconbutton:disabled{cursor:not-allowed!important}.sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path,.sendbird-theme--light .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg{fill:#fff;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner path,.sendbird-theme--dark .sendbird-iconbutton:disabled .sendbird-iconbutton__inner svg{fill:#ffffff80;fill:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-iconbutton--pressed{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-iconbutton--pressed{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-button{align-items:center;border-radius:4px;box-shadow:none;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);justify-content:center;padding:0}.sendbird-button:hover{box-shadow:none}.sendbird-button:focus{outline:none}.sendbird-button:active{box-shadow:none}.sendbird-button.sendbird-button__disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-button.sendbird-button__disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200);border:none}.sendbird-theme--dark .sendbird-button.sendbird-button__disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:none}.sendbird-theme--light .sendbird-button.sendbird-button__disabled:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-button.sendbird-button__disabled:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-button--big{height:40px}.sendbird-button--big .sendbird-button__text{margin:10px 16px}.sendbird-button--small{height:32px}.sendbird-button--small .sendbird-button__text{margin:6px 16px}.sendbird-theme--light .sendbird-button--primary{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--primary{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--primary .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-button--primary .sendbird-button__text{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-button--primary:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-400);border-color:#2abf79;border-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-button--primary:hover{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300);border-color:#2abf79;border-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-button--primary:focus{border:1px solid #fff;border:1px solid var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--primary:focus{border:1px solid #fff;border:1px solid var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--primary:active{background-color:#2abf79;background-color:var(--sendbird-light-primary-500)}.sendbird-theme--dark .sendbird-button--primary:active{background-color:#2abf79;background-color:var(--sendbird-dark-primary-400)}.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:hover{box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:hover{box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-button--primary:focus .sendbird-button--primary:active{box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-light-primary-500)}.sendbird-theme--dark .sendbird-button--primary:focus .sendbird-button--primary:active{box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-dark-primary-400)}.sendbird-button--secondary{background-color:initial}.sendbird-theme--light .sendbird-button--secondary{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-button--secondary{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-button--secondary .sendbird-button__text{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-button--secondary .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-button--secondary:hover{background-color:initial}.sendbird-theme--light .sendbird-button--secondary:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button__text{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button__text{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-button--secondary.sendbird-button__disabled{border:none;cursor:not-allowed}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled .sendbird-button__text{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-button--secondary.sendbird-button__disabled:hover{border:none}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-button--secondary.sendbird-button__disabled:hover .sendbird-button__text{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:hover .sendbird-button--secondary:focus .sendbird-button__text{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-button--secondary:focus{background-color:initial;border:1px solid #0000}.sendbird-theme--light .sendbird-button--secondary:focus{box-shadow:0 0 0 2px #2abf79;box-shadow:var(--sendbird-light-primary-300) 0 0 0 2px}.sendbird-theme--dark .sendbird-button--secondary:focus{box-shadow:0 0 0 2px #2abf79;box-shadow:var(--sendbird-dark-primary-200) 0 0 0 2px}.sendbird-theme--light .sendbird-button--secondary:focus .sendbird-button__text{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-button--secondary:focus .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-button--secondary:active{box-shadow:none}.sendbird-theme--light .sendbird-button--secondary:active{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:active{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--secondary:active .sendbird-button__text{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-button--secondary:active .sendbird-button__text{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-button--warning{background-color:initial;border:1px solid #de360b;border:1px solid var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--warning{background-color:initial;border:1px solid #f66161;border:1px solid var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--warning .sendbird-button__text{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--warning .sendbird-button__text{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--warning:hover{border-color:#bf0711;border-color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--warning:hover{border-color:#fdaaaa;border-color:var(--sendbird-dark-error-100)}.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button__text{color:#bf0711;color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button__text{color:#fdaaaa;color:var(--sendbird-dark-error-100)}.sendbird-theme--light .sendbird-button--warning:focus{border-color:#2abf79;border-color:var(--sendbird-light-primary-300)}.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:focus .sendbird-button__text{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--dark .sendbird-button--warning:focus{border-color:#2abf79;border-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:focus .sendbird-button__text{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus{border-color:#2abf79;border-color:var(--sendbird-light-primary-300)}.sendbird-theme--light .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#bf0711;color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-theme--light .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#fdaaaa;color:var(--sendbird-dark-error-100)}.sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus{border-color:#2abf79;border-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#bf0711;color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-theme--dark .sendbird-button--warning:hover .sendbird-button--warning:focus .sendbird-button__text{color:#fdaaaa;color:var(--sendbird-dark-error-100)}.sendbird-theme--light .sendbird-button--danger{background-color:#de360b;background-color:var(--sendbird-light-error-300);border:1px solid #de360b;border:1px solid var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--danger{background-color:#f66161;background-color:var(--sendbird-dark-error-200);border:1px solid #f66161;border:1px solid var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-button--danger .sendbird-button__text{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-button--danger .sendbird-button__text{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-button--danger:hover{background-color:#bf0711;background-color:var(--sendbird-light-error-400);border-color:#bf0711;border-color:var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--danger:hover{background-color:#bf0711;background-color:var(--sendbird-dark-error-400);border-color:#bf0711;border-color:var(--sendbird-dark-error-400)}.sendbird-theme--light .sendbird-button--danger:focus{border-color:#fff;border-color:var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #de360b;box-shadow:0 0 0 2px var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-button--danger:focus{border-color:#fff;border-color:var(--sendbird-button-border-focus);box-shadow:0 0 0 2px #de360b;box-shadow:0 0 0 2px var(--sendbird-dark-error-300)}.sendbird-button--danger:active{box-shadow:none}.sendbird-theme--light .sendbird-button--danger:active{background-color:#9d091e;background-color:var(--sendbird-light-error-500)}.sendbird-theme--dark .sendbird-button--danger:active{background-color:#9d091e;background-color:var(--sendbird-dark-error-500)}.sendbird-theme--light .sendbird-button--danger:hover .sendbird-button--danger:focus{box-shadow:0 0 0 2px #bf0711;box-shadow:0 0 0 2px var(--sendbird-light-error-400)}.sendbird-theme--dark .sendbird-button--danger:hover .sendbird-button--danger:focus{box-shadow:0 0 0 2px #bf0711;box-shadow:0 0 0 2px var(--sendbird-dark-error-400)}.sendbird-theme--light .sendbird-button--danger:active .sendbird-button--danger:focus{box-shadow:0 0 0 2px #9d091e;box-shadow:0 0 0 2px var(--sendbird-light-error-500)}.sendbird-theme--dark .sendbird-button--danger:active .sendbird-button--danger:focus{box-shadow:0 0 0 2px #9d091e;box-shadow:0 0 0 2px var(--sendbird-dark-error-500)}.sendbird-button--disabled{border:1px solid #0000;cursor:not-allowed}.sendbird-theme--light .sendbird-button--disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200);color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-button--disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400);color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird--mobile-mode .sendbird-label{-webkit-touch-callout:none;-webkit-user-select:none}[class*=sendbird-label]{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default)}.sendbird-label--h-1{font-size:20px;line-height:1.4}.sendbird-label--h-1,.sendbird-label--h-2{font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:-.2px}.sendbird-label--h-2{font-size:18px;line-height:normal}.sendbird-label--subtitle-1{font-size:16px;font-weight:400;line-height:1.38}.sendbird-label--subtitle-1,.sendbird-label--subtitle-2{font-stretch:normal;font-style:normal;letter-spacing:-.2px}.sendbird-label--subtitle-2{font-size:14px;font-weight:500;line-height:1.14}.sendbird-label--body-1{font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.43}.sendbird-label--body-2{color:#666!important;font-family:Inter;font-size:13px;font-style:normal;font-weight:400;line-height:19px}.sendbird-label--button-1{font-weight:600}.sendbird-label--button-1,.sendbird-label--button-2{font-size:14px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:1.43}.sendbird-label--button-2{font-weight:400}.sendbird-label--button-3{font-weight:500}.sendbird-label--button-3,.sendbird-label--caption-1{font-size:14px;font-stretch:normal;font-style:normal;letter-spacing:normal;line-height:1.43}.sendbird-label--caption-1{font-weight:600}.sendbird-label--caption-2{font-size:12px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1}.sendbird-label--caption-3{color:#666!important;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.sendbird-theme--light .sendbird-label--color-onbackground-1{color:#000;font-family:Inter;font-size:15px;font-style:normal;font-weight:600;line-height:15px}.sendbird-channel-header .sendbird-label--color-onbackground-1,.sendbird-channel-settings__header .sendbird-label--color-onbackground-1,.sendbird-chat-header .sendbird-label--color-onbackground-1{color:#fff}.sendbird-theme--dark .sendbird-label--color-onbackground-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-label--color-onbackground-2{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-label--color-onbackground-2{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-label--color-onbackground-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-label--color-onbackground-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-label--color-onbackground-4{color:#0000001f;color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-label--color-onbackground-4{color:#ffffff1f;color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-label--color-oncontent-1{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-label--color-oncontent-1{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-label--color-oncontent-2{color:#ffffff80;color:var(--sendbird-light-ondark-02)}.sendbird-theme--dark .sendbird-label--color-oncontent-2{color:#00000080;color:var(--sendbird-dark-onlight-02)}.sendbird-theme--light .sendbird-label--color-oncontent-inverse-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-label--color-oncontent-inverse-5{color:#00000070;color:var(--sendbird-light-onlight-05)}.sendbird-theme--dark .sendbird-label--color-oncontent-inverse-5{color:#ffffff70;color:var(--sendbird-dark-ondark-05)}.sendbird-theme--light .sendbird-label--color-primary{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-label--color-primary{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-label--color-error{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-label--color-error{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-label--color-secondary-3{color:#259c72;color:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-label--color-secondary-3{color:#69c085;color:var(--sendbird-dark-secondary-200)}.sendbird-icon{display:inline-block}.sendbird-icon:focus{outline:none}.sendbird-theme--light .sendbird-icon-color--primary [class*=fill]{fill:#2abf79;fill:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-icon-color--primary [class*=fill]{fill:#2abf79;fill:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-icon-color--primary-2 [class*=fill]{fill:#2abf79;fill:var(--sendbird-light-primary-200)}.sendbird-theme--dark .sendbird-icon-color--primary-2 [class*=fill]{fill:#2abf79;fill:var(--sendbird-dark-primary-400)}.sendbird-theme--light .sendbird-icon-color--primary [class*=stroke]{stroke:#2abf79;stroke:var(--sendbird-light-primary-300);stroke-width:2px;stroke-linejoin:round}.sendbird-theme--dark .sendbird-icon-color--primary [class*=stroke]{stroke:#2abf79;stroke:var(--sendbird-dark-primary-200);stroke-width:2px;stroke-linejoin:round}.sendbird-theme--light .sendbird-icon-color--secondary [class*=fill]{fill:#259c72;fill:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-icon-color--secondary [class*=fill]{fill:#69c085;fill:var(--sendbird-dark-secondary-200)}.sendbird-theme--light .sendbird-icon-color--content [class*=fill]{fill:#ffffffe0;fill:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-icon-color--content [class*=fill]{fill:#000000e0;fill:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-icon-color--content-inverse [class*=fill]{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-icon-color--content-inverse [class*=fill]{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-icon-color--content-inverse-5 [class*=fill]{fill:#00000070;fill:var(--sendbird-light-onlight-05)}.sendbird-theme--dark .sendbird-icon-color--content-inverse-5 [class*=fill]{fill:#ffffff70;fill:var(--sendbird-dark-ondark-05)}.sendbird-icon-color--white [class*=fill]{fill:#fff}.sendbird-icon-color--gray [class*=fill]{fill:#0000001f;fill:var(--sendbird-light-onlight-04)}.sendbird-icon-color--thumbnail-icon [class*=fill]{fill:#fff;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--light .sendbird-icon-color--sent [class*=fill]{fill:#00000061;fill:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-icon-color--sent [class*=fill]{fill:#ffffff61;fill:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-icon-color--read [class*=fill]{fill:#259c72;fill:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-icon-color--read [class*=fill]{fill:#69c085;fill:var(--sendbird-dark-secondary-200)}.sendbird-theme--light .sendbird-icon-color--on-background-1 [class*=fill]{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-icon-color--on-background-1 [class*=fill]{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-icon-color--on-background-2 [class*=fill]{fill:#fff;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-icon-color--on-background-2 [class*=fill]{fill:#ffffff80;fill:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-icon-color--on-background-3 [class*=fill]{fill:#00000061;fill:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-icon-color--on-background-3 [class*=fill]{fill:#ffffff61;fill:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-icon-color--on-background-4 [class*=fill]{fill:#0000001f;fill:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-icon-color--on-background-4 [class*=fill]{fill:#ffffff1f;fill:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-icon-color--background-3 [class*=fill]{fill:#bdbdbd;fill:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-icon-color--background-3 [class*=fill]{fill:#393939;fill:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-icon-color--error [class*=fill]{fill:#de360b;fill:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-icon-color--error [class*=fill]{fill:#f66161;fill:var(--sendbird-dark-error-200)}.sendbird-context-menu{display:inline}.sendbird__offline .sendbird-dropdown__menu .sendbird-dropdown__menu-item{cursor:not-allowed}.sendbird__offline .sendbird-message-item-menu__list__menu-item.menu-item-delete{cursor:pointer}.sendbird-dropdown__menu{border-radius:4px;left:0;list-style:none;margin:0;min-width:140px;padding:8px 0;position:absolute;top:100%;z-index:99999}.sendbird-theme--light .sendbird-dropdown__menu{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-light-shadow-02)}.sendbird-theme--dark .sendbird-dropdown__menu{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-dark-shadow-02)}.sendbird-dropdown__menu .sendbird-dropdown__menu-item{cursor:pointer;padding:8px 16px;white-space:nowrap}.sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable{cursor:not-allowed}.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item.disable:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-dropdown__menu .sendbird-dropdown__menu-item:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-dropdown__reaction-bar{border-radius:8px;left:0;list-style:none;margin:0;max-height:208px;max-width:352px;min-width:44px;overflow-y:scroll;padding:8px;position:absolute;top:100%}.sendbird-theme--light .sendbird-dropdown__reaction-bar{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-light-shadow-02)}.sendbird-theme--dark .sendbird-dropdown__reaction-bar{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-dark-shadow-02)}.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button,.sendbird-dropdown__reaction-bar .sendbird-dropdown__reaction-bar__row .sendbird-reaction-button--selected{margin:4px}.sendbird-dropdown__menu-backdrop{background-color:initial;height:100%;left:0;position:fixed;top:0;width:100%}.sendbird-sort-by-row{align-items:center;display:flex;justify-content:flex-start}.sendbird-conversation{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.sendbird-theme--light .sendbird-conversation{background-color:#fff;background-color:var(--sendbird-light-background-50);border:0}.sendbird-theme--dark .sendbird-conversation{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border:0}.sendbird-conversation__messages{flex:1 1;order:2;overflow:hidden}.sendbird-conversation__messages-list{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.sendbird-conversation__footer{order:3;padding:0 0 24px;width:100%}.sendbird-msg-hoc__animated .sendbird-message-content{animation:bounce 1s ease}@keyframes bounce{50%{transform:translateY(-10px)}60%{transform:translateY(0)}90%{transform:translateY(-10px)}to{transform:translateY(0)}}.sendbird-conversation__scroll-container{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.sendbird-conversation__scroll-container .sendbird-conversation__padding{flex:1 1}.sendbird-conversation__footer{box-sizing:border-box;margin-top:6px;position:relative}.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator{bottom:8px;display:inline-flex;position:absolute}.sendbird-conversation__footer .sendbird-conversation__footer__typing-indicator .sendbird-conversation__footer__typing-indicator__text{margin-left:24px;margin-right:10px}.sendbird-connection-status{align-items:center;display:flex;padding-top:5px}.sendbird-place-holder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.sendbird-place-holder .sendbird-place-holder__body{align-items:center;display:flex;flex-direction:column;height:104px}.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__icon{margin-bottom:10px}.sendbird-place-holder .sendbird-place-holder__body .sendbird-place-holder__body__text{margin-top:10px}.sendbird-place-holder .sendbird-place-holder__body__reconnect{cursor:pointer;display:flex;flex-direction:row;margin-top:18px}.sendbird-place-holder .sendbird-place-holder__body__reconnect .sendbird-place-holder__body__reconnect__icon{margin-right:4px}.sendbird-place-holder .sendbird-place-holder__body--align-top{display:flex;flex-direction:column;justify-content:center;position:absolute;top:24px;width:100%}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text{display:flex;flex-direction:row;justify-content:center;padding-left:16px;padding-right:16px}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__search-in{display:flex;margin-right:2px;min-width:60px}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-holder__body--align-top__text .sendbird-place-holder__body--align-top__text__channel-name{display:block;max-width:calc(100% - 62px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__no-result,.sendbird-place-holder .sendbird-place-holder__body--align-top .sendbird-place-hlder__body--align-top__searching{display:flex;justify-content:center}.sendbird-loader{animation:1s linear infinite;animation-name:rotate;display:inline-block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.sendbird-chat-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:77px;justify-content:space-between;min-height:77px;overflow:hidden;padding-left:20px;padding-right:16px;position:relative;text-overflow:ellipsis}.sendbird-theme--light .sendbird-chat-header{background-color:#0f1e15;border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-chat-header{background-color:#0f1e15;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-chat-header__left,.sendbird-chat-header__right{align-items:center;display:flex;flex-direction:row;overflow:hidden}.sendbird-chat-header .sendbird-chat-header__left__title{margin-left:8px;max-width:780px;overflow:hidden;overflow-x:auto;white-space:nowrap}.sendbird--mobile-mode .sendbird-chat-header .sendbird-chat-header__left__title{max-width:calc(100vw - 160px)}.sendbird-chat-header .sendbird-chat-header__left__subtitle{max-width:240px;overflow:hidden;text-overflow:ellipsis}.sendbird-chat-header .sendbird-chat-header__right__mute{margin-right:18px}.sendbird-chat-header .sendbird-iconbutton--pressed{background-color:inherit}.sendbird-chat-header .sendbird-chat-header__right__info{margin-left:10px}.sendbird-chat-header__icon_back{margin-right:8px}.sendbird-chat-header--default-avatar{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-theme--light .sendbird-chat-header--default-avatar{background-color:#259c72;background-color:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-chat-header--default-avatar{background-color:#69c085;background-color:var(--sendbird-dark-secondary-200)}.sendbird-image-renderer{overflow:hidden;position:relative}.sendbird-image-renderer__hidden-image-loader{display:none}.sendbird-channel-preview__avatar .sendbird-avatar-img.sendbird-image-renderer,.sendbird-channel-preview__avatar .sendbird-avatar-img.sendbird-image-renderer__image{border-radius:10px!important;height:32px!important;min-width:32px!important;width:32px!important}.sendbird-multiple-files-image-renderer__image-cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:16px;display:none;height:100%;position:absolute;top:0;width:100%}.sendbird-image-renderer:hover .sendbird-multiple-files-image-renderer__image-cover{display:inline-flex}.sendbird-multiple-files-image-renderer__icon-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.sendbird-multiple-files-image-renderer__icon-wrapper .sendbird-multiple-files-image-renderer__icon-wrapper__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px;z-index:2}.sendbird-avatar:focus{outline:none}.sendbird-avatar .sendbird-avatar-img{align-items:center;border-radius:10px!important;display:flex;justify-content:center}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300);background-size:contain;border-radius:10px}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300);background-size:contain;border-radius:10px}.sendbird-avatar .sendbird-avatar--inner__two-child .sendbird-avatar-img:last-child{display:none}.sendbird-avatar .sendbird-avatar--inner__three-child--lower .sendbird-avatar-img:last-child{display:none}.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:last-child,.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(2),.sendbird-avatar .sendbird-avatar--inner__four-child .sendbird-avatar-img:nth-child(3){display:none}.sendbird-avatar .sendbird-avatar-img--default{align-items:center;display:flex;justify-content:center}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-img--default.text{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-img--default.text{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-avatar .sendbird-avatar-text{font-family:Roboto;font-size:8px;font-style:normal;font-weight:700;font-weight:400;line-height:12px;text-align:center}.sendbird-theme--light .sendbird-avatar .sendbird-avatar-text{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-avatar .sendbird-avatar-text{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-conversation__messages{position:relative}.sendbird-conversation__messages .sendbird-conversation__messages-padding{height:100%;overflow-x:hidden;overflow-y:scroll;padding-left:24px;padding-right:24px;position:relative}.sendbird-conversation__messages .sendbird-admin-message,.sendbird-conversation__messages .sendbird-separator{padding-bottom:8px;padding-top:8px}.sendbird-conversation__messages__notification{margin-left:25px;position:fixed;top:0;width:calc(100% - 50px)}.sendbird-conversation__scroll-bottom-button{align-items:center;border-radius:24px;bottom:30px;display:flex;height:40px;justify-content:center;left:calc(100% - 65px);position:-webkit-sticky;position:sticky;width:40px}.sendbird-theme--light .sendbird-conversation__scroll-bottom-button{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 2px 8px 0 #00000014,0 4px 6px 0 #0000001f;box-shadow:var(--sendbird-light-shadow-05)}.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button{background-color:#393939;background-color:var(--sendbird-dark-background-400);box-shadow:var(--sendbird-dark-shadow-05)}.sendbird-conversation__scroll-bottom-button:hover{cursor:pointer}.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-conversation__scroll-bottom-button:active{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-conversation__scroll-bottom-button:active{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-conversation__scroll-bottom-button:focus{outline:none}.sendbird-separator{align-items:center;display:flex;width:100%}.sendbird-separator .sendbird-separator__left,.sendbird-separator .sendbird-separator__right{border:none;display:inline-block;height:1px;width:100%}.sendbird-separator .sendbird-separator__text{display:flex;margin:0 16px;white-space:nowrap}.sendbird-theme--light .sendbird-color--onbackground-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-color--onbackground-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-color--onbackground-1--background-color{background-color:#000000e0;background-color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-color--onbackground-1--background-color{background-color:#ffffffe0;background-color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-color--onbackground-2{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-color--onbackground-2{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-color--onbackground-2--background-color{background-color:#fff;background-color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-color--onbackground-2--background-color{background-color:#ffffff80;background-color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-color--onbackground-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-color--onbackground-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-color--onbackground-3--background-color{background-color:#00000061;background-color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-color--onbackground-3--background-color{background-color:#ffffff61;background-color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-color--onbackground-4{color:#0000001f;color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-color--onbackground-4{color:#ffffff1f;color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-color--onbackground-4--background-color{background-color:#0000001f;background-color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-color--onbackground-4--background-color{background-color:#ffffff1f;background-color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-color--oncontent-1{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-color--oncontent-1{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-color--oncontent-1--background-color{background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-color--oncontent-1--background-color{background-color:#000000e0;background-color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-color--primary{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-color--primary{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-color--primary--background-color{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-color--primary--background-color{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-color--error{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-color--error{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-color--error--background-color{background-color:#de360b;background-color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-color--error--background-color{background-color:#de360b;background-color:var(--sendbird-dark-error-300)}.sendbird-message-input{display:inline-block;position:relative;width:100%}.sendbird-message-input .sendbird-message-input--textarea{background-color:inherit;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;height:48px;letter-spacing:normal;line-height:1.43;overflow-y:scroll;padding:13px 64px 13px 16px;position:relative;resize:none;white-space:pre-wrap;width:100%}.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03);caret-color:#2abf79;caret-color:var(--sendbird-light-primary-300);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03);caret-color:#2abf79;caret-color:var(--sendbird-dark-primary-200);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-message-input .sendbird-message-input--textarea:focus{outline:none}.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:focus{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300);box-shadow:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;box-shadow:var(--sendbird-light-shadow-message-input);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:focus{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200);box-shadow:0 1px 5px 0 #2122421f,0 0 1px 0 #21224229,0 2px 1px 0 #21224214,0 1px 5px 0 #0000001f;box-shadow:var(--sendbird-dark-shadow-message-input);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-message-input .sendbird-message-input--textarea:active{border:1px solid #7b53ef;border:1px solid var(--sendbird-message-input-border-active);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-input .sendbird-message-input--textarea:active{border:1px solid #7b53ef;border:1px solid var(--sendbird-message-input-border-active);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-message-input .sendbird-message-input--placeholder{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;left:16px;line-height:1.43;pointer-events:none;position:absolute;top:14px}.sendbird-message-input .sendbird-message-input--attach{bottom:9px;padding:6px;position:absolute;right:16px}.sendbird-message-input .sendbird-message-input--attach.is-voice-message-enabled{right:48px}.sendbird-message-input .sendbird-message-input--send,.sendbird-message-input .sendbird-message-input--voice-message{bottom:9px;padding:6px;position:absolute;right:16px}.sendbird-message-input .sendbird-message-input--attach-input{display:none}.sendbird-message-input__edit{box-sizing:border-box;padding:16px}.sendbird-theme--light .sendbird-message-input__edit{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-message-input__edit{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-message-input--edit-action{margin-top:4px;text-align:right}.sendbird-message-input--edit-action button:last-child{margin-left:8px}.sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel{width:80px}.sendbird-theme--light .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-message-input--edit-action .sendbird-message-input--edit-action__cancel{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03)}.sendbird-message-input--edit-action .sendbird-message-input--edit-action__save{width:80px}.sendbird-message-input-form__disabled{cursor:not-allowed}.sendbird-message-input__disabled{cursor:not-allowed;pointer-events:none}.sendbird-theme--light .sendbird-message-input__disabled .sendbird-message-input--textarea{border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04);color:#0000001f;color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-input__disabled .sendbird-message-input--textarea{border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04);color:#ffffff1f;color:var(--sendbird-dark-ondark-04)}:root{--sendbird-feedback-buttons-container-height:36px;--sendbird-feedback-buttons-container-margin-top:4px;--sendbird-thread-replies-height:28px;--sendbird-thread-replies-margin-top:4px;--sendbird-feedback-buttons-container-margin-bottom:4px}.sendbird-message-content{display:inline-flex;flex-direction:row;position:relative;width:100%}.sendbird-message-content.incoming{justify-content:flex-start}.sendbird-message-content.outgoing{justify-content:flex-end}.sendbird-message-content .sendbird-message-content__middle{max-width:400px}.sendbird--mobile-mode .sendbird-message-content .sendbird-message-content__middle{max-width:calc(100vw - 140px)}.sendbird-message-content .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.use-quote{bottom:-8px;margin-top:-8px}.sendbird-message-content__feedback{margin-bottom:44px;margin-bottom:calc(var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top) + var(--sendbird-feedback-buttons-container-margin-bottom))}.sendbird-message-content__middle__quote-message__quote{width:100%}.sendbird-message-content.incoming .sendbird-message-content__left{display:inline-flex;min-width:40px;position:relative}.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar{bottom:2px;left:0;position:absolute}.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple{border:2px solid}.sendbird-theme--light .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple{border-color:#fff;border-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.multiple{border-color:#2c3330;border-color:var(--sendbird-dark-background-600)}.sendbird-message-content.incoming .sendbird-message-content__left .sendbird-message-content__left__avatar.use-thread-replies{bottom:35px}.sendbird-message-content.incoming .sendbird-message-content__middle{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{bottom:6px;display:flex;flex-direction:row;min-width:80px;position:absolute;right:-84px;white-space:nowrap}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__sender-name{margin-bottom:4px;margin-left:12px;overflow-x:hidden;position:relative;text-overflow:ellipsis;width:100%}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-message-content.incoming .sendbird-message-content__middle .sendbird-message-content__middle__quote-message:hover{cursor:pointer}.sendbird-message-content.incoming .sendbird-message-content__right{display:inline-flex;margin-left:4px;padding-top:18px;position:relative;width:50px}.sendbird-message-content.incoming .sendbird-message-content__right.use-reactions{width:70px}.sendbird-message-content.incoming .sendbird-message-content__right.chain-top{padding-top:2px}.sendbird-message-content.incoming .sendbird-message-content__right.chain-top.use-quote{padding-top:18px}.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu{display:none;flex-direction:row;height:32px;position:relative}.sendbird--mobile-mode .sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at,.sendbird-message-content.incoming .sendbird-message-content__right .sendbird-message-content-menu.sendbird-mouse-hover,.sendbird-message-content.incoming:hover .sendbird-message-content__right .sendbird-message-content-menu{display:inline-flex}.sendbird-message-content.incoming:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{display:none}.sendbird-message-content.outgoing .sendbird-message-content__left{box-sizing:border-box;display:inline-flex;justify-content:flex-end;position:relative;width:50px}.sendbird-message-content.outgoing .sendbird-message-content__left.use-reactions{width:70px}.sendbird-message-content.outgoing .sendbird-message-content__left.use-quote .sendbird-message-content-menu{top:18px}.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu{display:none;flex-direction:row;position:absolute;right:4px;top:2px}.sendbird-message-content.outgoing .sendbird-message-content__left .sendbird-message-content-menu.sendbird-mouse-hover{display:inline-flex}.sendbird-message-content.outgoing .sendbird-message-content__middle{align-items:flex-end;display:inline-flex;flex-direction:column;position:relative}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container{position:relative;width:100%}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{bottom:2px;box-sizing:initial;display:flex;justify-content:flex-end;left:-84px;min-height:16px;min-width:80px;position:absolute;white-space:nowrap}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-message-content.outgoing .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at .sendbird-message-content__middle__body-container__created-at__component-container{display:inline-flex;position:relative}.sendbird-message-content.outgoing .sendbird-message-content__right{display:none}.sendbird--mobile-mode .sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at,.sendbird-message-content.outgoing:hover .sendbird-message-content__left .sendbird-message-content-menu{display:inline-flex}.sendbird-message-content.outgoing:hover .sendbird-message-content__middle .sendbird-message-content__middle__body-container .sendbird-message-content__middle__body-container__created-at{display:none}.sendbird-message-content__middle__body-container{display:flex;flex-direction:column;position:relative;width:-webkit-fit-content;width:fit-content}.sendbird-message-content__middle__body-container .sendbird-message-content__middle__message-item-body{box-sizing:border-box;width:100%}.sendbird-message-content-reactions{border-radius:0 0 16px 16px;max-width:400px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-content-reactions{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-content-reactions{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-message-content-reactions.primary{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-message-content-reactions.primary{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover,.sendbird-theme--light .sendbird-message-content-reactions:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover,.sendbird-theme--dark .sendbird-message-content-reactions:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-message-content-reactions.mouse-hover.primary,.sendbird-theme--light .sendbird-message-content-reactions:hover.primary{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-message-content-reactions.mouse-hover.primary,.sendbird-theme--dark .sendbird-message-content-reactions:hover.primary{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-message-content-reactions.image-grid{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-content-reactions.image-grid{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-content__middle__thread-replies{margin-top:4px}.sendbird-voice-message-item-body.sendbird-message-content__middle__message-item-body{height:50px;min-width:136px}.sendbird-message-content__middle__body-container__feedback-buttons-container{bottom:-40px;bottom:calc((var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top))*-1);display:flex;gap:4px;position:absolute}.sendbird-message-content__middle__body-container__feedback-buttons-container_with-thread-replies{bottom:-72px;bottom:calc((var(--sendbird-feedback-buttons-container-height) + var(--sendbird-feedback-buttons-container-margin-top) + var(--sendbird-thread-replies-height) + var(--sendbird-thread-replies-margin-top))*-1)}.sendbird-message-content__middle__for_template_message{width:100%}.sendbird-message-status{align-items:flex-start;display:inline-flex;height:100%;position:relative}.sendbird-message-status .sendbird-message-status__icon{display:inline-block;position:relative;top:-2px}.sendbird-message-status .sendbird-message-status__icon.hide-icon{display:none}.sendbird-message-status .sendbird-message-status__text{display:inline-block;margin-left:4px;position:relative}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again{text-decoration:underline}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__try-again:hover{cursor:pointer}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete{text-decoration:underline}.sendbird-message-status .sendbird-message-status__text .sendbird-message-status__text__delete:hover{cursor:pointer}.sendbird-message-item-menu__list__menu-item:focus-visible{outline:none}.sendbird-text{color:var(--primary-1)}.sendbird-reaction-button{border:1px solid #0000;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block}.sendbird-theme--light .sendbird-reaction-button:hover{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-reaction-button:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:1px solid #393939;border:1px solid var(--sendbird-dark-background-400)}.sendbird-reaction-button__inner{margin:3px}.sendbird-reaction-button--selected{border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block}.sendbird-theme--light .sendbird-reaction-button--selected{background-color:#2abf79;background-color:var(--sendbird-light-primary-100);border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-reaction-button--selected{background-color:#2abf79;background-color:var(--sendbird-dark-primary-400);border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-400)}.sendbird-reaction-button--selected:hover{border:1px solid #9e8cf5;border:1px solid var(--sendbird-selected-reaction-button-border-hover)}.sendbird-reaction-button--selected__inner{margin:3px}.sendbird-reaction-button--selected.sendbird-reactions--pressed{display:block!important}.sendbird-emoji-reactions{border-radius:16px;box-sizing:border-box;display:inline-block;max-width:404px;max-width:var(--sendbird-message-balloon-width);min-height:24px;padding:7px 5px 3px;width:100%}.sendbird-theme--light .sendbird-emoji-reactions{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-emoji-reactions{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-emoji-reactions .sendbird-emoji-reactions__reaction-badge{margin-bottom:4px;margin-left:2px;margin-right:1px}.sendbird-emoji-reactions:focus{outline:none}.sendbird-emoji-reactions .sendbird-context-menu{height:26px}.sendbird-emoji-reactions__add-reaction-badge{display:inline-flex;height:24px;position:relative;top:-4px;width:36px}.sendbird-emoji-reactions .sendbird-context-menu{margin-left:2px}.sendbird-reaction-badge{border-radius:15px;display:inline-block;height:24px;width:50px}.sendbird-theme--light .sendbird-reaction-badge{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-reaction-badge{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-reaction-badge:hover{cursor:pointer}.sendbird-theme--light .sendbird-reaction-badge:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-reaction-badge:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-reaction-badge--is-add{border-radius:15px;display:inline-block;height:24px;width:36px}.sendbird-theme--light .sendbird-reaction-badge--is-add{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-reaction-badge--is-add{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-reaction-badge--is-add:hover{cursor:pointer}.sendbird-theme--light .sendbird-reaction-badge--is-add:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-reaction-badge--is-add:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-reaction-badge--is-add .sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:8px}.sendbird-reaction-badge--selected{border-radius:15px;display:inline-block;height:24px;width:50px}.sendbird-theme--light .sendbird-reaction-badge--selected{background-color:#2abf79;background-color:var(--sendbird-light-primary-100);border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-reaction-badge--selected{background-color:#2abf79;background-color:var(--sendbird-dark-primary-400);border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-400)}.sendbird-reaction-badge--selected:hover{cursor:pointer}.sendbird-theme--light .sendbird-reaction-badge--selected:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-reaction-badge--selected:hover{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-reaction-badge__inner{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:center;padding-left:20px;padding-right:4px;position:relative}.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__icon{left:4px;position:absolute;top:2px}.sendbird-reaction-badge__inner .sendbird-reaction-badge__inner__count{margin-left:4px}.sendbird-message__bottomsheet__reacted-members{box-sizing:border-box;display:inline-flex;flex-direction:row;gap:16px;height:46px;justify-content:center;overflow-x:scroll;padding:0 16px;position:relative;width:100%}.sendbird-message__bottomsheet__reacted-members__item{align-items:center;display:inline-flex;flex-direction:row;gap:4px;height:100%;position:relative}.sendbird-message__bottomsheet__reactor-list{box-sizing:border-box;display:inline-flex;flex-direction:column;height:216px;overflow-y:scroll;padding:0 16px;position:relative;width:100%}.sendbird-message__bottomsheet__reactor-list__item.sendbird-user-list-item{border-bottom:0;min-height:48px}.sendbird-bottomsheet{height:100%;left:0;position:absolute;top:0;width:100%}.sendbird-bottomsheet__content{bottom:0;left:0;position:absolute;width:100%;z-index:10001}.sendbird-bottomsheet__backdrop{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10000}.sendbird-theme--light .sendbird-bottomsheet__backdrop{background-color:#00000052;background-color:var(--sendbird-light-overlay-02)}.sendbird-theme--dark .sendbird-bottomsheet__backdrop{background-color:#00000052;background-color:var(--sendbird-dark-overlay-02)}.sendbird-user-list-item{box-sizing:border-box;display:block;height:56px;position:relative;width:432px}.sendbird--mobile-mode .sendbird-user-list-item{width:100%}.sendbird-theme--light .sendbird-user-list-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-user-list-item{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-user-list-item .sendbird-user-list-item__avatar{cursor:pointer;left:0;position:absolute;top:8px;z-index:0}.sendbird-user-list-item .sendbird-muted-avatar{left:0;pointer-events:none;position:absolute;top:8px;z-index:1}.sendbird-user-list-item .sendbird-user-list-item__title{left:56px;max-width:250px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:17px;white-space:nowrap}.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__title{max-width:62%}.sendbird-user-list-item .sendbird-user-list-item__subtitle{left:140px;max-width:237px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:23px;white-space:nowrap}.sendbird--mobile-mode .sendbird-user-list-item .sendbird-user-list-item__subtitle{max-width:40%}.sendbird-user-list-item .sendbird-user-list-item__checkbox{position:absolute;right:16px;top:16px}.sendbird-user-list-item .sendbird-user-list-item__action{position:absolute;right:0;top:10px}.sendbird-user-list-item .sendbird-user-list-item__operator{position:absolute;right:40px;top:22px}.sendbird-user-list-item .sendbird-user-list-item__operator.checkbox{right:66px}.sendbird-muted-avatar{border-radius:50%;display:inline-block}.sendbird-muted-avatar .sendbird-muted-avatar__icon{position:relative}.sendbird-muted-avatar .sendbird-muted-avatar__icon .sendbird-icon{left:4px;position:absolute;top:4px}.sendbird-muted-avatar .sendbird-muted-avatar__bg{border-radius:50%;left:0;opacity:.5;position:absolute;top:0}.sendbird-theme--light .sendbird-muted-avatar .sendbird-muted-avatar__bg{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-muted-avatar .sendbird-muted-avatar__bg{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-checkbox{cursor:pointer;display:inline-block;font-size:22px;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.sendbird-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.sendbird-checkbox--checkmark{background-color:inherit;border-radius:2px;height:18px;left:0;position:absolute;top:0;width:18px}.sendbird-theme--light .sendbird-checkbox--checkmark{border:2px solid #393939;border:2px solid var(--sendbird-light-background-400)}.sendbird-theme--dark .sendbird-checkbox--checkmark{border:2px solid #bdbdbd;border:2px solid var(--sendbird-dark-background-300)}.sendbird-theme--light .sendbird-checkbox--checkmark.disabled{border:2px solid #0000001f;border:2px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-checkbox--checkmark.disabled{border:2px solid #ffffff1f;border:2px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-checkbox input:focus~.sendbird-checkbox--checkmark{box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-checkbox input:focus~.sendbird-checkbox--checkmark{box-shadow:0 0 0 2px #2abf79;box-shadow:0 0 0 2px var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);border:2px solid #2abf79;border:2px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);border:2px solid #2abf79;border:2px solid var(--sendbird-dark-primary-200)}.sendbird-checkbox input:checked~.sendbird-checkbox--checkmark.disabled{cursor:default}.sendbird-theme--light .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark.disabled{background-color:#0000001f;background-color:var(--sendbird-light-onlight-04);border:2px solid #0000001f;border:2px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-checkbox input:checked~.sendbird-checkbox--checkmark.disabled{background-color:#ffffff1f;background-color:var(--sendbird-dark-ondark-04);border:2px solid #ffffff1f;border:2px solid var(--sendbird-dark-ondark-04)}.sendbird-checkbox--checkmark:after{content:"";display:none;position:absolute}.sendbird-checkbox input:checked~.sendbird-checkbox--checkmark:after{display:block}.sendbird-theme--light .sendbird-checkbox .sendbird-checkbox--checkmark:after{border:solid #fff;border:solid var(--sendbird-light-background-50);border-width:0 2px 2px 0;height:12px;left:5px;top:-.5px;transform:rotate(45deg);width:7px}.sendbird-theme--dark .sendbird-checkbox .sendbird-checkbox--checkmark:after{border:solid #2c3330;border:solid var(--sendbird-dark-background-600);border-width:0 2px 2px 0;height:12px;left:5px;top:-.5px;transform:rotate(45deg);width:7px}.sendbird__user-profile{border-radius:4px;box-sizing:border-box;padding:24px;text-align:center;width:320px}.sendbird-theme--light .sendbird__user-profile{background-color:#fff;background-color:var(--sendbird-light-background-50);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-light-shadow-02)}.sendbird-theme--dark .sendbird__user-profile{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);box-shadow:0 3px 5px -3px #2122420a,0 3px 14px 2px #00000014,0 8px 10px 1px #0000001f;box-shadow:var(--sendbird-dark-shadow-02)}.sendbird__user-profile .sendbird__user-profile-avatar{margin:8px 0}.sendbird__user-profile .sendbird__user-profile-name{max-width:100%;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-name{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-name{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird__user-profile .sendbird__user-profile-message{margin-top:20px}.sendbird__user-profile .sendbird__user-profile-message button{width:272px}.sendbird__user-profile .sendbird__user-profile-separator{height:1px;margin:24px 0}.sendbird-theme--light .sendbird__user-profile .sendbird__user-profile-separator{background-color:#0000001f;background-color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird__user-profile .sendbird__user-profile-separator{background-color:#ffffff1f;background-color:var(--sendbird-dark-ondark-04)}.sendbird__user-profile .sendbird__user-profile-userId--label,.sendbird__user-profile .sendbird__user-profile-userId--value{display:block;overflow-x:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird__user-profile .sendbird__user-profile-userId--label{margin-bottom:8px}.sendbird-tooltip{border-radius:8px;display:inline-flex;justify-content:center;max-width:200px;padding:8px 16px;position:relative}.sendbird-theme--light .sendbird-tooltip{background-color:#000;background-color:var(--sendbird-light-background-700)}.sendbird-theme--dark .sendbird-tooltip{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-tooltip:after{bottom:-4px;content:"";height:8px;position:absolute;transform:rotate(45deg);width:8px}.sendbird-theme--light .sendbird-tooltip:after{background-color:#000;background-color:var(--sendbird-light-background-700)}.sendbird-theme--dark .sendbird-tooltip:after{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-tooltip__text{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:12px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:1.33;max-width:180px;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.sendbird-tooltip-wrapper{display:inline-flex;position:relative}.sendbird-tooltip-wrapper__hover-tooltip{display:inline-flex;position:absolute;width:200px}.sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container{display:inline-flex;position:relative}.sendbird-admin-message{align-items:center;display:flex;justify-content:center}.sendbird-admin-message .sendbird-admin-message__text{display:flex;text-align:center}.sendbird-quote-message{box-sizing:border-box;display:inline-flex;flex-direction:column;max-width:400px;position:relative;width:100%}.sendbird-quote-message.incoming{align-items:flex-start}.sendbird-quote-message.outgoing{align-items:flex-end}.sendbird-quote-message .sendbird-quote-message__replied-to{align-items:center;display:inline-flex;flex-direction:row;height:16px;padding:0 12px;position:relative;width:100%}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__icon{margin-bottom:4px;margin-right:4px;position:relative}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text{align-items:center;display:inline-flex;flex-direction:row;font-size:12px;max-width:360px;overflow:hidden;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__nickname{display:inline-block;max-width:148px;overflow:hidden;text-overflow:ellipsis}.sendbird-quote-message .sendbird-quote-message__replied-to .sendbird-quote-message__replied-to__text .sendbird-quote-message__replied-to__text__text{margin:0 4px}.sendbird-quote-message .sendbird-quote-message__replied-message{display:inline-flex;position:relative}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message{border-radius:16px;font-size:12px;opacity:.5;padding:8px 12px 16px;position:relative;white-space:pre-wrap;word-break:break-all}.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__text-message .sendbird-quote-message__replied-message__text-message__word{display:inline-flex;max-height:30px;overflow:hidden;position:relative;text-overflow:ellipsis}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message{border-radius:6.4px;height:108px;overflow:hidden;position:relative;width:144px}.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__image,.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__video{display:inline-flex;height:100%;opacity:.5;position:absolute;top:0;width:100%}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder{align-items:center;display:inline-flex;height:100%;justify-content:center;position:absolute;width:100%}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__placeholder .sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon{align-items:center;border-radius:50%;display:inline-flex;height:22px;justify-content:center;width:22px}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover{align-items:center;display:inline-flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover,.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover{background-color:#fff6}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon{align-items:center;border-radius:50%;display:inline-flex;height:22px;justify-content:center;position:relative;width:22px}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon,.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__thumbnail-message .sendbird-quote-message__replied-message__thumbnail-message__cover .sendbird-quote-message__replied-message__thumbnail-message__cover__icon{background-color:#fff}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message{border-radius:16px;display:inline-flex;flex-direction:row;font-size:12px;opacity:.5;padding:8px 12px 16px;position:relative}.sendbird-theme--light .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote-message .sendbird-quote-message__replied-message .sendbird-quote-message__replied-message__file-message .sendbird-quote-message__replied-message__file-message__type-icon{margin-right:2px}.sendbird-quote-message:hover{cursor:pointer}.sendbird-quote-message.unavailable:hover{cursor:default}.sendbird-message-content.outgoing .sendbird-quote-message__replied-to{flex-direction:row-reverse;padding-right:0}.sendbird-message-content.incoming .sendbird-quote-message__replied-to{padding-left:0}.sendbird-message__mobile-context-menu{border-radius:8px;width:180px}.sendbird-message__contextmenu--hyperlink{display:flex;justify-content:space-between}.sendbird-message__bottomsheet--hyperlink{display:block}.sendbird-message__bottomsheet--hyperlink,.sendbird-message__contextmenu--hyperlink{color:inherit;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:none;width:100%}.sendbird-message__mobile-context-menu-item .sendbird-dropdown__menu-item__text{display:flex;justify-content:space-between}.sendbird-theme--light .sendbird-message__mobile-context-menu-item:not(:last-child){border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message__mobile-context-menu-item:not(:last-child){border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-message__bottomsheet{border-top-left-radius:8px;border-top-right-radius:8px;padding-top:16px}.sendbird-theme--light .sendbird-message__bottomsheet{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message__bottomsheet{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-message__bottomsheet-reaction-bar{display:flex;justify-content:center;margin-bottom:0;margin-top:0;padding-left:0}.sendbird-message__bottomsheet-reaction-bar__row{display:inline-block}.sendbird-message__bottomsheet-reaction-bar__row.sendbird-message__bottomsheet-reaction-bar__all{display:flex;flex-direction:row;flex-wrap:wrap}.sendbird-message__bottomsheet--action{align-items:center;cursor:pointer;display:flex;height:48px;padding-left:16px}.sendbird-message__bottomsheet--action .sendbird-icon{margin-right:24px}.sendbird-message__bottomsheet--action-disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-message__bottomsheet--action-disabled{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message__bottomsheet--action-disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-ui-thread-replies{align-items:center;border-radius:16px;display:inline-flex;flex:none;flex-direction:row;flex-grow:0;gap:4px;height:20px;justify-content:flex-start;min-height:20px;order:0;padding:4px 10px;position:relative;width:-webkit-fit-content;width:fit-content}.sendbird-theme--light .sendbird-ui-thread-replies{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-ui-thread-replies{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-ui-thread-replies:hover{cursor:pointer}.sendbird-theme--light .sendbird-ui-thread-replies:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-ui-thread-replies:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-ui-thread-replies__user-profiles{display:inline-flex;flex-direction:row;gap:4px;height:100%;position:relative;width:100%}.sendbird-ui-thread-replies__user-profiles__avatar{align-items:center;display:inline-flex;height:20px;justify-content:center;position:relative;width:20px}.sendbird-ui-thread-replies__user-profiles__avatar__image{height:20px;left:0;position:absolute;top:0;width:20px}.sendbird-ui-thread-replies__user-profiles__avatar__cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:50%;height:20px;left:0;position:absolute;top:0;width:20px}.sendbird-ui-thread-replies__user-profiles__avatar__plus{align-items:center;display:inline-flex;height:20px;justify-content:center;left:0;position:absolute;top:0;width:20px}.sendbird-ui-thread-replies__reply-counts{align-items:center;display:inline-flex;flex-direction:row;height:12px;justify-content:flex-start;min-width:-webkit-fit-content;min-width:fit-content;position:relative;white-space:nowrap}.sendbird-ui-thread-replies__icon{display:inline-flex;position:relative}.sendbird-og-message-item-body{display:inline-block;max-width:320px;min-width:320px;position:relative;width:320px}.sendbird--mobile-mode .sendbird-og-message-item-body{min-width:160px}.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble{border-radius:16px 16px 0 0;box-sizing:border-box;padding:8px 12px;position:relative;white-space:pre-line;word-break:break-word}.sendbird-og-message-item-body .sendbird-og-message-item-body__text-bubble .sendbird-og-message-item-body__text-bubble__message{display:inline;margin:0 2px}.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail{overflow:hidden;position:relative}.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail .sendbird-og-message-item-body__og-thumbnail__image{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.sendbird-og-message-item-body.reactions .sendbird-og-message-item-body__description{border-radius:0}.sendbird-og-message-item-body .sendbird-og-message-item-body__description{border-radius:0 0 16px 16px;display:flex;flex-direction:column;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.sendbird-theme--light .sendbird-og-message-item-body .sendbird-og-message-item-body__description{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-og-message-item-body .sendbird-og-message-item-body__description{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__description,.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__title{display:inline-block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-og-message-item-body .sendbird-og-message-item-body__description .sendbird-og-message-item-body__description__url{display:inline-block;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-og-message-item-body .sendbird-og-message-item-body__description:hover,.sendbird-og-message-item-body .sendbird-og-message-item-body__og-thumbnail:hover{cursor:pointer}.sendbird-theme--light .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-og-message-item-body.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble{background-color:#eee;background-color:var(--sendbird-light-background-100);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-og-message-item-body.incoming .sendbird-og-message-item-body__text-bubble{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description,.sendbird-theme--light .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover .sendbird-og-message-item-body__description,.sendbird-theme--dark .sendbird-og-message-item-body:hover .sendbird-og-message-item-body__description{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble,.sendbird-theme--light .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.outgoing .sendbird-og-message-item-body__text-bubble,.sendbird-theme--dark .sendbird-og-message-item-body:hover.outgoing .sendbird-og-message-item-body__text-bubble{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble,.sendbird-theme--light .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-og-message-item-body.mouse-hover.incoming .sendbird-og-message-item-body__text-bubble,.sendbird-theme--dark .sendbird-og-message-item-body:hover.incoming .sendbird-og-message-item-body__text-bubble{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-og-message-item-body .sendbird-og-message-item-body__cover{border-radius:16px 16px 0 0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}div.sendbird-og-message-item-body__text-bubble{margin:0}.sendbird-word{white-space:break-spaces}.sendbird-word .sendbird-word__mention{display:inline-block}.sendbird-word .sendbird-word__mention:hover{cursor:pointer}.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me,.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me{background-color:#fff2b6;background-color:var(--sendbird-highlight-100)}.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-link-label{text-decoration:none;text-decoration:initial}.sendbird-link-label:hover{cursor:pointer;text-decoration:underline}.sendbird-link-label:focus{outline:none}.sendbird-link-label__label{display:inline}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-1{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-1{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-2{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-2{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-onbackground-3{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-onbackground-3{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-1{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-1{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-oncontent-2{color:#ffffff80;color:var(--sendbird-light-ondark-02)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-oncontent-2{color:#00000080;color:var(--sendbird-dark-onlight-02)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-primary{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-primary{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-error{color:#de360b;color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-error{color:#f66161;color:var(--sendbird-dark-error-200)}.sendbird-theme--light .sendbird-link-label .sendbird-label--color-secondary-3{color:#259c72;color:var(--sendbird-light-secondary-300)}.sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3{color:#69c085;color:var(--sendbird-dark-secondary-200)}.sendbird-text-message-item-body{border-radius:16px;box-sizing:initial;display:inline-block;padding:8px 12px;position:relative;white-space:pre-line;word-break:break-word}.sendbird-text-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-text-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-text-message-item-body.incoming{background-color:#757575;background-color:var(--sendbird-dark-background-500-ligther)}.sendbird-theme--light .sendbird-text-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-text-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-text-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-text-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-text-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-text-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-text-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-text-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-text-message-item-body .sendbird-text-message-item-body__text-bubble__message{display:inline;margin:0 2px}div.sendbird-text-message-item-body{margin:0}.sendbird-file-message-item-body{align-items:center;border-radius:16px;box-sizing:border-box;display:inline-block;padding:8px 12px;position:relative}.sendbird-file-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-file-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-file-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-file-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-file-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-file-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-file-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-file-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-file-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-file-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-file-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{align-items:center;border-radius:8px;display:inline-flex;height:28px;justify-content:center;margin-right:8px;min-height:28px;min-width:28px;width:28px}.sendbird-theme--light .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-file-message-item-body .sendbird-file-message-item-body__file-icon{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-file-message-item-body .sendbird-file-message-item-body__file-name{position:relative;top:-6px}.sendbird-textbutton{cursor:pointer;display:inline-block;text-decoration:underline}.sendbird-textbutton--not-underline{cursor:pointer;text-decoration:none}.sendbird-textbutton--disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-textbutton--disabled{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-textbutton--disabled{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-image-grid-wrap{display:flex;justify-content:flex-end;width:100%}.sendbird-image-grid{grid-gap:4px;border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);padding:4px;width:-webkit-fit-content;width:fit-content}.sendbird-theme--light .sendbird-image-grid{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-image-grid{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-image-grid.reactions{border-radius:12px 12px 0 0}.sendbird-fileviewer{top:env(safe-area-inset-top)!important}.sendbird-fileviewer .sendbird-fileviewer__content{height:calc(100% - 70px - env(safe-area-inset-top));position:relative}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img__multi{max-height:calc(100% - 64px);max-width:calc(100% - 120px)}.sendbird-file-viewer-arrow--left,.sendbird-file-viewer-arrow--right{cursor:pointer;height:32px;position:absolute;top:calc(50% - 16px);width:32px}.sendbird-file-viewer-arrow--left{left:14px}.sendbird-file-viewer-arrow--right{right:14px;transform:rotate(180deg)}.sendbird-multiple-files-image-renderer-wrapper{cursor:pointer;width:100%}.sendbird-multiple-files-image-renderer__thumbnail__placeholder{align-items:center;border-radius:16px;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.sendbird-theme--light .sendbird-multiple-files-image-renderer__thumbnail__placeholder{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-multiple-files-image-renderer__thumbnail__placeholder{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-multiple-files-image-renderer__thumbnail__placeholder .sendbird-multiple-files-image-renderer__thumbnail__placeholder__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-voice-message-item-body{border-radius:16px;display:inline-flex;overflow:hidden;position:relative;width:100%}.sendbird-voice-message-item-body.is-reactions-contained{border-radius:16px 16px 0 0}.sendbird-voice-message-item-body__progress-bar{height:50px;position:absolute;width:100%}.sendbird-voice-message-item-body__status-button{align-items:center;display:inline-flex;height:34px;justify-content:center;left:12px;min-height:34px;min-width:34px;position:relative;top:8px;width:34px}.sendbird-voice-message-item-body__status-button__button{align-items:center;border-radius:50%;display:inline-flex;height:100%;justify-content:center;width:100%}.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-voice-message-item-body__playback-time{position:absolute;right:12px;top:15px}.sendbird-voice-message-item-body__status-button__button__pause{align-items:center;display:inline-flex;height:13.75px;justify-content:space-between;position:relative;width:13.75px}.sendbird-voice-message-item-body__status-button__button__pause__inner{border-radius:2px;display:inline-flex;height:13.75px;position:relative;width:4.38px}.sendbird-theme--light .sendbird-voice-message-item-body__status-button__button__pause__inner{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-voice-message-item-body__status-button__button__pause__inner{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-progress-bar,.sendbird-progress-bar__fill{display:inline-flex;height:100%;width:100%}.sendbird-progress-bar{justify-content:flex-start}.sendbird-theme--light .sendbird-progress-bar__fill{background-color:#00000061;background-color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-progress-bar__fill{background-color:#ffffff61;background-color:var(--sendbird-dark-ondark-03)}.sendbird-theme--light .progress-bar-color--primary{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .progress-bar-color--primary{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .progress-bar-color--gray,.sendbird-theme--light .sendbird-progress-bar.progress-bar--disabled{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .progress-bar-color--gray,.sendbird-theme--dark .sendbird-progress-bar.progress-bar--disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-progress-bar.progress-bar--disabled .sendbird-progress-bar__fill{background-color:initial}.sendbird-thumbnail-message-item-body{border-radius:16px;box-sizing:border-box;display:block;height:270px;max-width:400px;min-width:360px;overflow:hidden;position:relative;width:100%}.sendbird--mobile-mode .sendbird-thumbnail-message-item-body{min-width:160px}.sendbird-thumbnail-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-thumbnail-message-item-body{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-thumbnail-message-item-body{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-thumbnail-message-item-body.mouse-hover,.sendbird-theme--light .sendbird-thumbnail-message-item-body:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-thumbnail-message-item-body.mouse-hover,.sendbird-theme--dark .sendbird-thumbnail-message-item-body:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__thumbnail{border-radius:16px;position:absolute}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder{align-items:center;display:flex;height:270px;justify-content:center;position:absolute;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__placeholder .sendbird-thumbnail-message-item-body__placeholder__icon{align-items:center;background-color:#fff;background-color:var(--sendbird-light-background-50);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__image-cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:16px;display:none;height:270px;position:absolute;top:0;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__video{border-radius:16px;height:270px;position:absolute;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper{align-items:center;display:flex;height:270px;justify-content:center;position:absolute;width:100%}.sendbird-thumbnail-message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper .sendbird-thumbnail-message-item-body__icon-wrapper__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-thumbnail-message-item-body:hover{cursor:pointer}.sendbird-thumbnail-message-item-body:hover .sendbird-thumbnail-message-item-body__image-cover{display:inline-flex}.sendbird-unknown-message-item-body{border-radius:16px;box-sizing:border-box;display:inline-block;padding:8px 12px;position:relative}.sendbird-unknown-message-item-body.reactions{border-radius:16px 16px 0 0}.sendbird-theme--light .sendbird-unknown-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-unknown-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-unknown-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-unknown-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-unknown-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-unknown-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-unknown-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-unknown-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-unknown-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-unknown-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__description,.sendbird-unknown-message-item-body .sendbird-unknown-message-item-body__header{display:block}.sendbird-template-message-item-body{background-color:initial}.sendbird-template-message-item-body,.sendbird-template-message-item-body__fallback_message{box-sizing:initial;display:inline-block;position:relative;white-space:pre-line;word-break:break-word}.sendbird-template-message-item-body__fallback_message{border-radius:16px;padding:8px 12px}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming,.sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.incoming,.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing,.sendbird-theme--light .sendbird-template-message-item-body__fallback_message:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-template-message-item-body__fallback_message:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__description,.sendbird-template-message-item-body__fallback_message .sendbird-template-message-item-body__fallback_message__header{display:block}.sendbird-template-loading-message-item-body{align-items:center;border-radius:16px;box-sizing:initial;display:inline-flex;height:274px;justify-content:center;position:relative;width:100%}.sendbird-theme--light .sendbird-template-loading-message-item-body.incoming{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.incoming{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-template-loading-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.incoming,.sendbird-theme--light .sendbird-template-loading-message-item-body:hover.incoming{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.incoming,.sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.incoming{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-template-loading-message-item-body.mouse-hover.outgoing,.sendbird-theme--light .sendbird-template-loading-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-template-loading-message-item-body.mouse-hover.outgoing,.sendbird-theme--dark .sendbird-template-loading-message-item-body:hover.outgoing{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sb-message-template__border{position:relative}.sb-message-template__border:after{border-radius:var(--border-radius);bottom:0;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);content:"";left:0;position:absolute;right:0;top:0;z-index:1}.sb-message-template__action{cursor:pointer}.sb-message-template__parent{font-family:Roboto}.sendbird-theme--light .sb-message-template__box{background-color:#eee}.sendbird-theme--dark .sb-message-template__box{background-color:#2c2c2c}.sendbird-theme--light .sb-message-template__text{color:#000000e0}.sendbird-theme--dark .sb-message-template__text{color:#ffffffe0}.sb-message-template__text{font-family:inherit;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.43;text-align:left}.sendbird-theme--light .sb-message-template__text-button{background-color:#e0e0e0;color:#742ddd}.sendbird-theme--dark .sb-message-template__text-button{background-color:#393939;color:#c2a9fa}.sb-message-template__text-button{border-radius:6px;font-family:Roboto;font-size:14px;font-stretch:normal;font-style:normal;font-weight:500;letter-spacing:normal;line-height:1.43;padding:10px 20px;text-align:center}.sb-message-template__text-button:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;opacity:1}.sb-message-template__image-button,.sb-message-template__text-button{border-style:none;cursor:pointer}.sb-message-template__parent{background-color:#cecece;border-radius:8px;overflow:hidden}.sb-message-template__parent *{box-sizing:border-box}.sb-message-template__carousel{box-sizing:border-box;display:flex;touch-action:pan-y;width:100%}.sb-message-template__parent:has(>.sb-message-template__carousel:first-child){background-color:initial;border-radius:0;border-radius:initial;overflow:visible}.sendbird-message-template__root *{box-sizing:border-box}.sendbird-iconbutton__feedback{align-items:center;background-color:initial;border:1px solid;border-radius:18px;cursor:pointer;display:flex;justify-content:center;padding:5px 8px}.sendbird-theme--light .sendbird-iconbutton__feedback{border-color:#0000001f;border-color:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-iconbutton__feedback{border-color:#ffffff1f;border-color:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-iconbutton__feedback:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-iconbutton__feedback:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled{cursor:not-allowed}.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__disabled:hover,.sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed:hover{background-color:initial}.sendbird-theme--light .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);border-color:#2abf79;border-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-iconbutton__feedback.sendbird-iconbutton__feedback__pressed{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);border-color:#2abf79;border-color:var(--sendbird-dark-primary-200)}.sendbird-iconbutton__feedback__inner{align-items:center;display:flex;justify-content:center}.sendbird-theme--light .sendbird-iconbutton__feedback__inner svg path{fill:#fff;fill:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-iconbutton__feedback__inner svg path{fill:#ffffff80;fill:var(--sendbird-dark-ondark-02)}.sendbird-theme--light .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path{fill:#0000001f;fill:var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-iconbutton__feedback__inner.sendbird-iconbutton__feedback__inner__disabled svg path{fill:#ffffff1f;fill:var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-iconbutton__feedback__inner__pressed svg path{fill:#ffffffe0;fill:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-iconbutton__feedback__inner__pressed svg path{fill:#000000e0;fill:var(--sendbird-dark-onlight-01)}.sendbird-message__bottomsheet--feedback-options-menu{border-radius:8px 8px 0 0;width:100vw}.sendbird-theme--light .sendbird-message__bottomsheet--feedback-options-menu{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message__bottomsheet--feedback-options-menu{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message__bottomsheet--feedback-options-menu :first-child{border-radius:8px 8px 0 0}.sendbird-message__bottomsheet--feedback-option{align-items:center;cursor:pointer;display:flex;height:48px;padding:0 24px}.sendbird-input{display:inline-block;height:40px;position:relative;width:100%}.sendbird-input .sendbird-input__input{background-color:inherit;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;height:100%;letter-spacing:normal;line-height:1.43;padding:10px 16px;width:100%}.sendbird-theme--light .sendbird-input .sendbird-input__input{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03);caret-color:#2abf79;caret-color:var(--sendbird-light-primary-300);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-input .sendbird-input__input{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03);caret-color:#2abf79;caret-color:var(--sendbird-dark-primary-200);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-input .sendbird-input__input:focus{outline:none}.sendbird-theme--light .sendbird-input .sendbird-input__input:focus{border:2px solid #2abf79;border:2px solid var(--sendbird-light-primary-300);box-shadow:0 1px 5px 0 #0000001f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-light-onlight-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-input .sendbird-input__input:focus{border:2px solid #2abf79;border:2px solid var(--sendbird-dark-primary-200);box-shadow:0 1px 5px 0 #ffffff1f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-dark-ondark-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-input .sendbird-input__input:active{border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300);box-shadow:0 1px 5px 0 #0000001f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-light-onlight-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-input .sendbird-input__input:active{border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200);box-shadow:0 1px 5px 0 #ffffff1f,0 0 1px 0 #00000029,0 2px 1px 0 #00000014;box-shadow:0 1px 5px 0 var(--sendbird-dark-ondark-04),0 0 1px 0 #00000029,0 2px 1px 0 #00000014;color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-input .sendbird-input__input:disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-input .sendbird-input__input:disabled{background-color:#eee;background-color:var(--sendbird-light-background-100);color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-input .sendbird-input__input:disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-input .sendbird-input__placeholder{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;left:16px;line-height:1.43;pointer-events:none;position:absolute;top:10px}.sendbird-theme--light .sendbird-input .sendbird-input__placeholder{color:#00000061;color:var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-input .sendbird-input__placeholder{color:#ffffff61;color:var(--sendbird-dark-ondark-03)}.sendbird-input-label{margin:4px 0}.sendbird--mobile-mode .sendbird-message-feedback-modal-content__mobile{max-width:280px;padding:16px}.sendbird-message-feedback-modal-footer__root{align-items:center;display:flex;justify-content:space-between}.sendbird-message-feedback-modal-footer__root_failed{align-items:center;display:flex;justify-content:flex-end;margin-top:48px}.sendbird-message-feedback-modal-footer__right-content{display:flex;gap:8px}.sendbird-message-feedback-modal-body__root{margin:21px 0}.sendbird--mobile-mode .sendbird-message-feedback-modal-header{font-size:18px;line-height:1.33}.sendbird-suggested-replies{align-items:flex-end;column-gap:10px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;margin-top:16px;position:relative;row-gap:8px}.sendbird-theme--dark .sendbird-suggested-replies,.sendbird-theme--light .sendbird-suggested-replies{font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default)}.sendbird-suggested-replies__option{align-items:center;border-radius:18px;cursor:pointer;display:flex;font-size:12px;height:32px;padding:0 14px;white-space:nowrap}.sendbird-theme--light .sendbird-suggested-replies__option{background-color:#fff;background-color:var(--sendbird-light-background-50);border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300);color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-suggested-replies__option{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200);color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-suggested-replies__option:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-suggested-replies__option:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-suggested-replies__option:active{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);color:#fff;color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-suggested-replies__option:active{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);color:#2c3330;color:var(--sendbird-dark-background-600)}.sendbird-mention-suggest-list{display:flex;flex-direction:column;margin-left:28px;margin-right:28px;max-height:260px;overflow:scroll;position:relative;width:calc(100% - 56px)}.sendbird-theme--light .sendbird-mention-suggest-list{border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-mention-suggest-list{border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{align-items:center;display:flex;padding:16px 8px;position:relative}.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item.focused{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__avatar{display:inline-block;position:relative}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{display:inline-block;margin-left:16px;max-width:calc(100% - 250px);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:calc(100% - 150px)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{display:inline-block;max-width:180px;overflow:hidden;position:absolute;right:16px;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:100px}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item{align-items:center;display:flex;padding:16px 8px;position:relative}.sendbird-theme--light .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-mention-suggest-list .sendbird-mention-suggest-list__notice-item .sendbird-mention-suggest-list__notice-item__icon{margin-right:4px}.sendbird-fileviewer__header__right__actions__close,.sendbird-fileviewer__header__right__actions__delete,.sendbird-fileviewer__header__right__actions__download{box-sizing:border-box;cursor:pointer;padding:21px;width:64px}.sendbird-fileviewer__header__right__actions__close .disabled,.sendbird-fileviewer__header__right__actions__delete .disabled,.sendbird-fileviewer__header__right__actions__download .disabled{cursor:not-allowed}.sendbird-fileviewer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100000}.sendbird-theme--light .sendbird-fileviewer{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-fileviewer{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-fileviewer .sendbird-fileviewer__header{box-sizing:border-box;display:flex;height:64px;justify-content:space-between;min-height:64px}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header{position:relative}.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:64px;padding:16px 20px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__avatar{margin-right:8px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename{display:inline-block;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__filename{display:block;left:64px;max-width:calc(100vw - 240px);position:absolute;top:10px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name{display:inline-flex;margin-left:8px;max-width:200px;overflow:hidden;padding-top:5px;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__left .sendbird-fileviewer__header__left__sender-name{left:56px;position:absolute;top:24px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right{display:flex;justify-content:flex-end;width:160px}.sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions{display:flex;flex-direction:row;right:0}.sendbird-theme--light .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-fileviewer .sendbird-fileviewer__header .sendbird-fileviewer__header__right .sendbird-fileviewer__header__right__actions__close{border-left:1px solid #ffffff1f;border-left:1px solid var(--sendbird-dark-ondark-04)}.sendbird-fileviewer .sendbird-fileviewer__content{align-items:center;display:flex;height:calc(100% - 72px);justify-content:center;margin-top:4px;overflow-y:auto}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__video{max-height:100%;max-width:100%}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__img{max-height:90%;max-width:90%}.sendbird-fileviewer .sendbird-fileviewer__content .sendbird-fileviewer__content__unsupported{align-items:center;display:flex;justify-content:center;max-height:100%;max-width:100%}.sendbird-notification,.sendbird-notification--hide{position:absolute}.sendbird-notification--hide{display:none}.sendbird-notification{align-items:center;border-radius:4px;display:flex;height:32px;justify-content:center;margin-left:24px;margin-right:24px;margin-top:8px;padding:0 2px}.sendbird-theme--light .sendbird-notification{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-notification{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-notification:hover{cursor:pointer}.sendbird-theme--light .sendbird-notification:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-notification:hover{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen{background-color:#adc9ff;background-color:var(--sendbird-light-information-100)}.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen{background-color:#adc9ff;background-color:var(--sendbird-dark-information-100)}.sendbird-theme--light .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-notification.sendbird-notification--frozen .sendbird-notification__text{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-notification .sendbird-notification__text{align-items:center;display:flex;justify-content:center;margin-right:8px}.typing-dots-container{align-items:center;border-radius:16px;display:flex;gap:6px;justify-content:center;padding:16px 12px}.sendbird-theme--light .typing-dots-container{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .typing-dots-container{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.typing-dots-container span{animation:blink 1.4s infinite;animation-fill-mode:both;border-radius:50%;height:8px;width:8px}.sendbird-theme--light .typing-dots-container span{background-color:#000;background-color:var(--sendbird-light-background-700)}.sendbird-theme--dark .typing-dots-container span{background-color:#fff;background-color:var(--sendbird-dark-background-50)}.typing-dots-container span:first-child{animation-delay:.4s}.typing-dots-container span:nth-child(2){animation-delay:.6s}.typing-dots-container span:nth-child(3){animation-delay:.8s}@keyframes blink{0%{opacity:.12;transform:scale(1)}21.43%{opacity:.38;transform:scale(1.2)}42.86%{opacity:.12;transform:scale(1)}to{opacity:.12;transform:scale(1)}}.sendbird-message-input-wrapper,.sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input,.sendbird-message-input-wrapper--voice-message,.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input{position:relative;width:100%}.sendbird-theme--light .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input,.sendbird-theme--light .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-input-wrapper .sendbird-message-input-wrapper__quote-message-input,.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__quote-message-input{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-message-input-wrapper .sendbird-message-input-wrapper__message-input,.sendbird-message-input-wrapper--voice-message .sendbird-message-input-wrapper__message-input{box-sizing:border-box;padding-left:24px;padding-right:24px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-input-wrapper--voice-message{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-input-wrapper--voice-message{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-quote_message_input{box-sizing:border-box;display:flex;flex-direction:row;height:76px;padding:16px 80px 16px 40px;position:relative;width:100%}.sendbird-quote_message_input .sendbird-quote_message_input__avatar{align-items:center;border-radius:8px;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;position:relative;width:44px}.sendbird-theme--light .sendbird-quote_message_input .sendbird-quote_message_input__avatar{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-quote_message_input .sendbird-quote_message_input__avatar{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-quote_message_input .sendbird-quote_message_input__body{align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;position:absolute}.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__sender-name{box-sizing:border-box;margin-bottom:8px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-quote_message_input .sendbird-quote_message_input__body .sendbird-quote_message_input__body__message-content{box-sizing:border-box;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.sendbird-quote_message_input .sendbird-quote_message_input__close-button{position:absolute;right:40px;top:26px}.sendbird-quote_message_input .sendbird-quote_message_input__close-button:hover{cursor:pointer}.sendbird-voice-message-input-wrapper .sendbird-voice-message-input__indicator{height:40px}.sendbird-voice-message-input-wrapper-alert__body{align-items:flex-end;display:flex;height:74px;justify-content:flex-end;position:relative;width:100%}.sendbird-voice-message-input-wrapper-alert__body__ok-button{width:74px}.sendbird-voice-message-input{box-sizing:border-box;flex-direction:column;height:110px;padding-left:24px;padding-right:24px;padding-top:22px}.sendbird-voice-message-input,.sendbird-voice-message-input__indicator{display:inline-flex;position:relative;width:100%}.sendbird-voice-message-input__indicator__progress-bar{border-radius:28px;display:inline-flex;overflow:hidden;position:relative;width:100%}.sendbird-voice-message-input__indicator__on-rec{position:absolute;right:53px;top:14px}.sendbird-voice-message-input__indicator__playback-time{position:absolute;right:16px;top:10px}.sendbird-voice-message-input__controler{align-items:center;display:inline-flex;flex-direction:row;height:34px;justify-content:space-between;margin-top:14px;min-height:34px;position:relative}.sendbird-voice-message-input__controler__main{align-items:center;border-radius:50%;display:inline-flex;height:34px;justify-content:center;min-height:34px;min-width:34px;position:relative;width:34px}.sendbird-theme--light .sendbird-voice-message-input__controler__main{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-voice-message-input__controler__main{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-voice-message-input__controler__main:hover{cursor:pointer}.sendbird-voice-message-input__controler__submit{align-items:center;border-radius:50%;display:inline-flex;height:34px;justify-content:center;min-height:34px;min-width:34px;position:relative;width:34px}.sendbird-theme--light .sendbird-voice-message-input__controler__submit{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-voice-message-input__controler__submit{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-voice-message-input__controler__submit:hover{cursor:pointer}.sendbird-theme--light .sendbird-voice-message-input__controler__submit.voice-message--disabled{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-voice-message-input__controler__submit.voice-message--disabled{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-voice-message-input__controler__submit.voice-message--disabled:hover{cursor:default}@keyframes flickerAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}.sendbird-voice-message-input__indicator__on-rec{animation:flickerAnimation 1s infinite;border-radius:50%;height:12px;min-height:12px;min-width:12px;width:12px}.sendbird-theme--light .sendbird-voice-message-input__indicator__on-rec{background-color:#de360b;background-color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-voice-message-input__indicator__on-rec{background-color:#de360b;background-color:var(--sendbird-dark-error-300)}.sendbird-voice-message-input__indicator__progress-bar__bar{height:40px}.sendbird-controler-icon{display:inline-block;position:relative}.sendbird-controler-icon.record-icon{border-radius:50%;height:20px;min-height:20px;min-width:20px;width:20px}.sendbird-theme--light .sendbird-controler-icon.record-icon{background-color:#de360b;background-color:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-controler-icon.record-icon{background-color:#de360b;background-color:var(--sendbird-dark-error-300)}.sendbird-controler-icon.stop-icon{border-radius:2px;height:14px;min-height:14px;min-width:14px;width:14px}.sendbird-theme--light .sendbird-controler-icon.stop-icon{background-color:#000000e0;background-color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-controler-icon.stop-icon{background-color:#ffffffe0;background-color:var(--sendbird-dark-ondark-01)}.sendbird-controler-icon.pause-icon{display:inline-flex;gap:3.75px;height:13.75px;min-height:13.75px;min-width:13.75px;width:100%;width:13.75px}.sendbird-controler-icon.pause-icon-inner{border-radius:2px;display:inline-flex;min-width:4.38px}.sendbird-theme--light .sendbird-controler-icon.pause-icon-inner{background-color:#000000e0;background-color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-controler-icon.pause-icon-inner{background-color:#ffffffe0;background-color:var(--sendbird-dark-ondark-01)}.sendbird-channel-list{box-sizing:border-box;display:flex;flex-direction:column;height:100%}.sendbird-theme--light .sendbird-channel-list{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-channel-list{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird--mobile-mode .sendbird-channel-list{width:100%}.sendbird-channel-list__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);min-height:64px}.sendbird-channel-list__body{flex:1 1;-ms-flex:1;overflow-x:hidden;overflow-y:auto}.sendbird-channel-header{box-sizing:border-box;height:77px;min-height:77px;padding:17px 24px 0;position:relative;width:320px;.sendbird-iconbutton{padding:10px!important}}.sendbird-theme--light .sendbird-channel-header{background-color:#0f1e15;border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-header{background-color:#0f1e15;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird--mobile-mode .sendbird-channel-header{width:100%}.sendbird-channel-header.sendbird-channel-header--allow-edit .sendbird-channel-header__title{cursor:pointer}.sendbird-channel-header .sendbird-channel-header__title{border-radius:4px;display:flex;flex-direction:row;height:48px}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:hover,.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:hover{background:#0000}.sendbird-channel-header .sendbird-channel-header__title:focus{outline:none}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:focus,.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:focus{background:#0000}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:active,.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:active{border:none}.sendbird-theme--light .sendbird-channel-header .sendbird-channel-header__title:focus-visible{outline:none}.sendbird-theme--dark .sendbird-channel-header .sendbird-channel-header__title:focus-visible{outline:none}.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__left{box-sizing:border-box;padding:8px;width:48px}.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right{margin-left:4px;padding-top:8px}.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__name,.sendbird-channel-header .sendbird-channel-header__title .sendbird-channel-header__title__right__user-id{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-channel-header .sendbird-channel-header__right-icon{position:absolute;right:16px;top:16px}.sendbird-edit-user-profile section{margin-top:16px}.sendbird-edit-user-profile section .sendbird-input-label{display:block;margin-bottom:12px}.sendbird-edit-user-profile .sendbird-edit-user-profile__img .sendbird-input-label{margin-bottom:12px}.sendbird-edit-user-profile__img{position:relative}.sendbird-edit-user-profile__img__avatar-button{left:96px;position:absolute;top:50px}.sendbird-edit-user-profile__theme__theme-icon .sendbird-icon{cursor:pointer}.sendbird-edit-user-profile__theme{display:none}.sendbird-channel-preview__leave--mobile .sendbird-modal__content{max-width:calc(100% - 80px)}.sendbird-channel-preview__leave--mobile .sendbird-modal__close{display:none}.sendbird-channel-preview__leave--mobile .sendbird-channel-preview__leave-label--mobile{text-decoration:none}.sendbird-channel-preview__leave--mobile .sendbird-modal__header span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 120px)}.sendbird__offline .sendbird-channel-preview{cursor:not-allowed}.sendbird-channel-preview{border-bottom:1px solid #0000001f;display:flex;flex-direction:row;height:100px;padding:24px 24px 12px}.sendbird-theme--light .sendbird-channel-preview{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-preview{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird--mobile-mode .sendbird-channel-preview{width:100%}.sendbird-channel-preview:focus{outline:none}.sendbird-channel-preview .sendbird-channel-preview__avatar{height:32px;width:32px}.sendbird-channel-preview .sendbird-channel-preview__content{height:100%;margin-left:16px;width:85%}.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content{position:relative}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper{display:flex;height:17px;justify-content:space-between}.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper{width:auto}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header{display:flex;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__broadcast-icon{padding-right:4px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__channel-name{margin-right:3px;overflow:hidden;overflow-x:auto;white-space:nowrap;word-break:break-all}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__total-members{display:none;margin-left:4px;margin-top:2px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__header .sendbird-channel-preview__content__upper__header__frozen-icon{padding-left:4px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at{margin-bottom:4px;margin-left:4px;white-space:nowrap}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__upper .sendbird-channel-preview__content__upper__last-message-at.sendbird-message-status{justify-content:flex-end;max-width:74px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower{display:flex;height:32px;justify-content:space-between;margin-top:8px}.sendbird--mobile-mode .sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower{width:100%}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__last-message{height:38px;overflow:hidden;text-overflow:ellipsis}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count{align-items:center;display:flex;margin-bottom:12px;margin-left:8px}.sendbird-channel-preview .sendbird-channel-preview__content .sendbird-channel-preview__content__lower .sendbird-channel-preview__content__lower__unread-message-count .sendbird-channel-preview__content__lower__unread-message-count__mention{align-items:center;display:inline-flex;margin-right:4px}.sendbird-channel-preview .sendbird-channel-preview__action{display:inline-block;position:absolute;right:12px;top:12px}.sendbird-channel-preview .sendbird-channel-preview__action .sendbird-iconbutton{display:none}.sendbird-theme--light .sendbird-channel-preview:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-channel-preview:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-channel-preview:hover .sendbird-channel-preview__action .sendbird-iconbutton{display:inline-block}.sendbird-channel-preview:hover .sendbird-channel-preview__content__lower__unread-message-count,.sendbird-channel-preview:hover .sendbird-channel-preview__content__upper__last-message-at{display:none}.sendbird-channel-preview--active{padding:12px 16px 12px 12px}.sendbird-theme--light .sendbird-channel-preview--active{background-color:#2abf79;background-color:var(--sendbird-light-primary-100);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-channel-preview--active{background-color:#000;background-color:var(--sendbird-dark-background-700);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-channel-preview--active .sendbird-channel-preview__content__upper__header__channel-name{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird--mobile-mode .sendbird-channel-preview__content__lower__unread-message-count{position:absolute;right:0}.sendbird-badge{align-items:center;border-radius:10px;display:inline-flex;height:20px;justify-content:center;min-width:20px}.sendbird-theme--light .sendbird-badge{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-badge{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-badge .sendbird-badge__text{margin:0 6px}.sendbird-mention-user-label{display:inline-block;font-family:Roboto,sans-serif;font-family:var(--sendbird-font-family-default);font-size:14px;font-stretch:normal;font-style:normal;font-weight:700;height:16px;letter-spacing:normal;line-height:1.43;max-width:100%;white-space:pre-line;width:-webkit-fit-content;width:fit-content}.sendbird-mention-user-label:hover{cursor:pointer}.sendbird-theme--light .sendbird-mention-user-label{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-mention-user-label{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-mention-user-label.reverse{color:#ffffffe0;color:var(--sendbird-light-ondark-01)}.sendbird-theme--dark .sendbird-mention-user-label.reverse{color:#000000e0;color:var(--sendbird-dark-onlight-01)}.sendbird-mention-user-label.purple{font-family:Roboto;font-size:18px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;line-height:normal}.sendbird-theme--light .sendbird-mention-user-label.purple{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-mention-user-label.purple{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird--mobile-mode .sendbird-add-channel__modal .sendbird-modal__content{margin:0 40px}.sendbird-add-channel__rectangle-wrap{margin-top:26px}.sendbird-add-channel__rectangle-footer{margin-top:32px;text-align:right}.sendbird-add-channel__rectangle{border-radius:4px;box-sizing:border-box;cursor:pointer;height:72px;margin-bottom:8px;padding:25px 72px;position:relative;width:432px}.sendbird--mobile-mode .sendbird-add-channel__rectangle{min-width:288px;padding-right:0;width:100%}.sendbird-theme--light .sendbird-add-channel__rectangle{border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-add-channel__rectangle{border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-add-channel__rectangle .sendbird-icon{left:22px;position:absolute;top:24px}.sendbird-create-channel--content{max-height:552px;width:480px}.sendbird-create-channel--scroll{height:360px;overflow-x:hidden;overflow-y:scroll}.sendbird-channel-settings{box-sizing:border-box;display:inline-block;height:100%;width:320px}.sendbird--mobile-mode .sendbird-channel-settings{width:100%}.sendbird-theme--light .sendbird-channel-settings{background-color:#fff;background-color:var(--sendbird-light-background-50);border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-left:1px solid #2c3330;border-left:1px solid var(--sendbird-dark-background-600)}.sendbird-channel-settings .sendbird-channel-settings__header-icon{cursor:pointer;position:absolute;right:16px;top:22px}.sendbird-channel-header__title,.sendbird-channel-settings__header{background-color:#0f1e15}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path,.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header-icon .sendbird-channel-settings__close-icon path{fill:#fff}.sendbird-channel-settings .sendbird-channel-settings__members .sendbird-badge__text{margin-top:-2px}.sendbird-channel-settings .sendbird-channel-settings__header{box-sizing:border-box;height:77px;min-height:77px;padding:28px 24px;position:relative}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings .sendbird-channel-settings__scroll-area{display:flex;flex-direction:column;flex-grow:1;height:calc(100% - 64px);overflow-y:auto}.sendbird-channel-settings .sendbird-channel-settings__panel-item{cursor:pointer;padding:12px 22px 10px 56px;position:relative}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-item{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings .sendbird-channel-settings__panel-item:focus{outline:none}.sendbird-channel-settings .sendbird-channel-settings__panel-item.sendbird-channel-settings__panel-item__disabled{cursor:not-allowed}.sendbird-channel-settings .sendbird-channel-settings__panel-icon-left,.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{position:absolute;top:10px}.sendbird-channel-settings .sendbird-channel-settings__panel-icon-left{left:16px}.sendbird-channel-settings .sendbird-channel-settings__panel-icon-right{right:16px}.sendbird-channel-settings .sendbird-channel-settings__panel-icon--open{transform:rotate(90deg)}.sendbird-theme--light .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-channel-profile{padding:32px 40px 27px;position:relative;text-align:center}.sendbird-theme--light .sendbird-channel-profile{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-profile{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-profile .sendbird-channel-profile--inner{height:92px}.sendbird-channel-profile .sendbird-channel-profile__avatar{display:flex;justify-content:center;margin-bottom:16px}.sendbird-channel-profile .sendbird-channel-profile__title{display:block;height:18px;max-width:240px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-channel-profile .sendbird-channel-profile__title{max-width:100%}.sendbird-channel-profile .sendbird-channel-profile__edit{position:absolute;right:16px;top:10px}.channel-profile-form .channel-profile-form__img-section{position:relative}.channel-profile-form .channel-profile-form__avatar-button{left:96px;position:absolute;top:54px}.channel-profile-form .channel-profile-form__avatar{margin-top:16px}.channel-profile-form .channel-profile-form__name-section{margin-top:12px}.channel-profile-form .channel-profile-form__name-section .sendbird-input{height:40px}.sendbird-channel-settings__operator .sendbird-channel-settings__accordion-icon{left:14px;position:absolute}.sendbird-channel-settings__operator .sendbird-accordion__panel-heder{position:relative}.sendbird-channel-settings__empty-list{display:block;margin-bottom:4px;margin-top:12px;text-align:center}.sendbird-channel-settings-accordion__footer{display:flex;justify-content:left;padding-left:12px;padding-top:16px}.sendbird-channel-settings-accordion__footer .sendbird-button:nth-child(2){margin-left:8px}.sendbird-channel-settings__freeze{display:none;max-width:320px;padding:12px 22px 10px 56px;position:relative}.sendbird--mobile-mode .sendbird-channel-settings__freeze{max-width:100%}.sendbird-theme--light .sendbird-channel-settings__freeze{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-channel-settings__freeze{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-channel-settings__frozen-icon{position:absolute;right:20px;top:12px}.sendbird-channel-settings__frozen-icon .sendbird-icon{cursor:pointer}.sendbird-channel-settings__members-list .sendbird-badge,.sendbird-channel-settings__user-panel .sendbird-badge{display:none}.sendbird-channel-settings__members .sendbird-badge,.sendbird-channel-settings__members-list .sendbird-badge{position:absolute;right:44px;top:12px}.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge,.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge,.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-channel-settings__members .sendbird-badge .sendbird-label,.sendbird-theme--light .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-channel-settings__members .sendbird-badge .sendbird-label,.sendbird-theme--dark .sendbird-channel-settings__members-list .sendbird-badge .sendbird-label{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-accordion{box-sizing:border-box;padding:8px 0 16px;position:relative}.sendbird-theme--light .sendbird-accordion{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-accordion{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-accordion .sendbird-accordion__member{box-sizing:border-box;height:40px;padding:12px 0 12px 44px;position:relative}.sendbird-accordion .sendbird-accordion__footer{display:flex;justify-content:flex-start;margin-top:8px}.sendbird-accordion__panel-header{cursor:pointer;padding:12px 22px 10px 56px;position:relative}.sendbird-channel-settings__banned-members-list,.sendbird-channel-settings__muted-members-list,.sendbird-channel-settings__operators-list{display:none}.sendbird-channel-settings-member-list{.sendbird-channel-settings-accordion__footer,.sendbird-user-list-item--small__operator,.sendbird-user-message__more__menu{display:none}}.sendbird-theme--light .sendbird-accordion__panel-header{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-accordion__panel-header{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-accordion__panel-header:focus{outline:none}.sendbird-accordion__panel-header.sendbird-accordion__panel-item__disabled{cursor:not-allowed}.sendbird-accordion__panel-icon-left,.sendbird-accordion__panel-icon-right{position:absolute;top:10px}.sendbird-accordion__panel-icon-left{left:16px}.sendbird-accordion__panel-icon-right{right:16px}.sendbird-accordion__panel-icon--open{transform:rotate(90deg)}.sendbird-theme--light .sendbird-accordion__panel-icon--chevron path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-accordion__panel-icon--chevron path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-theme--light .sendbird-accordion__panel-icon__leave path{fill:#de360b;fill:var(--sendbird-light-error-300)}.sendbird-theme--dark .sendbird-accordion__panel-icon__leave path{fill:#de360b;fill:var(--sendbird-dark-error-300)}.sendbird-input-toggle-button{align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;position:relative}.sendbird-theme--light .sendbird-input-toggle-button--checked{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);border:1px solid #2abf79;border:1px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-input-toggle-button--checked{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);border:1px solid #2abf79;border:1px solid var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-input-toggle-button--unchecked{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300);border:1px solid #bdbdbd;border:1px solid var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-input-toggle-button--unchecked{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:1px solid #393939;border:1px solid var(--sendbird-dark-background-400)}.sendbird-input-toggle-button--disabled{cursor:not-allowed}.sendbird-theme--light .sendbird-input-toggle-button--disabled{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200);border:1px solid #e0e0e0;border:1px solid var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-input-toggle-button--disabled{background-color:#393939;background-color:var(--sendbird-dark-background-400);border:1px solid #393939;border:1px solid var(--sendbird-dark-background-400)}.sendbird-input-toggle-button input{display:none;position:absolute}.sendbird-input-toggle-button__inner-dot{animation-iteration-count:1;border-radius:50%;position:absolute}.sendbird-theme--light .sendbird-input-toggle-button__inner-dot{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}@keyframes sendbirdMoveToRight{0%{right:60%}to{right:10%}}@keyframes sendbirdMoveToLeft{0%{right:10%}to{right:60%}}.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToRight}.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToLeft}.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot{right:60%}.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot{right:10%}.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToLeft}.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot{animation-name:sendbirdMoveToRight}.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot{right:10%}.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot{right:60%}.sendbird-user-list-item--small{box-sizing:border-box;display:block;height:40px;padding-left:12px;position:relative}.sendbird-user-list-item--small__avatar{cursor:pointer;position:absolute;top:10px}.sendbird-user-list-item--small .sendbird-muted-avatar{left:12px;pointer-events:none;position:absolute;top:10px}.sendbird-user-list-item--small__title{left:54px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:10px;white-space:nowrap;width:160px}.sendbird-user-list-item--small__subtitle{left:140px;max-width:237px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:23px;white-space:nowrap}.sendbird--mobile-mode .sendbird-user-list-item--small__subtitle{max-width:40%}.sendbird-user-list-item--small__checkbox{position:absolute;right:16px;top:16px}.sendbird-user-list-item--small__action{display:none;position:absolute;right:10px;top:4px}.sendbird-user-list-item--small__operator{position:absolute;right:24px;top:10px}.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed,.sendbird-theme--light .sendbird-user-list-item--small:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed,.sendbird-theme--dark .sendbird-user-list-item--small:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__action,.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__action{display:block}.sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-user-list-item--small__operator,.sendbird-user-list-item--small:hover .sendbird-user-list-item--small__operator{display:none}.sendbird-theme--light .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-user-list-item--small.sendbird-icon--pressed .sendbird-iconbutton{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-channel-settings__leave-label--mobile{text-decoration:none}.sendbird-channel-settings__leave--mobile .sendbird-modal__content{max-width:calc(100% - 80px)}.sendbird-channel-settings__leave--mobile .sendbird-modal__close{display:none}.sendbird-channel-settings__leave--mobile .sendbird-channel-preview__leave-label--mobile{text-decoration:none}.sendbird-channel-settings__leave--mobile .sendbird-modal__header span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 120px)}.sendbird-more-members__popup-scroll{max-height:420px;overflow-x:hidden;overflow-y:scroll}.sendbird--mobile-mode .sendbird-more-members__popup-scroll{max-height:100%}.sendbird-more-members__popup-scroll .sendbird-user-list-item__operator{right:72px}.sendbird-more-members__popup-scroll .sendbird-user-list-item__title{max-width:240px}.sendbird-channel-settings__badge{position:absolute;right:48px}.sendbird-theme--light .sendbird-channel-settings__badge{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-channel-settings__badge{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-channel-settings__badge .sendbird-label{color:#fff;color:var(--sendbird-light-onlight-02)}.sendbird-theme--dark .sendbird-channel-settings__badge .sendbird-label{color:#ffffff80;color:var(--sendbird-dark-ondark-02)}.sendbird-channel-settings__user-panel .sendbird-channel-settings-accordion__footer{padding-left:14px;padding-top:14px}.sendbird-message-search-pannel{box-sizing:border-box;display:flex;flex-direction:column;height:100%;position:relative;width:320px}.sendbird-theme--light .sendbird-message-search-pannel{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message-search-pannel{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird--mobile-mode .sendbird-message-search-pannel{width:100%}.sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{border:0;font-size:14px;left:48px;margin:0;outline:none;padding:0;position:absolute;top:14px;width:calc(100% - 90px)}.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{background-color:#fff;background-color:var(--sendbird-light-background-50);color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input__container__input-area{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-message-search-pannel .sendbird-message-search-pannel__header{box-sizing:border-box;display:flex;height:64px;min-height:64px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-message-search-pannel__header__title{left:24px;overflow-x:hidden;position:absolute;text-overflow:ellipsis;top:20px;width:calc(100% - 74px);word-break:keep-all}.sendbird-message-search-pannel .sendbird-message-search-pannel__header .sendbird-message-search-pannel__header__close-button{position:absolute;right:16px;top:16px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input{box-sizing:border-box;display:flex;padding:16px;position:relative}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container{border-radius:4px;height:44px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container{border:1px solid #00000061;border:1px solid var(--sendbird-light-onlight-03)}.sendbird-theme--dark .sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container{border:1px solid #ffffff61;border:1px solid var(--sendbird-dark-ondark-03)}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__search-icon{left:16px;position:absolute;top:10px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button,.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__spinner{position:absolute;right:12px;top:12px}.sendbird-message-search-pannel .sendbird-message-search-pannel__input .sendbird-message-search-pannel__input__container .sendbird-message-search-pannel__input__container__reset-input-button:hover{cursor:pointer}.sendbird-message-search-pannel .sendbird-message-search-pannel__message-search{box-sizing:border-box;height:100%;overflow-y:hidden;position:relative;width:100%}.sendbird-message-search{height:100%;overflow-x:hidden;overflow-y:scroll;position:relative}.sendbird-theme--light .sendbird-message-search{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-message-search{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-message-search-item{cursor:pointer;display:inline-flex;flex-direction:row;height:80px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-search-item{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-message-search-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-search-item:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-search-item .sendbird-message-search-item__left{align-items:center;display:flex;height:80px;justify-content:center;width:90px}.sendbird-message-search-item .sendbird-message-search-item__right{display:flex;flex-direction:column;width:calc(100% - 106px)}.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__sender-name{display:inline;height:16px;max-width:150px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:12px;word-break:keep-all}.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-text{box-sizing:border-box;display:flex;height:32px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:36px;width:inherit;word-break:break-word}.sendbird-message-search-item .sendbird-message-search-item__right .sendbird-message-search-item__right__message-created-at{position:absolute;right:18px;top:12px}.sendbird-message-search-item .sendbird-message-search-item__right-footer{width:16px}.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-theme--light .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left{border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-message-search-item.sendbird-message-search-item--selected .sendbird-message-search-item__left{border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-dark-primary-200)}.sendbird-message-search-file-item{cursor:pointer;display:inline-flex;flex-direction:row;height:80px;position:relative;width:100%}.sendbird-theme--light .sendbird-message-search-file-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-message-search-file-item{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-message-search-file-item:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-search-file-item:hover{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-search-file-item .sendbird-message-search-file-item__left{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:90px}.sendbird-message-search-file-item .sendbird-message-search-file-item__right{display:flex;flex-direction:column;position:relative;width:calc(100% - 106px)}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__sender-name{display:inline-block;height:16px;max-width:146px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:12px}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;height:32px;position:absolute;top:36px;width:100%}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{align-items:center;border-radius:8px;display:flex;height:26px;justify-content:center;margin-right:4px;min-width:26px;position:relative;width:26px}.sendbird-theme--light .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__type-icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-message-search-file-item .sendbird-message-search-file-item__right .sendbird-message-search-file-item__right__content .sendbird-message-search-file-item__right__content__url{display:inline;height:16px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.sendbird-message-search-file-item .sendbird-message-search-file-item__message-created-at{position:absolute;right:18px;top:12px}.sendbird-message-search-file-item .sendbird-message-search-file-item__right-footer{width:16px}.sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-theme--light .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-message-search-file-item.sendbird-message-search-file-item--selected .sendbird-message-search-file-item__left{border-left:4px solid #2abf79;border-left:4px solid var(--sendbird-dark-primary-200)}.sendbird-thread-ui{box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:320px;position:relative;width:100%}.sendbird-theme--light .sendbird-thread-ui{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-right:1px solid #ffffff1f;border-right:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui__header{width:100%}.sendbird-theme--light .sendbird-thread-ui__header{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui__header{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui--scroll{display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll}.sendbird-theme--light .sendbird-thread-ui__parent-message-info{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui__parent-message-info{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-thread-ui__reply-counts{align-items:center;box-sizing:border-box;display:inline-flex;height:42px;justify-content:flex-start;padding:16px 11px;position:relative;width:100%}.sendbird-theme--light .sendbird-thread-ui__reply-counts{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-ui__reply-counts{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04);border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sendbird-thread-ui__thread-list{padding:16px}.sendbird-thread-ui__message-input{margin-bottom:24px;padding:0 16px}.sendbird-thread-ui__thread-list.sendbird-place-holder{box-sizing:border-box}.sendbird-parent-message-info{align-items:flex-start;box-sizing:border-box;display:inline-flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;padding:12px 12px 12px 16px;position:relative;width:100%}.sendbird-parent-message-info__sender{min-height:40px;min-width:40px;position:relative}.sendbird-parent-message-info__content{display:inline-flex;flex-direction:column;margin-left:12px;position:relative}.sendbird-parent-message-info__content__info{align-items:center;display:inline-flex;flex-direction:row;height:16px;justify-content:flex-start;max-width:188px;position:relative}.sendbird-parent-message-info__content__info__sender-name,.sendbird-parent-message-info__content__info__sender-name--use-reaction{margin-right:6px;overflow:hidden;position:relative;text-overflow:ellipsis;word-break:keep-all}.sendbird-parent-message-info__content__info__sender-name{max-width:142px}.sendbird-parent-message-info__content__info__sender-name--use-reaction{max-width:110px}.sendbird-parent-message-info__content__info__sent-at{align-items:center;display:inline-flex;height:12px;justify-content:flex-start;max-width:52px;position:relative;white-space:nowrap;word-break:keep-all}.sendbird-parent-message-info__content__body{max-width:210px;overflow:hidden;position:relative}.sendbird-parent-message-info__content__body.sendbird-thumbnail-message-item-body.incoming{height:148px;min-width:200px}.sendbird-parent-message-info__content__reactions{height:100%;max-width:240px;position:relative;width:100%}.sendbird-parent-message-info__context-menu{display:none;position:absolute;right:12px;top:6px}.sendbird-parent-message-info__context-menu.use-reaction{right:44px}.sendbird-parent-message-info__reaction-menu{display:none;position:absolute;right:12px;top:6px}.sendbird-parent-message-info .sendbird-text-message-item-body.reactions{border-radius:16px}.sendbird-theme--light .sendbird-parent-message-info .sendbird-emoji-reactions{border:1px solid #fff;border:1px solid var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-parent-message-info .sendbird-emoji-reactions{border:1px solid #2c3330;border:1px solid var(--sendbird-dark-background-600)}.sendbird-parent-message-info:hover .sendbird-parent-message-info__context-menu,.sendbird-parent-message-info:hover .sendbird-parent-message-info__reaction-menu,.sendbird-parent-message-info__context-menu.sendbird-mouse-hover,.sendbird-parent-message-info__reaction-menu.sendbird-mouse-hover{display:inline-flex}.sendbird-theme--light .sendbird-parent-message-info .sendbird-parent-message-info__content__body{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-parent-message-info .sendbird-parent-message-info__content__body{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-theme--light .sendbird-parent-message-info:hover,.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-parent-message-info:hover,.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-parent-message-info__content__body{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird--mobile-mode .sendbird-parent-message-info.sendbird-thread-ui__parent-message-info:hover{background-color:initial}.sendbird-theme--light .sendbird-parent-message-info:hover .sendbird-emoji-reactions{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #eee;border:1px solid var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-parent-message-info:hover .sendbird-emoji-reactions{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #2c2c2c;border:1px solid var(--sendbird-dark-background-500)}.parent-message-info--suggested-mention-list{margin-left:0;margin-right:0;min-height:200px;width:100%}.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item{padding-left:16px;padding-right:16px}.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:166px}.parent-message-info--suggested-mention-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:68px}.sendbird-parent-message-info-item{margin-top:8px;position:relative}.sendbird-parent-message-info-item__og-field,.sendbird-parent-message-info-item__text-message{display:inline-block;padding-right:4px;white-space:pre-line;word-break:break-all}.sendbird-parent-message-info-item__og-field{display:inline-flex;flex-direction:column;margin-top:4px}.sendbird-parent-message-info-item__og-field__content{display:inline-flex;flex-direction:column;gap:4px;padding:8px 12px}.sendbird-parent-message-info-item__file-message{align-items:center;display:inline-flex;flex-direction:row;gap:8px}.sendbird-parent-message-info-item__file-message__file-name{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-parent-message-info-item__thumbnail-message{display:block;height:148px;position:relative;width:200px}.sendbird-parent-message-info-item__multiple-files-message-wrapper{padding:0}.sendbird-theme--dark .sendbird-parent-message-info-item__multiple-files-message-wrapper,.sendbird-theme--light .sendbird-parent-message-info-item__multiple-files-message-wrapper{background-color:initial}.sendbird-parent-message-info-item__thumbnail-message__thumbnail{border-radius:16px;position:absolute}.sendbird-parent-message-info-item__thumbnail-message__placeholder{align-items:center;display:flex;height:148px;justify-content:center;position:absolute;width:100%}.sendbird-parent-message-info-item__thumbnail-message__placeholder__icon{align-items:center;background-color:#fff;background-color:var(--sendbird-light-background-50);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.sendbird-parent-message-info-item__thumbnail-message__image-cover{background-color:#0000008c;background-color:var(--sendbird-light-overlay-01);border-radius:16px;display:none;height:148px;position:absolute;top:0;width:100%}.sendbird-parent-message-info-item__thumbnail-message__video{border-radius:16px;height:148px;position:absolute;width:100%}.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper{align-items:center;display:flex;height:148px;justify-content:center;position:absolute;width:100%}.sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon{align-items:center;background-color:#ffffffe0;background-color:var(--sendbird-light-ondark-01);border-radius:50%;display:inline-flex;height:56px;justify-content:center;width:56px}.sendbird-parent-message-info-item__thumbnail-message:hover{cursor:pointer}.sendbird-parent-message-info-item__thumbnail-message:hover .sendbird-parent-message-info-item__thumbnail-message__image-cover{display:inline-flex}.sendbird-parent-message-info-item__voice-message__item{height:50px;min-width:136px}.sendbird-thread-header{box-sizing:border-box;display:inline;height:64px;min-height:64px;min-width:320px;padding:13px 24px;position:relative;width:320px}.sendbird-thread-header__channel-name,.sendbird-thread-header__title{max-width:254px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.sendbird-thread-header__channel-name{display:inline-block;height:12px}.sendbird-thread-header__action{align-items:center;display:inline-flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:56px}.sendbird-thread-list-item .sendbird-separator{margin:4px 0}.sendbird-thread-list .sendbird-message-content__middle__sender-name{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-thread-list .sendbird-message-content.incoming .sendbird-message-content__middle{max-width:200px}.sendbird-thread-list .sendbird-thumbnail-message-item-body.outgoing{height:148px;min-height:148px;min-width:200px}.sendbird-thread-list .sendbird-message-content .sendbird-message-content__middle{max-width:230px}.sendbird-thread-list .sendbird-message-status__icon.sendbird-message-status--sent{display:none}.sendbird-thread-list .sendbird-mention-suggest-list{margin-left:0;margin-right:0;width:100%}.sendbird-thread-list .sendbird-mention-suggest-list__user-item{padding-left:16px;padding-right:16px}.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:134px}.sendbird-thread-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:46px}.sendbird-thread-list-item-content{display:inline-flex;flex-direction:row;height:100%;position:relative;width:100%}.sendbird-thread-list-item-content.incoming{justify-content:flex-start}.sendbird-thread-list-item-content.outgoing{justify-content:flex-end}.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle{max-width:200px}.sendbird--mobile-mode .sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle{max-width:calc(100vw - 100px)}.sendbird-thread-list-item-content .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.use-quote{bottom:-8px;margin-top:-8px}.sendbird-thread-list-item-content__middle__body-container{width:100%}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left{display:inline-flex;min-width:40px;position:relative}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content__left__avatar{bottom:2px;left:0;position:absolute}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle{align-items:flex-start;display:inline-flex;flex-direction:column;position:relative}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{bottom:6px;display:flex;flex-direction:row;min-width:80px;position:absolute;right:-84px;white-space:nowrap}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__sender-name{margin-bottom:4px;margin-left:12px;overflow:hidden;position:relative;text-overflow:ellipsis;width:100%}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message:hover{cursor:pointer}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right{display:inline-flex;margin-left:4px;padding-top:18px;position:relative;width:50px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.use-reactions{width:70px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top{padding-top:2px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right.chain-top.use-quote{padding-top:18px}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu{display:none;flex-direction:row;height:32px;position:relative}.sendbird-thread-list-item-content.incoming .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu.sendbird-mouse-hover,.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__right .sendbird-thread-list-item-content-menu{display:inline-flex}.sendbird-thread-list-item-content.incoming:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{display:none}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left{box-sizing:border-box;display:inline-flex;justify-content:flex-end;position:relative;width:50px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-reactions{width:70px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left.use-quote .sendbird-thread-list-item-content-menu{top:18px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{display:none;flex-direction:row;position:absolute;right:4px;top:2px}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu.sendbird-mouse-hover{display:inline-flex}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle{align-items:flex-end;display:inline-flex;flex-direction:column;position:relative}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message{display:inline-flex;position:relative;width:100%}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.outgoing{justify-content:flex-end}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__quote-message.incoming{justify-content:flex-start}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container{position:relative}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{bottom:2px;box-sizing:initial;display:flex;justify-content:flex-end;left:-84px;min-height:16px;min-width:80px;position:absolute;white-space:nowrap}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at.sendbird-mouse-hover{display:none}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at .sendbird-thread-list-item-content__middle__body-container__created-at__component-container{display:inline-flex;position:relative}.sendbird-thread-list-item-content.outgoing .sendbird-thread-list-item-content__right{display:none}.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__left .sendbird-thread-list-item-content-menu{display:inline-flex}.sendbird-thread-list-item-content.outgoing:hover .sendbird-thread-list-item-content__middle .sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__body-container__created-at{display:none}.sendbird-thread-list-item-content__middle__body-container{display:flex;flex-direction:column;position:relative}.sendbird-thread-list-item-content__middle__body-container .sendbird-thread-list-item-content__middle__message-item-body{box-sizing:border-box;width:100%}.sendbird-thread-list-item-content-reactions{border-radius:0 0 16px 16px;max-width:400px;position:relative;width:100%}.sendbird-theme--light .sendbird-thread-list-item-content-reactions{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-thread-list-item-content-reactions.primary{background-color:#2abf79;background-color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.primary{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200)}.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover,.sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover,.sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-theme--light .sendbird-thread-list-item-content-reactions.mouse-hover.primary,.sendbird-theme--light .sendbird-thread-list-item-content-reactions:hover.primary{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-thread-list-item-content-reactions.mouse-hover.primary,.sendbird-theme--dark .sendbird-thread-list-item-content-reactions:hover.primary{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-thread-list-item-content__middle__thread-replies{margin-top:4px}.sendbird-thread-list-item-content__middle__message-item-body.sendbird-og-message-item-body,.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body{max-width:200px;min-width:200px}.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__icon-wrapper,.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__placeholder,.sendbird-thread-list-item-content__middle__message-item-body .sendbird-thumbnail-message-item-body__video,.sendbird-thread-list-item-content__middle__message-item-body.sendbird-thumbnail-message-item-body{height:148px}.sendbird-voice-message-item-body.sendbird-thread-list-item-content__middle__message-item-body{height:50px;min-width:136px}.sendbird-thread-message-input .sendbird-mention-suggest-list{margin-left:0;margin-right:0;width:100%}.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item{padding-left:16px;padding-right:16px}.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__nickname{max-width:134px}.sendbird-thread-message-input .sendbird-mention-suggest-list .sendbird-mention-suggest-list__user-item .sendbird-mention-suggest-list__user-item__user-id{max-width:46px}.sendbird-theme--light .sendbird-thread-message-input--voice-message{border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-thread-message-input--voice-message{border-top:1px solid #ffffff1f;border-top:1px solid var(--sendbird-dark-ondark-04)}.sb_mobile{height:600px}.sb-mobile-height{height:600px!important}.sb_mobile__panelwrap{height:100%}.sb-show-main{padding:0!important}.sb_mobile__panelwrap .sendbird-thread{height:100%;width:100%}.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui{max-width:100%}.sb_mobile__panelwrap .sendbird-thread .sendbird-thread-ui .sendbird-thread-ui__header{width:100%}.sendbird-app__wrap{box-sizing:border-box;display:flex;height:100%;width:100%}.sendbird-app__wrap .sendbird-app__searchpanel-wrap{box-sizing:border-box;min-width:320px;overflow-x:hidden;overflow-y:scroll;width:320px}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__searchpanel-wrap{border-bottom:1px solid #2c3330;border-bottom:1px solid var(--sendbird-dark-background-600);border-right:1px solid #2c3330;border-right:1px solid var(--sendbird-dark-background-600);border-top:1px solid #2c3330;border-top:1px solid var(--sendbird-dark-background-600)}.sendbird-app__wrap .sendbird-app__conversation-wrap{flex:1 1;position:relative;width:calc(100% - 320px)}.sendbird-app__wrap .sendbird-app__channellist-wrap{max-width:320px}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__channellist-wrap{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__channellist-wrap{border-bottom:1px solid #2c3330;border-bottom:1px solid var(--sendbird-dark-background-600);border-left:1px solid #2c3330;border-left:1px solid var(--sendbird-dark-background-600);border-top:1px solid #2c3330;border-top:1px solid var(--sendbird-dark-background-600)}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--settings-open .sendbird-chat-header__info{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-app__wrap .sendbird-chat-header__search{margin-right:16px}.sendbird-theme--light .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-app__conversation--search-open .sendbird-chat-header__search{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-app__wrap .sendbird-channel-settings{border-left:none}.sendbird-theme--light .sendbird-app__wrap .sendbird-channel-settings{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04);border-right:1px solid #0000001f;border-right:1px solid var(--sendbird-light-onlight-04);border-top:1px solid #0000001f;border-top:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-app__wrap .sendbird-channel-settings{border-bottom:1px solid #2c3330;border-bottom:1px solid var(--sendbird-dark-background-600);border-right:1px solid #2c3330;border-right:1px solid var(--sendbird-dark-background-600);border-top:1px solid #2c3330;border-top:1px solid var(--sendbird-dark-background-600)}.sendbird-app__wrap .sendbird-channel-settings .sendbird-channel-settings__header{height:64px}.sendbird-openchannel-conversation{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.sendbird-theme--light .sendbird-openchannel-conversation{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-openchannel-conversation{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll{flex:1 1;order:2;overflow-y:auto;width:100%}.sendbird-openchannel-conversation .sendbird-openchannel-footer{order:3;padding:12px 24px 24px}.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.sendbird-openchannel-conversation .sendbird-openchannel-conversation-scroll-container .sendbird-openchannel-conversation-scroll-padding{flex:1 1}.sendbird-frozen-channel-notification{align-items:center;border-radius:4px;display:flex;height:32px;justify-content:center;margin-left:24px;margin-right:24px;margin-top:8px;position:relative}.sendbird-theme--light .sendbird-frozen-channel-notification{background-color:#adc9ff;background-color:var(--sendbird-light-information-100)}.sendbird-theme--dark .sendbird-frozen-channel-notification{background-color:#adc9ff;background-color:var(--sendbird-dark-information-100)}.sendbird-oepnchannel-header__icon_back{left:12px;position:absolute;top:18px}.sendbird-openchannel-conversation-header{box-sizing:border-box;min-height:64px;position:relative}.sendbird-theme--light .sendbird-openchannel-conversation-header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-conversation-header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title{max-width:calc(100% - 120px);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird--mobile-mode .sendbird-openchannel-conversation-header .sendbird-openchannel-conversation-header__left__title{max-width:calc(100% - 160px)}.sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:20px;position:absolute;top:16px}.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left [class*=sendbird-openchannel-conversation-header__left__cover-image]{left:50px}.sendbird-openchannel-conversation-header__left__title{left:60px;position:absolute;top:12px}.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__title{left:90px}.sendbird-openchannel-conversation-header__left__sub-title{left:60px;position:absolute;top:36px}.sendbird--mobile-mode .sendbird-openchannel-conversation-header__left__sub-title{left:90px}.sendbird-openchannel-conversation-header__right{height:64px;position:absolute;right:0;top:0;width:64px}.sendbird-openchannel-conversation-header__right__trigger{align-items:center;display:flex;justify-content:center;position:absolute;right:16px;top:16px}.sendbird-openchannel-conversation-header__left__cover-image--icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.sendbird-theme--light .sendbird-openchannel-conversation-header__left__cover-image--icon{background-color:#bdbdbd;background-color:var(--sendbird-light-background-300)}.sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon{background-color:#bdbdbd;background-color:var(--sendbird-dark-background-300)}.sendbird-openchannel-conversation-scroll{position:relative;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container{bottom:0;height:100%;overflow:hidden;position:-webkit-sticky;position:sticky;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__padding{height:8px}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container{height:100%;overflow:scroll;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages,.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container .sendbird-openchannel-conversation-scroll__container__item-container.no-messages .sendbird-openchannel-conversation-scroll__container__place-holder{height:100%;width:100%}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{align-items:center;border-radius:24px;bottom:8px;display:flex;height:40px;justify-content:center;left:calc(50% - 20px);position:absolute;width:40px;z-index:1}.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{background-color:#2abf79;background-color:var(--sendbird-light-primary-300);box-shadow:0 2px 8px 0 #00000014,0 4px 6px 0 #0000001f;box-shadow:var(--sendbird-light-shadow-05)}.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button{background-color:#2abf79;background-color:var(--sendbird-dark-primary-200);box-shadow:var(--sendbird-dark-shadow-05)}.sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover{cursor:pointer}.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-400)}.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:hover{background-color:#2abf79;background-color:var(--sendbird-dark-primary-300)}.sendbird-theme--light .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active{background-color:#2abf79;background-color:var(--sendbird-light-primary-500)}.sendbird-theme--dark .sendbird-openchannel-conversation-scroll .sendbird-openchannel-conversation-scroll__container__scroll-bottom-button:active{background-color:#2abf79;background-color:var(--sendbird-dark-primary-400)}.sendbird-openchannel-user-message{display:flex;flex-direction:row;position:relative;width:100%}.sendbird-theme--light .sendbird-openchannel-user-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-user-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-user-message:hover .sendbird-openchannel-user-message__context-menu{display:block}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__left .sendbird-openchannel-user-message__left__avatar{display:flex;margin-left:24px;margin-top:8px;position:relative}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right{display:flex;flex-direction:column;margin:8px 24px 8px 12px;position:relative;width:100%}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top{display:flex;margin-bottom:2px;position:relative}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sender-name{display:flex;position:relative}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__top .sendbird-openchannel-user-message__right__top__sent-at{display:flex;margin-left:4px;position:relative}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom{display:flex;position:relative;width:100%}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__bottom .sendbird-openchannel-user-message__right__bottom__message{position:relative;white-space:pre-line;word-break:break-all}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__right .sendbird-openchannel-user-message__right__tail{position:relative;top:2px}.sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu{display:none;position:absolute;right:16px}.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-user-message .sendbird-openchannel-user-message__context-menu .sendbird-openchannel-user-message__context-menu--icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel__mobile-menu-hyperlink{color:inherit;display:block;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:none;width:100%}.sendbird-openchannel-admin-message{border-radius:4px;margin:16px 24px;padding:12px 16px;position:relative}.sendbird-theme--light .sendbird-openchannel-admin-message{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-admin-message{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-admin-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-admin-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-admin-message .sendbird-openchannel-admin-message__text{word-wrap:break-word}.sendbird-openchannel-og-message{display:flex;flex-direction:column;position:relative;width:100%}.sendbird-theme--light .sendbird-openchannel-og-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-og-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-og-message:hover .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{display:block}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top{box-sizing:border-box;display:flex;flex-direction:row;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__left .sendbird-openchannel-og-message__top__left__avatar{display:flex;left:24px;position:absolute;top:8px}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right{box-sizing:border-box;display:flex;flex-direction:column;margin:8px 24px 8px 12px;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title{display:flex;margin-bottom:2px;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sender-name{display:flex;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__title .sendbird-openchannel-og-message__top__right__title__sent-at{display:flex;margin-left:4px;position:relative}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message{display:inline;position:relative;white-space:pre-wrap;word-break:break-all}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__right .sendbird-openchannel-og-message__top__right__description .sendbird-openchannel-og-message__top__right__description__message .sendbird-word .sendbird-word__url{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu{display:none;position:absolute;right:16px}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__top .sendbird-openchannel-og-message__top__context-menu .sendbird-openchannel-og-message__top__context-menu--icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom{display:inline;margin-bottom:8px;position:relative;width:100%}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{border-radius:8px;box-sizing:border-box;display:inline-block;left:64px;max-width:360px;padding:12px 12px 4px;position:relative;width:calc(100% - 64px)}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__url{display:block;margin-bottom:8px;max-width:336px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title{display:inline-block;margin-bottom:8px;max-width:336px;overflow-wrap:normal;position:relative;white-space:pre-wrap}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover{cursor:pointer}.sendbird-theme--light .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover{color:#2abf79;color:var(--sendbird-light-primary-300)}.sendbird-theme--dark .sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__title:hover{color:#2abf79;color:var(--sendbird-dark-primary-200)}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__description{display:block;margin-bottom:8px;max-height:32px;max-width:336px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:pre-wrap;width:100%;word-break:break-all}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail{box-sizing:border-box;display:block;margin-bottom:8px;margin-top:4px;position:relative;width:100%}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail:hover{cursor:pointer}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image,.sendbird-openchannel-og-message .sendbird-openchannel-og-message__bottom .sendbird-openchannel-og-message__bottom__og-tag .sendbird-openchannel-og-message__bottom__og-tag__thumbnail .sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder{border-radius:8px;max-width:336px;min-width:200px;width:100%}.sendbird-openchannel-og-message .sendbird-openchannel-og-message__top__right__tail{left:64px;position:relative;top:2px}.sendbird-openchannel-og-message--word{display:inline;margin:0 2px;word-break:break-all}.sendbird-openchannel-thumbnail-message{display:flex;flex-direction:row;position:relative}.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu{display:block}.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message:hover .sendbird-openchannel-thumbnail-message__context-menu .sendbird-openchannel-thumbnail-message__context-menu--icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__left .sendbird-openchannel-thumbnail-message__left__avatar{display:inline;margin-left:28px;margin-top:8px;position:absolute}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right{display:flex;flex-direction:column;margin-bottom:8px;margin-left:12px;margin-top:8px;position:relative;width:calc(100% - 64px)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title{display:inline;margin-bottom:4px;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sender-name{display:inline;margin-right:4px;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__title .sendbird-openchannel-thumbnail-message__right__title__sent-at{display:inline;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body{border-radius:8px;display:flex;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body:hover .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{opacity:1}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap{box-sizing:initial;position:relative}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{border-radius:8px;cursor:pointer;height:100%;left:0;max-width:360px;opacity:0;position:absolute;top:0;width:100%}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{background-color:#00000052;background-color:var(--sendbird-light-overlay-02)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__overlay{background-color:#00000052;background-color:var(--sendbird-dark-overlay-02)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video{max-height:360px;max-width:360px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video:hover{cursor:pointer}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__video{border-radius:8px;max-height:360px;max-width:360px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video .sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon{left:calc(50% - 28px);position:absolute;top:calc(50% - 28px)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon{border-radius:8px;padding:107px 152px}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image{border-radius:8px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon{border-radius:8px;padding:107px 152px}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown{border-radius:8px;padding:107px 152px}.sendbird-theme--light .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__body .sendbird-openchannel-thumbnail-message__right__body__wrap .sendbird-openchannel-thumbnail-message__right__body__wrap__unknown{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__right .sendbird-openchannel-thumbnail-message__right__tail{position:relative;top:2px}.sendbird-openchannel-thumbnail-message .sendbird-openchannel-thumbnail-message__context-menu{display:none;position:absolute;right:16px;top:8px}.sendbird-openchannel-file-message{display:flex;flex-direction:row;position:relative}.sendbird-theme--light .sendbird-openchannel-file-message:hover{background-color:#eee;background-color:var(--sendbird-light-background-100)}.sendbird-theme--dark .sendbird-openchannel-file-message:hover{background-color:#393939;background-color:var(--sendbird-dark-background-400)}.sendbird-openchannel-file-message:hover .sendbird-openchannel-file-message__context-menu{display:block}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left{display:flex;min-width:52px;position:relative;width:52px}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__left .sendbird-openchannel-file-message__left__avatar{display:block;margin-left:24px;margin-top:8px;position:absolute}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right{display:flex;flex-direction:column;margin-bottom:4px;margin-left:12px;position:relative;width:calc(100% - 64px)}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title{display:flex;margin-top:8px;position:relative}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sender-name{display:flex;position:relative}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__title .sendbird-openchannel-file-message__right__title__sent-at{display:flex;margin-left:4px;position:relative}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body{border-radius:8px;display:flex;margin-bottom:4px;margin-top:4px;position:relative}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body{background-color:#eee;background-color:var(--sendbird-light-background-100);border:1px solid #0000001f;border:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500);border:1px solid #ffffff1f;border:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon{border-radius:8.6px;display:inline-block;margin:8px;position:relative}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__icon{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__right .sendbird-openchannel-file-message__right__body .sendbird-openchannel-file-message__right__body__file-name{display:flex;height:20px;margin-left:4px;margin-right:16px;margin-top:22px;max-height:20px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu{display:none;position:absolute;right:16px;top:8px}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon{background-color:#e0e0e0;background-color:var(--sendbird-light-background-200)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon{background-color:#2c2c2c;background-color:var(--sendbird-dark-background-500)}.sendbird-theme--light .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover{background-color:#2abf79;background-color:var(--sendbird-light-primary-100)}.sendbird-theme--dark .sendbird-openchannel-file-message .sendbird-openchannel-file-message__context-menu .sendbird-openchannel-file-message__context-menu__icon:hover{background-color:#000;background-color:var(--sendbird-dark-background-700)}.sendbird-openchannel-settings{display:inline-block;height:100%;overflow-y:scroll;position:relative;width:320px}.sendbird--mobile-mode .sendbird-openchannel-settings{width:100%}.sendbird-theme--light .sendbird-openchannel-settings{background-color:#fff;background-color:var(--sendbird-light-background-50);border-left:1px solid #0000001f;border-left:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-left:1px solid #ffffff1f;border-left:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-participants-accordion__footer{padding-left:16px;padding-top:16px;text-align:left}.sendbird-openchannel-settings .sendbird-openchannel-settings__operator-accordion-icon{left:14px;position:absolute}.sendbird-openchannel-settings .sendbird-openchannel-settings__accordion-icon,.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-icon__delete{left:16px;position:absolute}.sendbird-openchannel-settings .sendbird-openchannel-settings__participant{height:100%}.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__participant-list{height:calc(100% - 64px);overflow-y:scroll;padding-top:64px}.sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{display:block;left:0;position:absolute;top:0;width:100%}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{background-color:#fff;background-color:var(--sendbird-light-background-50)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__participant .sendbird-openchannel-settings__header{background-color:#2c3330;background-color:var(--sendbird-dark-background-600)}.sendbird-openchannel-settings .sendbird-openchannel-settings__delete-channel,.sendbird-openchannel-settings .sendbird-participants-accordion{text-align:left}.sendbird-openchannel-settings .sendbird-openchannel-settings__members .sendbird-badge__text{margin-top:-2px}.sendbird-openchannel-settings .sendbird-openchannel-settings__header{box-sizing:border-box;height:64px;min-height:64px;padding:20px 24px;position:relative;text-align:left}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__header{border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon{cursor:pointer;position:absolute;right:16px;top:20px}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path{fill:#000000e0;fill:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__close-icon path{fill:#ffffffe0;fill:var(--sendbird-dark-ondark-01)}.sendbird-openchannel-settings .sendbird-openchannel-settings__placeholder{margin-top:40%}.sendbird-openchannel-settings .sendbird-openchannel-settings__url{box-sizing:border-box;padding:16px;position:relative}.sendbird-openchannel-settings .sendbird-openchannel-settings__url:hover .sendbird-openchannel-settings__copy-icon{display:inline-block}.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__copy-icon{cursor:pointer;display:none;position:absolute;right:18px;top:10px}.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{margin-top:8px}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{color:#000000e0;color:var(--sendbird-light-onlight-01)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{color:#ffffffe0;color:var(--sendbird-dark-ondark-01)}.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-label,.sendbird-openchannel-settings .sendbird-openchannel-settings__url .sendbird-openchannel-settings__url-value{word-wrap:break-word;display:block;text-align:left}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__url{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__url{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{box-sizing:border-box;cursor:pointer;display:block;padding:12px 22px 10px 56px;position:relative}.sendbird-theme--light .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item:focus{outline:none}.sendbird-openchannel-settings .sendbird-openchannel-settings__panel-item.sendbird-channel-settings__panel-item__disabled{cursor:not-allowed}.sendbird-openchannel-settings .sendbird-participants-accordion__member{box-sizing:border-box;height:40px;padding:12px 0 12px 56px;position:relative;text-align:left;width:100%}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-label{display:inline-block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.operator,.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.self-operator,.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__title.user-id{position:absolute;right:16px}.sendbird-openchannel-settings .sendbird-participants-accordion__member .sendbird-participants-accordion__member__action,.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.operator,.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__title.user-id{display:none}.sendbird-openchannel-settings .sendbird-participants-accordion__member:hover .sendbird-participants-accordion__member__action{display:inline-block}.sendbird-openchannel-settings .sendbird-participants-accordion__member-avatar{cursor:pointer;left:16px;position:absolute;top:10px}.sendbird-openchannel-settings .sendbird-participants-accordion__member__action{cursor:pointer;display:none;position:absolute;right:8px;top:4px}.sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer,.sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer,.sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer,.sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer{display:flex;justify-content:left;padding-left:12px;padding-top:16px}.sendbird-openchannel-settings .sendbird-channel-settings-banned-user-list__footer .sendbird-button:nth-child(2),.sendbird-openchannel-settings .sendbird-channel-settings-muted-participant-list__footer .sendbird-button:nth-child(2),.sendbird-openchannel-settings .sendbird-openchannel-operator-list__footer .sendbird-button:nth-child(2),.sendbird-openchannel-settings .sendbird-openchannel-participant-list__footer .sendbird-button:nth-child(2){margin-left:8px}.sendbird-participants-accordion__member-avatar__avatar{position:absolute}.sendbird-more-users__popup-scroll{max-height:420px;overflow:scroll}.sendbird-openchannel-profile{padding:32px 40px 27px;position:relative;text-align:center}.sendbird-theme--light .sendbird-openchannel-profile{background-color:#fff;background-color:var(--sendbird-light-background-50);border-bottom:1px solid #0000001f;border-bottom:1px solid var(--sendbird-light-onlight-04)}.sendbird-theme--dark .sendbird-openchannel-profile{background-color:#2c3330;background-color:var(--sendbird-dark-background-600);border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sendbird-dark-ondark-04)}.sendbird-openchannel-profile .sendbird-openchannel-profile--inner{height:116px}.sendbird-openchannel-profile .sendbird-openchannel-profile__avatar{margin-bottom:16px;text-align:center}.sendbird-openchannel-profile .sendbird-openchannel-profile__title{display:inline-block;height:18px;max-width:240px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.sendbird-openchannel-profile .sendbird-openchannel-profile__edit{position:absolute;right:16px;top:10px}.fullHeight{height:100%}.sendbird-channel-list{height:600px}.sendbird-chat-header--avatar--group-channel{width:32px!important}.sendbird-channel-settings .sendbird-chat-header--avatar--group-channel{width:80px!important}.sendbird-channel-list .sendbird-ui-header__right.sendbird-ui-header--is-mobile{display:none}.sendbird-ui-header__left.sendbird-ui-header--is-mobile{display:flex}.sendbird-icon-close svg path{fill:#fff}.sendbird-channel-header__title__right{flex:1 1}#numberOfUnreadMsgs{background-color:orange;border-radius:50%;font-size:11px;font-weight:500;height:17px;position:absolute;right:-3px;text-align:center;top:-4px;-webkit-user-select:none;user-select:none;width:17px}