/* ==========================================================================
/* Styles for netbaza.eu app, ver.1.0.0
/* https://netbaza.eu
/* Copyright (c) 2021 netbaza.eu
/* ======================================================================= */

#infocontent-box, #infocontent2-box {
    display: none;
}

body.antialiased.border-top-wide.border-primary.d-flex.flex-column {
    background: #232e3c;
    color: rgba(255, 255, 255, .7);
    background-image: linear-gradient(90deg, #232e3c, #4e3d67);
}

button.btn.btn-primary.w-100 {
    background-color: #232e3c;
    transition: all .3s ease-in-out;
}

button.btn.btn-primary.w-100:hover {
    background-color: #882e8e;
}

h2.card-title.text-center.mb-4,
.form-label,
.form-check-label {
    color: #252e3d;
}

input.form-control {
    color: #232e3c !important;
}

.text-center.text-muted.mt-3 {
    color: #ccc !important;
}

.text-center.text-muted.mt-3 a {
    color: #c67acc;
    transition: all .3s ease-in-out;
}

.alert-title {
    color: #f76707;
}


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1380px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1700px;
    }
    .container-x2{
        max-width: calc(100vw);
        padding-top: 10px;
        margin-top: 0;
        padding-bottom: 10px;
        padding-left: 0;

    }


}

.navbar-dark {
    background: #232e3c;
    color: rgba(255, 255, 255, .7);
    background-image: linear-gradient(90deg, #232e3c, #4e3d67);
}

a#add-reservation,
a#add-package,
a.btn.btn-primary.d-none.d-sm-inline-block,
a.btn.btn-primary.d-sm-none.btn-icon {
    background-color: transparent;
    border: 1px solid rgb(255 255 255 / 50%);
    transition: all .3s ease-in-out;
}

@media screen and (max-width: 768px) {
    span.small-none {
        display: none;
    }

    a#add-reservation svg.icon.icon-tabler.icon-tabler-calendar-plus,
    a#add-package svg.icon.icon-tabler.icon-tabler-layout-grid-add {
        margin-inline-end: -.25rem;
    }
}

a#add-reservation:hover,
a#add-package:hover,
.btn-ghost-primary:hover,
.btn-outline-primary:hover,
.btn-primary:hover,
a:hover.btn.btn-primary.d-none.d-sm-inline-block,
.page-item.active .page-link,
button#btnAction:hover {
    background-color: #882e8e;
    border: 1px solid #882e8e;
}

.navbar-dark .navbar-brand,
a,
.btn,
.btn-primary {
    transition: all .3s ease-in-out;
}

.kal {
    display: inline-flex;
    line-height: 1.2rem;
    margin-right: 1rem;
    margin-bottom: .5rem;
}

.kal .form-label {
    margin-bottom: 0;
    line-height: 2.4rem;
    margin-right: .5rem;
}

.kal a.btn.btn-white,
.kal .form-control,
.kal .dropdown,
.form-control-sm {
    height: 2.4rem;
}

@media screen and (max-width: 768px) {
    .d-flex {
        flex-direction: column;
    }

    .ms-auto {
        margin-left: 0 !important;
    }
}

button.btn.dropdown-toggle.align-text-top.akcje .icon {
    margin-right: 0;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-group {
    margin-bottom: 15px;
    display: flex;
}

.form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    margin-right: 20px;
}

.col-sm-2,
.col-sm-2.control-label {
    width: 20%;
    margin-right: 1em;
    line-height: 2.2rem;
}

.col-sm-10 {
    width: 60%;
}

button#btnAction {
    background-color: #4e3d67;
    transition: all .3s ease-in-out;
}

.form-hint {
    font-size: 11px;
    font-style: italic;
}

a.btn.btn-dark {
    background-color: #232e3c;
}

a.btn.btn-dark:hover {
    background-color: #4E3E66;
}

li.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}

li.nav-item.dropdown .dropdown-menu {
    transition: opacity .2s ease-in-out;
    opacity: 0;
}

a#eye-show:-webkit-any-link:focus {
    outline: 0;
    color: #4E3E66;
}

.form-label, .form-check-label {
    color: #4a5971;
}

/* ==========================================================================
/* Tables for reservations and packages style
/* ======================================================================= */

table {
    width: 100%;
    border-collapse: collapse;
}

tbody td:not(:last-child) {
    border-right: 1px solid #eaeaea;
}

thead tr {
    border-bottom: 1px solid #eaeaea;
}

tr:hover {
    background-color: #eceef3;
}

tr {
    cursor: pointer;
    transition: all .15s ease-in-out;
}

.selected {
    background-color: #e8ecf2;
    color: #222;
}

td.td-green {
    background-color: #71e871;
}

td.td-red {
    background-color: #ec8686;
}

td.td-orange {
    background-color: #ffb300;
}

td.td-gray {
    background-color: #eceff4;
}

.table > :not(caption) > * > * {
    padding: .4rem .2rem;
}

table td {
    max-width: 110px;
    white-space: initial;
    font-size: 12px;
}

table.reservations td:nth-child(1),
table.packages td:nth-child(1),
table.users-table td:nth-child(1) {
    padding-right: 1em;
    width: 10px;
}

table.reservations td:nth-child(2),
table.reservations td:nth-child(3),
table.reservations td:nth-child(4),
table.reservations td:nth-child(15),
table.reservations td:nth-child(16),
table.reservations td:nth-child(17),
table.packages td:nth-child(2),
table.packages td:nth-child(3),
table.packages td:nth-child(6),
table.packages td:nth-child(14),
table.packages td:nth-child(15),
table.packages td:nth-child(16) {
    text-align: center;
    width: 10px;
}

@media screen and (min-width: 1440px) {
    .table-responsive {
        margin-bottom: auto;
    }
    table.reservations td:nth-child(2),
    table.packages td:nth-child(2) {
        width: 80px;
    }
}

@media screen and (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}



.kraje table#table {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

/* ==========================================================================
/* End tables
/* ======================================================================= */


.modal-body .form-select,
.modal-body .form-label, .modal-body .form-check-label,
.modal-body input.form-control {
    font-size: 12px;
}

.modal-body  .form-group {
    margin-bottom: 5px;
}

.kraje .card-body.border-bottom.py-3 {
    display: none;
}