/*html { font-size: 16px; }*/

li.spacer { margin-bottom: 10px; }
.ui-datepicker-header { position: relative; }
.grid .filters-form { display: none; }
.breadcrumb { margin-top: 20px; }
#tabs-2 { display: none; }
.icheckbox_square-green { margin-right: 10px; }
.FormRowMultiCheckbox .control-label .icheckbox_square-green { margin-left: 7px; }
.FormBox { padding-bottom: 20px; }
ul.errors { color: red; list-style: none; margin: 0; padding: 5px 5px; text-align: left; }
.grid-filter-date { text-align: center; }
.select2 { min-width: 70px; }
.select2-container--default.select2-container--open { z-index: 100000; }
textarea.form-control { height: 100px; }

.FormFieldDate { width: auto; display: inline-block; }
.FormRowDate .FormElementBox { text-align: left; }
.FormElementBox p { padding-top: 5px; }
.FormElementBox p.hint { color: #888888; font-style: italic; }
.control-label .icheckbox_square-green { float: right; }
#loginForm .FormLabelBox { display: none; }
#loginForm .FormElementBox  { width: 100%; }
.registerScreen {
    max-width: 500px;
}
.inviteButton { margin: 0 0 20px 0; }
#right-sidebar { width: 290px !important; right: -290px; }
#right-sidebar .sidebar-container ul.nav-tabs li a { text-overflow: ellipsis; overflow: hidden;white-space: nowrap; }


/*.mapBox { width: 100%; height: 100%; position: absolute; top: 0; right: 0; }*/
/*.mapSearch .m-b-none { margin-bottom: 0 !important; }*/

/* custom arrow buttons on fooTables  */
.ui-icon-circle-triangle-n, .ui-icon-circle-triangle-s { font-size: 0; font-family: 'footable', serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; }
.ui-icon-circle-triangle-n:before { content: "\e013"; font-size: 13px; display: inline-block; }
.ui-icon-circle-triangle-s:before { content: "\e012"; font-size: 13px; display: inline-block; }
.active .ui-icon-circle-triangle-n, .active .ui-icon-circle-triangle-s { color: #000; }
.grid  .footable-sort-indicator { display: none !important; }

/* mdskin override  */
.md-skin .navbar-default .nav > li.active > a, .md-skin .navbar-default .nav > li.active > a:hover, .md-skin .navbar-default .nav > li.active > a:focus { font-weight: 600; }
.md-skin .navbar-default .nav > li > a:hover, .md-skin .navbar-default .nav > li > a:focus { font-weight: 400; color: #19aa8d; }

/* serialized input settings for gallery  */
.SerializedDataContainer fieldset:first-child + .serializedDataAddButton { top: 0; right: 0; }
.SerializedDataContainer fieldset { text-align: left; }
.SerializedDataContainer .FormFieldSerializedData { padding-bottom: 10px; }
.SerializedDataContainer .GroupInlineFields { margin-bottom: 10px; }
.serializedDataFieldset  legend {
    font-size: 14px;
    color: #6d6c6c;
    margin-left: 4%;
    width: 96%;
    font-style: italic;
}

/* select2 */
.select2 { max-width: 450px; }
.select2-results__option>div { overflow: hidden; }
.select2-results__option .float-left { float: left; margin-right: 10px }
.select2-results__option small { white-space: nowrap;}
.select2-results__options .select2-results__option--highlighted .text-muted { color: white }
/* toastr */
.toast-top-right { top: 70px; }

/* slider  */
.FormRowSlider .FormElementBox .control-label { display: none;}
.FormRowSlider .FormElementBox .sliderWrap { max-width: 500px;}
.FormRowSlider .ui-state-default,
.FormRowSlider .ui-widget-content .ui-state-default,
.FormRowSlider  .ui-widget-header .ui-state-default { background: #1ab394; }

/*  checkbox on serialized fields */
[class*=contentdata_delete] .FormElementBox { float: right; width: 30%; margin-bottom: 15px; }

.jsonDataDeleteButton { float: right; }
.itemsSortableContainer .ui-sortable-handle { position: absolute; font-size: 1.4em; left: 0.8em;  top: 1.4em; cursor:move; z-index: 10;}

[type=checkbox].form-control { height: auto; width: auto; }

/* dropzone */
.ufl_file {
    max-width: 500px;
    max-height: 500px;
    overflow: hidden;
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 2px;
    box-sizing: content-box;
    background: #d3d3d347;
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.03);
    padding: 7px;
}

.ufl_file button { position: absolute; right: 5px; top: 5px; width: 22px; }
.ufl_file button.download {
    right: 32px;
}
.ufl_file button.move {
    right: 59px;
}
.ufl_file img { max-width: 100%; }
.ufl_file p { padding-right: 40px; }
.ufl_file:hover img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.ui-sortable .ufl_file {
    cursor: grab;
}

.dropzoneOuter { position: relative; padding: 0; }
.dropzoneOuter button { position: absolute; top: 50%; left: 22px; transform: translate(0, -50%); }
.dropzone { border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 3px; background: rgba(0, 0, 0, 0.03); padding: 20px 50px; width: 100%; display: block; }
.dropzone * { pointer-events: none; }
.dropzone.active { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); }

.FormFieldFileWrap { padding-bottom: 25px; overflow: hidden; }
.FormFieldFileWrap .UploadedFilesList { overflow: hidden; margin-top: 45px; }
.FormFieldFileWrap .progress { background-color: #555555}
.FormFieldFileWrap .uploadingFileName { margin-top: 10px; margin-bottom: -15px; }
.FormFieldFileWrap .progressCont { color: white; position: relative; bottom: -25px; margin-bottom: 0; z-index: 10; text-align: center;}
.FormFieldFileWrap .progressCont .progress-bar { position: absolute; bottom: 0; margin: 0; text-align: center; z-index: -5;}
.FormFieldFileWrap .progressCont .progress-bar .fileSize { color: white; text-align: left;}

.jsonDataFieldset .FormFieldFileWrap { padding-bottom: 0; }
.jsonDataFieldset .FormFieldFileWrap .UploadedFilesList { margin-top: 10px; }

/* submit button */
[name=formsubmit].form-control { display: block; max-width: 150px; }

textarea { max-width: 100%; }

.FormFieldText.short { width: 100px; float: left; margin-right: 6px; }
.FormRowCheckbox .FormElementBox>div { float: left }
.FormFieldText.tRight { text-align: right; }
.descriptionInline + p.hint { display: inline; margin: 0; }

/* composer */
.connectList { min-height: 10px;}
.composerItem .form-group { margin-left: 0; margin-right: 0;}
.image img { max-width: 100%;}
.elementsColumn .affix{ top: 0; }
.elementsColumn .ibox { width: 262px; }
.articleTile { position: relative;}
[data-type] { position: relative;}
[data-type] .panelbuttons  { transition: opacity .3s; z-index: -5; position: absolute; top: 0; right: 0; opacity: 0;}
[data-type] .panelbuttons .btn:after { display: none;}
[data-type] .panelbuttons .btn { vertical-align: top;}
.FormFieldComposerWrap .removeRowTrigger,
.FormFieldComposerWrap .editMenu,
.FormFieldComposerWrap .editBlock { display: none; position: relative; top: -2px; }
.selectedList [data-type]:hover .panelbuttons { opacity: 1 !important; z-index: 11;}
.selectedList .panel:hover .removeRowTrigger,
.selectedList .panel:hover .editMenu,
.selectedList .panel:hover .editBlock { display: block; }
.selectedList .tab-content .panel:hover .editMenu,
.selectedList .panel:hover .tab-content .editMenu { display: none; }
.availableList .panel-body { display: none; }
.selectedList .panel-body .container { width: 100%; position: relative; }
.selectedList .panel-body .overflowXHide { overflow: hidden; }
.FormFieldComposerWrap { min-height: 100vh; position: relative; }
.FormFieldComposerWrap .col-xs-3.iboxParent { position: static; }
.FormFieldComposer { display: none;}
.editMenu,
.editBlock { margin-right: 10px; }
.descriptionInline { line-height: 22px; display: inline-block; position: relative; top: 2px; left: 0; margin-bottom: 0; margin-left: 5px; }

.modal-body #GroupLinksEdit_FormField_getList-label { opacity: 0; }
.modal { z-index: 15; }

/* autocomplete dla tinyMCE wyglad jak ten w compozarze - zielone tlo na hoverze  */
.mce-container .ui-helper-hidden-accessible { position: absolute; }
.mce-container .ui-autocomplete { background: #fff; border: 1px solid #c5c5c5; }
.mce-container .mce-menu-item:hover,
.mce-container .mce-menu-item.mce-selected,
.mce-container .mce-menu-item.mce-focused,
.mce-container .mce-menu-item:focus { text-decoration: none; color: white; background-color: #1ab394; }
.mce-container .mce-menu-item.mce-active { background-color: #18a689; }
.mce-btn.mce-primary { background-color: #1ab394; }
.mce-btn.mce-primary:hover,
.mce-btn.mce-primary:focus { background-color: #18a689; }

.ui-autocomplete-loading { background: white url("../i/aci.gif") right center no-repeat !important; }

.mce-container .ui-menu .ui-menu-item a { cursor: pointer; }
.mce-container .ui-menu .ui-menu-item a.ui-state-focus { border: 1px solid #18a689; }
.mce-container .ui-menu .ui-menu-item:hover a { background-color: #18a689; color: white; }

/* checkboxy oznaczone  */
.selectedCheckbox { text-decoration: underline; }

.form-group { margin-bottom: 10px; }

.submitContainer { margin-top: 10px; text-align: center; }
.submitContainer button[type="submit"] { display: inline-block; }
.submitContainer .saveAsNewTrigger,
.submitContainer .resetFormTrigger { margin-left: 20px; }

.versionPreviewForm .submitContainers { display: block; margin: auto; text-align: center; }
.versionPreviewForm .submitContainers .submitContainer { display: inline-block; vertical-align: top; }
.versionPreviewForm .submitContainers .submitContainer .submitContainer { margin-top: 0; }
.versionPreviewForm .submitContainers .submitContainer .rejectVersion { display: inline-block; }
.versionPreviewForm .previousValue { display: block; border: 1px solid rgb(229, 230, 231); padding: 4px 12px; margin-top: 5px; background-color: rgb(245, 245, 245); font-weight: bold; }
.versionPreviewForm .oldValueLabel { display: block; float: left; margin-top: 6px; padding: 4px 12px; margin-left: -157px; }

/* easy ac fix */
.easy-autocomplete { width: 100% !important; }

/* composer grouplinks amends  */
.GroupLinksEdit_Container_links { }
.GroupLinksEdit_Container_links .GroupInline { margin-left: 30px; }
.GroupLinksEdit_Container_links .GroupInline .col-sm-2 { width: 30%; }
.GroupLinksEdit_Container_links .GroupInline .col-sm-10 { width: 55%; }

.gridButtons { text-align: right; }
.gridButtons .btn { position: relative; top: 15px; left: 0; }

.btn i[class*="fa-"] { margin-right: 7px; }
.btn i.no-mr[class*="fa-"] { margin-right: 0; }
.FormFieldSelectAddTrigger.btn i[class*="fa-"] { margin-right: 0; }
.FormFieldSelectAddTrigger { margin-left: 10px; }

.editable-wrap .FormBox { padding-bottom: 0; }
.grid.editable tr:not(.grid-filters-form) { height: 55px; }

.profile-element a.dropdown-toggle,
.profile-element a.dropdown-toggle:hover { background: transparent; }

/* multiselect autocomplete */
.FormRowAutocomplete .multiChoiceContainer { border: 1px solid #e7eaec; border-radius: 4px; cursor: text; }
.FormRowAutocomplete .multiOptionsAutocompleteList { list-style: none; margin: 0; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.FormRowAutocomplete .searchChoice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; }
.FormRowAutocomplete .searchInput { float: left; }
.FormRowAutocomplete li.searchInput input { height: 30px; padding: 0 5px; background: transparent; border: none; outline: 0; box-sizing: border-box; font-size: 100%; }
.FormRowAutocomplete .searchChoice span.choiceRemove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; }
.FormRowAutocomplete .searchChoice span.choiceRemove:hover { color: #333; }

/* json data fields styles */
.JsonDataContainer { padding: 30px 0 15px; border-bottom: 2px solid #e5e5e5; margin-bottom: 30px; }
.JsonDataContainer .GroupTitleSection legend { padding-bottom: 10px; }
.JsonDataContainer .GroupInline { border: 1px solid rgba(0, 0, 0, 0.03); -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.03); padding: 23px 23px 0 23px; margin-bottom: 25px; }
.JsonDataContainer .GroupInline legend.FormLabelBox { float: left; width: 100%; font-size: 14px; font-weight: bold; padding-bottom: 3px; }
.JsonDataContainer .GroupInline .GroupInlineFields { float: left; width: 100%; }
.JsonDataContainer .GroupInline .GroupInlineFields .FormRowButton { padding-top: 20px; }
.JsonDataContainer .GroupInline .GroupInlineFields .FormRowButton .FormElementBox { width: 100% !important; }
.JsonDataContainer .GroupInline .GroupInlineFields .FormRowButton .FormElementBox .jsonDataDeleteButton { float: right; }
.JsonDataContainer:before,
.JsonDataContainer:after { content:" ";display:table}
.JsonDataContainer:after{clear:both}
.JsonDataContainer .jsonDataAddButton { float:right; width: auto; height: auto; }
.JsonDataContainer legend { padding: 10px 300px 10px 15px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff; margin-bottom: 0; }
.JsonDataContainer .jsonDataDeleteButton {  float: none; display: inline-block; width: auto; }
.JsonDataContainer .jsonDataFieldset { position: relative; background: #fafafb; border-bottom: 2px solid #e5e5e5; margin: 5px 0; padding: 15px 0 7px 0; }
.JsonDataContainer .jsonDataFieldset .GroupSectionFields { padding: 0 15px; }
.jsonDataDeleteButtonContainer .FormElementBox.col-sm-10 { width: 100%; padding: 15px;}
/*.jsonDataDeleteButtonContainer.form-group { position: absolute; top: 0; right: 0; text-align: right; margin: 0;  !* width: 300px; *!}*/
.jsonDataDeleteButtonContainer.form-group { position: absolute; top: 0; right: 0; text-align: right; margin: 0;  width: 300px;}
/*.jsonDataDeleteButtonContainer*/

/* DATA TABLES */
.dataTable > thead > tr > .dataTable-th { background: #fff; line-height: 22px; }
.dataTable > thead > tr > .dataTable-th label { margin-bottom: 0 !important; }
.dataTable > thead > tr > .dataTable-th.sorting_asc,
.dataTable > thead > tr > .dataTable-th.sorting_desc { background-color: #F5F5F6; }
.dataTable > thead > tr > .dataTable-th.dataTable-th-filter { padding: 0 !important; border-top: 0 !important; border-bottom: 0 !important; }

.grid .th-filter-container { padding: 8px; }
.grid.external-filters .th-filter-container { display: none; }
.external-filters-container .select2 { max-width: 100%; }

.form-control { height: 30px; border-radius: 4px; }
.external-filters-container>.row .form-group { margin-bottom: 4px; }
.external-filters-container>.row>.col-sm-4 .row>.col-sm-5 { padding-right: 0 }
.external-filters-container>.row>.col-sm-4 .row .filter-submit-button .fa { margin-right: 0 }

.TranslatedFieldsSection .tabs-inner-container { background: rgba(0, 0, 0, 0.03); padding: 20px; }
.TranslatedFieldsSection legend { border-bottom: none; display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; color: #676a6c; padding-top: 7px; text-align: right; width: 16.66666667%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; font-size: 13px; }
.TranslatedFieldsSection .nav-tabs i.error { color: #f00; margin: 0 0 0 6px; }
.TranslatedFieldsSection .nav-tabs .changed { text-decoration: underline; }
.TranslatedFieldsSection .nav-tabs .notEmpty { color: #555555; }
.TranslatedFieldsSection .nav-tabs .empty { color: #A7B1C2; }
.TranslatedFieldsSection .nav-tabs img { position: relative; top: -1px; margin-right: 6px; }
.TranslatedFieldsSection .nav-tabs .empty img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); opacity: 0.6; }
.TranslatedFieldsSection .btn { margin-bottom: 5px; z-index: 10; position: relative; }
.TranslatedFieldsSection .FormFieldEditorWrap .btn { top:4px; right: 3px; }
.TranslatedFieldsSection .btn i { margin-right: 0; }
.TranslatedFieldsSection .searchTranslationsTrigger,
.TranslatedFieldsSection .copyValueToOtherLanguagesTrigger { margin-left: 5px; }
.TranslatedFieldsSection .FormElementBox .btn .loading { margin-left: 3px; }

.q-lp-dragarea { height: 500px; overflow-y: auto; }
.q-lp-dragarea ul { min-height: 350px; }

.selectedLPElement { position: relative; text-align: left; padding-right: 115px !important; }
.selectedLPElement .setElementOptionsTrigger { position: absolute; top: 50%; right: 20px; margin-top: -10px; font-size: 20px; }
.selectedLPElement .setElementOptionsTrigger:hover { color: #333; }
.connectList li { text-align: left; }
#lpElementOptionsFormContainer form { padding: 30px; }
.selectedLPElement .displayOptions { position: absolute; top: 50%; right: 50px; margin-top: -11px; font-size: 18px; font-weight: bold; color: #1ab394; line-height: 18px; }
.selectedLPElement .displayOptions span { margin-left: 7px; }
#lpElementOptionsFormContainer .modal-dialog { width: 800px; }

.FormFieldMarkdownContainer .buttonsPanel { overflow: hidden; margin-top: 5px; }
.FormFieldMarkdownContainer .buttonsPanel a { margin-right: 4px; }
.FormFieldMarkdownContainer .buttonsPanel i { margin-right: 0; }

i.loader.progress { background: transparent url(../i/loader.gif) center center no-repeat !important; width: 16px; height: 16px; display: inline-block; float: right; margin: 0 0 0 5px; }

/** SelectImage **/
.FormFieldImageSelectWrap { overflow: scroll; white-space: nowrap; }
.FormFieldImageSelectWrap .selectImagesWrap { height: 70px; display: table; }
.FormFieldImageSelectWrap .selectImagesWrap .selectImageBox { vertical-align: bottom; display: inline-block; margin: 0 15px; }
.FormFieldImageSelectWrap .selectImagesWrap .selectImageBox .iradio_square-green { margin-right: 5px; }
.FormFieldImageSelectWrap .selectImagesWrap img { display: block; clear: left; }
.FormFieldImageSelectWrap .selectImagesWrap input { padding: 10px 4px 10px 20px }
.FormFieldImageSelectWrap .selectImagesWrap span { width: 100%; display: inline-block; text-align: center; margin-top: 10px; }

.CodeMirror { text-align: left; }

.FormRowHighcharts { margin-bottom: 50px; }
.FormRowHighcharts .col-left { padding-right: 0; }
.FormRowHighcharts .codeResultContainer { width: 100%; min-height: 300px; border: 1px solid #eee; }
.FormRowHighcharts .runCodeContainer { position: relative; }
.FormRowHighcharts .runCodeTrigger { position: absolute; bottom: -40px; right: 1px; margin-bottom: 0; }

.FormFieldVideoWrap { overflow: hidden; text-align: left; }
.FormFieldVideoWrap .panel-heading { font-size: 18px; }
.FormFieldVideoWrap .panel-body { font-size: 14px; padding: 15px 20px; }
.FormFieldVideoWrap .panel-body > div { margin-right: 10px; }
.FormFieldVideoWrap .panel-body input[type='radio'] { margin-right: 10px; margin-top: 0; vertical-align: middle; display: inline-block; }
.FormFieldVideoWrap .panel-body label { margin-bottom: 0; font-weight: 400; font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; }
.FormFieldVideoWrap .panel-body label.label-internal { margin-right: 50px; }
.FormFieldVideoWrap .movieDropzoneContainer { padding: 0 10px; }
.FormFieldVideoWrap .posterDropzoneContainer { padding: 0 15px 0 10px; }
.FormFieldVideoWrap .dropzone { padding: 20px 20px 20px 100px; }
.FormFieldVideoWrap .dropzone h2 { position: relative; top: 3px; font-size: 24px; }
.FormFieldVideoWrap .dropzoneOuter button { left: 25px; }
.FormFieldVideoWrap .videoPlayer { display: -ms-flex; display: -webkit-flex; display: flex; }
.FormFieldVideoWrap .posterContainer { padding-left: 0; flex: 1; }
.FormFieldVideoWrap .posterContainer div { height: 100%; }
.FormFieldVideoWrap .posterContainer div h2 { position: absolute; top: 50%; margin: 0; left: 80px; margin-top: -26px; }
.FormFieldVideoWrap .playerContainer { position: relative; }
.FormFieldVideoWrap .playerContainer iframe { width: 100%;  height: 360px; }
.FormFieldVideoWrap .playerContainer button.remove,
.FormFieldVideoWrap .posterContainer button.remove { position: absolute; right: 20px; top: 5px; width: 22px; z-index: 10; }
.FormFieldVideoWrap .posterContainer button.remove { right: 5px; }
.FormFieldVideoWrap .posterImageContainer { position: relative; display: none; }

.FormRowMultiCheckbox .FormElementBox label .checkboxLabel .text { width: 100%; clear: left; display: inline-block; font-size: 90%; margin-bottom: 8px; font-weight: normal; padding-left: 32px; }

.grid-col-actions a { margin-bottom: 3px; }
.grid-row .ibox-tools { text-align: left; }
.grid-row .ibox-tools>a { color: #337ab7; margin-left: 0; }
.grid-row .ibox-tools>a:hover { text-decoration-style: dashed !important; text-decoration-line: underline; }

.grid .grid-col-orderable {cursor: move; position: relative; padding-left: 20px;}
.grid .grid-col-orderable:before { content: ''; display: block; width: 8px; position: absolute; top: 5px; bottom: 5px; left: 4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQImWNgYGBgeP369X8GGHj9+vV/GEYRZMAFAEI7EsFSLK9HAAAAAElFTkSuQmCC) repeat; }
.grid .grid-order-changed { background: #ecf8fb !important; }

.qsForm #qsBtn { position: relative; padding-left: 0; padding-right: 0; border: 0 none; top: 0; left: -28px; }
.rounded-circle { border-radius: 50% !important; }
.fb-icon { width:24px; height: 24px; background: transparent url('/i/icon_facebook.png') no-repeat 0 0; overflow: hidden; text-indent: -999em; border: 0 none; display: inline-block; }

.crossSellOption {padding: 0 10px 0 50px; border: 1px solid #e5e5e5; border-radius: 9px; margin-bottom: 20px; }
.crossSellOption>legend {background-color: transparent; border-bottom: 0; padding-left: 10px; padding-right: 10px; width: auto; color: #1bb393; font-weight: bold; font-size: 1.6rem; }

.popper-tooltip {background-color: white; border: 1px solid #DDDDDD; padding: 5px 10px; border-radius: 4px; font-size: 13px; display: none; }
.popper-tooltip[data-show] {display: block; }
.popper-tooltip .arrow,
.popper-tooltip .arrow::before {position: absolute; width: 8px; height: 8px; background: inherit; }
.popper-tooltip .arrow {visibility: hidden; }
.popper-tooltip .arrow::before {visibility: visible; content: ''; transform: rotate(45deg); }
.popper-tooltip[data-popper-placement^='top'] > .arrow {bottom: -4px; }