[data-access] {
    opacity: 0 !important;
    pointer-events: none !important;
    user-select: none !important;
    transition: none !important;
}

body {
    background-color: #18395a;
    font-family: 'Roboto' !important;
    line-height: 1em !important;
    /* height: 100%; */
}

.bg-white {
    background-color: #011c38 !important;
}

/* .bg-secondary {
    background-color: #ecf1f5 !important;
} */

.form-control:disabled,
.form-control[readonly],
.form-control.readonly,
select[readonly].select2-hidden-accessible+.select2-container .select2-selection,
select.readonly.select2-hidden-accessible+.select2-container .select2-selection,
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e5ebf1 !important;
    pointer-events: none;
    cursor: not-allowed !important;
}
textarea.form-control:disabled,
textarea.form-control[readonly],
textarea.form-control.readonly { pointer-events: all; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: #8898aa !important;
}

/* general fixes */

svg.feather {
    width: 14px;
    height: 14px;
}

.navbar-vertical {
    box-shadow: none;
}

.navbar-vertical.navbar-expand-xs {
    z-index: 999;
}

.navbar-vertical.navbar-expand-xs.fixed-left {
    border: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #6e84a3;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #ffffff;
}

.navbar-vertical .navbar-heading {
    font-size: .625rem;
}

.breadcrumb-item {
    font-size: 0.775rem;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '/';
}

.backdrop {
    z-index: 900;
}

#modalproduct #tab-5 label.input-group-text { white-space: normal; text-align: left; }
#modalproduct #tab-5 input.form-control { min-width: 60px; }

/* small inputs with icons high fix */
.input-group-text {
    padding: 0 .75rem;
    /* background-color: transparent !important; */
    font-size: .875rem !important;
}

.table-responsive.minheight {
    min-height: 800px;
}

.dropdown-menu {
    max-height: 590px;
    overflow-y: auto;
}

.table td,
.table th {
    white-space: inherit;
}

.table-fixed { table-layout: fixed; }

.table-narrow td,
.table-narrow th {
    padding: .3rem .8rem !important
}

thead.sticky th { position: sticky; top: 0; z-index: 3; }
tbody.sticky tr td:first-child { position: sticky; left: -20px; z-index: 2; }

/* table header rotate 90 */
th.rotate90 {
    vertical-align: bottom;
    /* text-align: center; */
}

th.rotate90 span {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    line-height: 1em;
}

textarea {
    resize: none;
}

/* textarea.form-control {
    background-image: url('../images/textarea-bcg.png');
    background-repeat: repeat;
    background-position: left 5px top 10px;
    background-attachment: local;
} */

.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link.active {
    background-color: transparent;
}

.checklist-item-checked .checklist-info * {
    text-decoration: none;
    opacity: 0.33;
}

.tooltip {
    font-size: 12px !important;
    /* z-index: 1039 !important; */
}

form.card { margin-bottom: 0; }

/*.form-row { align-items: center; }*/
.form-control-lg {
    font-size: 1.8rem !important;
    height: calc(1.25em + 1.25rem + 5px) !important;
}

.form-control-lg+.select2-container .select2-selection--single,
.form-control-lg+.select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg+.select2-container--default .select2-selection--multiple {
    font-size: 1.8rem;
    line-height: 1em;
    padding: 0.88rem 1rem;
}

.form-control:disabled,
.form-control[readonly] {
    cursor: not-allowed !important;
}

/* .form-row {
    position: relative;
} */

.form-row[readonly] {
    margin: 0;
    /* display: initial;*/
}

.form-row[readonly] .readonly {
    padding: 0;
    max-width: initial !important;
}

.form-row[readonly] .form-group {
    margin-right: 1rem;
}

.form-row[readonly] span.readonly {
    font-size: 14px;
    font-weight: bold;
    padding: .3rem 0 .5rem 0;
    border-bottom: 1px #525f7f dashed;
    display: block;
}

.form-row[readonly] .form-control-label {
    display: block;
}

.form-row[readonly] .dropdown {
    display: initial;
}

.form-row .checkbox.absolute {
    position: absolute;
}


.form-row .checkbox.absolute .form-group {
    position: absolute;
    top: 33px;
    left: 15px;
    z-index: 9;
}

.form-row .checkbox.absolute.absolute-sm .form-group {
    top: 26px;
}

.form-row .stl .form-group > div { display: flex; }

/* .form-row > div:last-child > .form-group { margin-bottom: 0; } */

.custom-file-label {
    font-size: 14px !important;
}

.custom-file-label::after {
    content: 'Przegladaj' !important;
    display: none;
}

.custom-file .preview {
    display: flex;
    align-items: center;
}

.custom-file .preview>.image {
    width: 150px;
    padding: 5px;
    background: white;
    border: 1px #dde2e6 solid;
    border-radius: 4px;
    margin-top: 10px;
}

