:root {
    --bs-app-header-height: 70px;
}
.app-header-menu{
    z-index: 1100;
}
.table-responsive {
    overflow-y: hidden;
}
body div.dt-processing{
    position: fixed;
}
.dtfh-floatingparent{
    z-index: 10;
}
.logo-title{
    font-size: 2.3em;
    font-weight: 900;
    text-shadow: #000 0 0 15px;
    color: #888;
    background-image: linear-gradient(0deg, #000 0%, #fff 100%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
body .table.gs-3 td:first-child,
body .table.gs-3 th:first-child,
body .table.gs-3 td.dt-orderable-none,
body .table.gs-3 th.dt-orderable-none{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.logo-subtitle{
    font-size: 1.5em;
    transform: scaleY(1.5);
    text-shadow: #000 0 0 5px;
}
.btn.btn-xs{
    padding: 3.5px 6px !important;
    font-size: 0.9em;
}
.btn.btn-icon-sm{
    height: 25px;
    width: 25px;
}
.btn.btn-icon-sm>i{
    display: inline-block;
}
table.table-bordered-inside tr th:not(:last-child),
table.table-bordered-inside tr td:not(:last-child){
	border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

input[type=number].form-control-disabled-controls::-webkit-outer-spin-button,
input[type=number].form-control-disabled-controls::-webkit-inner-spin-button {
	-webkit-appearance: none;
	 margin: 0;
}

input[type=number].form-control-disabled-controls{
	-moz-appearance: textfield;
}

input[data-input-disable]{
	transition: all 0.2s ease;
}
input[data-input-disable]:disabled{
	background: transparent;
	border: 1px solid transparent;
	margin: 0;
	padding: 0;
	min-height: auto;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}

select.is-invalid~.select2.select2-container .select2-selection{
	border-color: rgb(241, 65, 108) !important;
}
select.is-invalid~.select2.select2-container.select2-container--open .select2-selection{
	box-shadow:  0 0 0 0.25rem rgba(241, 65, 108, 0.25);
}
.big-rotated-icon{
    transform: rotate(20deg) scale(3);
    transition: transform 0.2s ease;
    cursor: help;
}
.big-rotated-icon:hover{
    transform: rotate(-20deg) scale(4);
}
.modal-spinner{
	position: absolute;
    border-radius: var(--bs-modal-border-radius);
	background: rgba(255, 255, 255, 0.7);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}
.modal-spinner>div{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.error-tooltip .tooltip-inner{
    border: 1px solid rgb(241, 65, 108);
    padding: 3px 9px;
    color: rgb(241, 65, 108);
}

.error-tooltip.bs-tooltip-top .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{
    border-top-color: rgb(241, 65, 108);
}
.error-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{
    border-bottom-color: rgb(241, 65, 108);
}
.error-tooltip.bs-tooltip-end .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{
    border-right-color: rgb(241, 65, 108);
}
.error-tooltip.bs-tooltip-start .tooltip-arrow::before,
.error-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{
    border-left-color: rgb(241, 65, 108);
}
.mark-changed{
    background: linear-gradient(#efe 0%, #cfc 100%);
}

[data-ajax-form-state]:not([data-ajax-form-state="ready"]) [data-icon-ready],
[data-ajax-form-state]:not([data-ajax-form-state="loader"]) [data-icon-loader],
[data-ajax-form-state]:not([data-ajax-form-state="loaded"]) [data-icon-loaded],
[data-ajax-form-state]:not([data-ajax-form-state="error"]) [data-icon-error]{
	display: none;
}

[data-ajax-form-state="error"] button,
[data-ajax-form-state="loader"] button,
[data-ajax-form-state="loaded"] button{
	cursor: inherit;
	pointer-events: none;
}

.modal .app-container {
    padding-left: 0!important;
    padding-right: 0!important;
}

.multiline-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    /*white-space: pre-wrap;  let the text wrap preserving spaces */
}

body .ck.ck-button.ck-style-grid__button.ck-button_with-text{
    height: 22px !important;
    min-height: 24px !important;
}
body .ck.ck-reset_all-excluded.ck-style-grid__button__preview.ck-content{
    display: none !important;
}
body .ck.ck-editor__main>.ck-editor__editable{
    background: transparent !important;
}
/* dla customowych styli w CKEditorze */
.from-ck p.ck-style-wazne-info-box,
.ck.ck-content p.ck-style-wazne-info-box {
    border: 1px solid hsl(0, 0%, 0%);
    text-align: center;
    color: hsl(0,75%,60%);
    padding: 3px;
}

.ck-content {
    min-height: inherit;
}

#neweditPageForm .ck-editor__editable_inline {
    min-height: 300px !important;
}

.form-floating .select2 .form-select {
    padding-top: calc(1.85rem - 1px) !important;
}

.modal-footer>div[data-modal-custom-buttons]{
    margin-left: 0;
    margin-right: 0;
}
.modal-footer>div[data-modal-custom-buttons]>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}
body .dt-body-end,
body .dt-body-end input{
    text-align: right;
}

body .dt-head-center{
    vertical-align: middle;
}