/*** filepond core-3.7.6 ***/

/* upload overrides */
.filepond--root { font-family: inherit; }
.filepond--item.clickable { cursor:pointer; }
.filepond--item.clickable.highlight:hover .filepond--panel.filepond--item-panel > .filepond--item-panel { background-color: #2185d0; }
.filepond--file-action-button { cursor: pointer; }
.filepond--custom-icon { font-size: 0.9em; line-height: 1.5em; }

/* upload in form */
.field .filepond--item.with-image-preview .filepond--file-info { margin-left:5rem; }
.field .filepond--item.with-image-preview .filepond--image-preview-wrapper { right: unset; width: 5rem; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.field .filepond--item.with-image-preview .filepond--image-preview-wrapper > .filepond--image-preview-overlay { display: none;}

/* file node */
/* item resized from 40px to 46px */
.platform-file-item { position: relative; height:calc(46px + 0.5em); }
.platform-file-item > .filepond--item { transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1); opacity: 1; /*height: 40px;*/ height: 46px; }
.platform-file-item .filepond--custom-icon { font-size: 1em; }

.platform-file-item .filepond--file-action-button { top: 0.7em; width: 2.25em; height: 2.25em; transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1); opacity: 1; }
.platform-file-item .filepond--file-action-button:nth-child(2) { right: 3.375em; transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1); }

.platform-file-item .filepond--file-info-main { font-size: 1em; }
.platform-file-item .filepond--file-info-sub { font-size: 0.9em; opacity: 0.8; }

.platform-file-item filepond--panel.filepond--item-panel { }
.platform-file-item .filepond--panel-top.filepond--item-panel { }
.platform-file-item .filepond--panel-center.filepond--item-panel { /*transform: translate3d(0px, 7px, 0) scale3d(1, 0.26, 1);*/ transform: translate3d(0px, 7px, 0) scale3d(1, 0.32, 1); }
.platform-file-item .filepond--panel-bottom.filepond--item-panel { /* transform: translate3d(0px, 33px, 0);*/ transform: translate3d(0px, 39px, 0); }


/*** noty ***/
/*** theme: 'platform' ***/

/* layout */
#noty_layout__topRight.noty_layout { top: 70px; }

/* component styling */
.noty_theme__platform.noty_bar { margin: 4px 0; overflow: hidden; position: relative; box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; }
.noty_theme__platform.noty_bar .noty_progressbar { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: #000; opacity: 0.2; filter: alpha(opacity=20); }
.noty_theme__platform.noty_bar .noty_body { padding: 1.25em; font-size: 14px; }
.noty_theme__platform.noty_bar .noty_buttons { padding: 0 10px .5em 10px; }

.noty_theme__platform.noty_type__alert,
.noty_theme__platform.noty_type__notification { background-color: #fff; background-color: rgba(255,255,255, 0.8); color: #1d1d1d; }
.noty_theme__platform.noty_type__warning { background-color: #FA6800; background-color: rgba(250,104,0, 0.8); color: #fff; }
.noty_theme__platform.noty_type__error { background-color: #CE352C; background-color: rgba(206,53,44, 0.8); color: #FFF; }
.noty_theme__platform.noty_type__info,
.noty_theme__platform.noty_type__information { background-color: #1BA1E2; background-color: rgba(27,161,226, 0.8); color: #FFF; }
.noty_theme__platform.noty_type__success { background-color: #16ab39; background-color: rgba(22,171,57, 0.8); color: #fff; }


.noty_theme__platform.noty_type__alert:hover,
.noty_theme__platform.noty_type__notification:hover { background-color: #fff; }
.noty_theme__platform.noty_type__warning:hover { background-color: #FA6800; }
.noty_theme__platform.noty_type__error:hover { background-color: #CE352C; }
.noty_theme__platform.noty_type__info:hover,
.noty_theme__platform.noty_type__information:hover { background-color: #1BA1E2; }
.noty_theme__platform.noty_type__success:hover { background-color: #16ab39; }

/* component content styling */
.noty_theme__platform .header { font-weight: bold; }

.noty_theme__platform .noty_body_message { }
.noty_theme__platform .noty_body_content { }

.noty_theme__platform .noty_body_message.icon { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.noty_theme__platform .noty_body_message.icon > .icon { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; line-height: 1; vertical-align: middle; font-size: 2em; opacity: .8; margin-right: .6em; }
.noty_theme__platform .noty_body_message.icon > .noty_body_content { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; vertical-align: middle; }

/*** ace v1.4.2 ***/

/* autocomplete box width */
.ace_editor.ace_autocomplete { width: 500px; }

/*** daterangepicker v3.0.3 ***/

/* fix form field layout */
.ui-form-field .ui.input > .daterangepicker { width: max-content; }


/*** noUiSlider v12.1.0 ***/

/* semantic-ui style*/
.noUi-horizontal { width: 100%; margin-bottom: 2em }
.noUi-vertical { height: 150px; }

.noUi-connect { background: #2185d0 !important; } /* SUI: blue color (teal looks nicer, but checkbox toggle color (should also be teal) isn't supported yet */
.noUi-handle { cursor: pointer !important; outline: none !important; }
.noUi-horizontal .noUi-tooltip { top: 90% !important; }
.noUi-vertical .noUi-tooltip { left: 120% !important; }
.noUi-tooltip { border: none !important; background: transparent !important; font-size: 0.9em !important; }

/* offset */
.noUi-horizontal.offset-bottom { margin-bottom: 1em; }
.noUi-horizontal.offset-bottom-large { margin-bottom: 2em; }


/* circular handle */
.noUi-handle.circular { }
.noUi-handle.noUi-handle-lower.circular { }
.noUi-handle.noUi-handle-upper.circular { }

.noUi-horizontal .noUi-handle.circular { width: 28px; left: -14px; border-radius: 100%; }
html:not([dir=rtl]) .noUi-horizontal .noUi-handle.circular { right: -14px; left: auto; }

.noUi-handle.circular:after,
.noUi-handle.circular:before { left: 11px; }
.noUi-handle.circular:after { left: 14px; }


/* circular small handle */
.noUi-horizontal .noUi-handle.circular.small { height:24px; width: 24px; left: -12px; top: -4px; }
html:not([dir=rtl]) .noUi-horizontal .noUi-handle.circular.small { right: -12px; left: auto; }

.noUi-handle.circular.small:after,
.noUi-handle.circular.small:before { left: 9px; height:12px; top:5px; }
.noUi-handle.circular.small:after { left: 12px; }