.custom-file .preview>.file {
    display: inline-block;
    padding: 5px 10px;
    background: white;
    border: 1px #dde2e6 solid;
    border-radius: 4px;
    margin-top: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
select {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*.custom-file .preview > .btn {  }*/
.form-group {
    margin-bottom: 0.8rem;
}

.form-group-checkbox {
    display: flex;
    align-items: center;
    /* background: #ffffff; padding: 10px; border-radius: .25rem; border: 1px solid #dee2e6;*/
    color: #8898aa;
}

.form-group .input-group {
    flex-wrap: initial;
}

.form-control-label {
    font-size: 0.8rem;
    font-weight: 400;
    /* text-transform: uppercase; */
    margin-bottom: 0.3rem;
}

.form-control-label>i {
    cursor: help;
}

.table .form-control-label {
    display: none;
}

.form-actions { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 5px; align-items: center; }

/*.form-inline */
.form-inline .card-body {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.form-inline .form-row {
    margin: 0 10px 5px 0;
    border: 1px #dee2e6 solid;
    border-radius: .25rem;
    background-color: white;
    padding: 5px 0 0 5px;
}

.form-inline .form-row>div {
    margin: 0 5px 5px 0;
}

.form-inline .input-group-text {
    color: #8898aa;
}

/* form inline optionset */
.form-inline .optionset ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.form-inline .optionset ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.form-inline .optionset ul.checkboxset li {
    margin-bottom: 3px;
}

.form-inline .optionset ul li input {
    margin-right: 5px;
}

.form-inline .optionset ul li label {
    font-size: 12px;
    line-height: 1em;
}

.form-inline .checkbox .custom-control {
    min-height: inherit;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

::-webkit-calendar-picker-indicator {
    opacity: 0.3;
    cursor: pointer;
}

.dropdown .select2.select2-container {
    width: 100% !important;
}

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

tr.p-0>td {
    padding: .5rem;
}

/* modal optionset */
.modal .optionset ul {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.modal .optionset ul li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.modal .optionset ul li label {
    margin: 0 10px 0 5px;
}

/* bootstrap-tagsinput */
.bootstrap-tagsinput {
    padding: .35rem;
    border: 1px #dde2e6 solid;
    border-radius: 0 .25rem .25rem 0;
    border-left: none;
    font-size: .875rem;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    min-height: 46px;
    width: 100%;
}

.bootstrap-tagsinput>span {
    background-color: #3e7ce8;
    padding: 5px 15px 5px 10px;
    border-radius: .25rem;
    margin: 2px;
}

.bootstrap-tagsinput>input {
    color: #8898aa;
}

.bootstrap-tagsinput [data-role='remove'] {
    position: initial;
    top: initial;
}

/* select2 */
.select2-selection {
    height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear { padding: 0 5px 0 10px; }

/* select2 readonly */
select[readonly].select2-hidden-accessible+.select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible+.select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible+.select2-container .select2-selection__clear {
    display: none;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 320px !important;
}

/* select2 disabled option*/
.select2-results__option.disabled, .select2-results__option[aria-disabled] {
    color: #dae1e9 !important;
    pointer-events: none;
}

/* select */
select.form-control option:disabled {
    color: #a7b5c5;
}

/* json field */
.json-field.form-control { height: auto; }
.json-field [data-pair] { display: flex; }
.json-field [data-key] { opacity: .7; margin-right: 5px; }
.json-field [contenteditable] { outline: 0px solid transparent; flex: 1; }
.json-field [contenteditable] br { display: none; }

/* filemanager field */
.filemanager .form-control { height: auto; padding-top: 0; padding-bottom: 0; }
.filemanager .form-control > span:last-child { border-bottom: none !important; }

/* checkboxset */
.checkboxset .form-control { height: auto !important; }
.checkboxset .custom-control-label { height: auto !important; line-height: 1.1rem !important; }

/* checkbox */
.form-control.custom-checkbox { padding-left: 2.6rem; display: flex; align-items: center; }
.form-control.custom-checkbox label { display: flex; align-items: center; }

/* table field + sortable */
form .table .headings { align-items: flex-end; font-size: .8rem; line-height: 1em; margin-bottom: 0.6rem; }
form .table .sortable .handle { cursor: move; }
form .table .form-row.hidden { opacity: 0; height: 0px; overflow: hidden; }

/* modal fixes */

.modal-fs { max-width: 98%; }

@media (min-width: 992px) {
    .modal-xlg,
    .modal-xxl { max-width: 1400px; }
    .modal-lg,
    .modal-xl { max-width: 1024px; }
    .modal-md { max-width: 860px; }
    .modal-sm { max-width: 540px; }
}

.modal { overflow: auto !important; }
.modal-backdrop { z-index: 1050; }
.modal-backdrop.show { opacity: .33; }

.dropdown-menu .dropdown-item {
    padding: 0.3rem 1rem;
}

/* form validator color fix */
.holder-invalid input,
.holder-invalid select,
.holder-invalid textarea,
.holder-invalid .select2-selection,
.holder-invalid .input-group-text,
.holder-invalid .custom-file-label,
.holder-invalid .json-field,
.holder-invalid .form-control.custom-checkbox{
    border: 1px #f75676 solid !important;
    background-color: #fff6f8;
}

.holder-invalid .input-group-merge input,
.holder-invalid .input-group-merge select,
.holder-invalid .input-group-merge textarea {
    border-left: none !important;
}

.validation-feedback, .invalid-feedback {
    color: #ee5475;
    font-size: 70%;
    font-weight: 700;
    margin-top: .25rem;
}

.checkbox .invalid-feedback { 
    width: auto;
    margin-left: auto;
}

/* tinymce */
.tox-tinymce {
    border: 1px solid #dde2e6 !important;
}

.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.tox .tox-menubar {
    background-color: #f7fafc !important;
    /* background-image: none !important; */
}

/*.tox:not([dir=rtl]) .tox-statusbar__branding { display: none !important; }*/
.tox .tox-statusbar {
    display: none !important;
}

.tox .tox-notification--warn,
.tox .tox-notification--warning {
    display: none !important;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-color: #dde2e6 !important;
}

/* sidebar */
/*.sidebar { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.16); z-index: 99; display: none;  }*/
/*.sidebar-close { position: absolute; right: 700px; top: 20px; font-size: 44px; color: #ffffff; cursor: pointer; margin-left: -60px; }*/
.sidebar-content {
    position: fixed;
    width: 90%;
    box-sizing: border-box;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 0 90px 0 rgba(0, 0, 0, 0.1);
    z-index: 1050;
}

.sidebar-lg {
    max-width: 1024px
}

.sidebar-md {
    max-width: 800px;
}

.sidebar-sm {
    max-width: 500px;
}

/* alert */
.alert {
    z-index: 1069 !important;
    display: flex;
    align-items: center;
}

.alert-wide {
    max-width: 800px;
}

.alert-message {
    display: block;
}

.alert-nav {
    display: block;
}

/* button */
.btn-inner--icon i:not(.fas):not(.fab) { top: inherit; font-weight: bold;}

/* badge */
.badge-warning {
    color: #ab6e08;
    background-color: #ffdb9f;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
    color: #fff;
    background-color: #f4a100;
}

.badge-disabled {
    pointer-events: none;
    opacity: .6;
    cursor: default;
}

/* loader */
body>div>.loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.33);
    z-index: 1200;
    display: none;
}

body>div>.loader svg {
    position: absolute;
    left: 50%;
    top: 50%;
}
body>div>.loader span {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

body.global-ajax-loading>div>.loader {
    display: block;
}

/* login/lock screen bcg */
.crm-login-bcg {
    position: absolute;
    right: 0;
    top: 0;
    opacity: .12;
}

/* custom */
.js-showpwd {
    cursor: pointer;
}

.flex {
    display: flex
}

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

.opacity-01 {
    opacity: .1;
}

.opacity-02 {
    opacity: .2;
}

.opacity-03 {
    opacity: .3;
}

.opacity-04 {
    opacity: .4;
}

.opacity-05 {
    opacity: .5;
}

.opacity-06 {
    opacity: .6;
}

.opacity-07 {
    opacity: .7;
}

.opacity-08 {
    opacity: .8;
}

.opacity-09 {
    opacity: .9;
}

.card { box-shadow: none; }

.card.disabled {
    pointer-events: none;
    opacity: .6;
    cursor: default;
}

.text-stroke {
    text-decoration: line-through;
}

.text-muted-x2 {
    color: #b6bfc7 !important;
}

.text-bold {
    font-weight: bold;
}

.text-small {
    font-size: smaller;
}

[data-copy-filter] {
    border-bottom: 1px black dotted;
    cursor: copy;
}

.w-33 {
    width: 33%;
}

i.fe {
    background-color: red;
    padding: 3px;
}

/* cursors */
.cursor-pointer {
    cursor: pointer !important;
}

/* chat */
.note {
    font-size: 0.9rem;
    line-height: 1.3em;
}

.note-to {
    margin-left: 25%;
    border-radius: 0.5rem;
}

.note-from {
    margin-right: 25%;
    border-radius: 0.5rem;
}

/* Tour/Help */
.tour {
    box-shadow: inset 0px 0px 0px 3px #caff00;
}

/* Chrome, Safari, Edge, Opera */
/* input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} */

/* Firefox */
/* input[type=number] {
    -moz-appearance: textfield;
} */

/* panel */
.table-dark {
    background-color: transparent
}

.table-dark thead th {
    border-bottom-color: #e9ecef !important;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #3e5d7c;
}

.form-dark.form-inline .form-row {
    border: none;
    padding-left: 0;
}

.table-news p {
    margin-bottom: 0;
}

.table-news p strong {
    font-weight: bold;
}

.table-dark.table-sticky th {
    position: sticky;
    top: -1px;
    z-index: 1;
    background-color: #1e395b !important;
}


/* animations */
.blink-danger { animation: blink-danger 1.5s infinite; }
.blink-text-danger { animation: blink-text-danger 1.5s infinite; }
.blink-text-opacity { animation: blink-text-opacity 1.5s infinite; }

@keyframes blink-danger {
    0%, 50% { background-color: #f5365c; }
}
@keyframes blink-text-danger {
    0%, 20% { color: #f5365c; }
}
@keyframes blink-text-opacity {
    0%, 20% { opacity: .3; }
}