.logo img { height: 90px }

.invalid .form-control {
    border-color: #ee5455;
    padding-right: calc(1.5em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ee5455' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23ee5455' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.25rem) center;
    background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}
.invalid .invalid-feedback, .invalid-feedback.visible {
    display: block;
}
.turn-subform label {
    height: 40px;
}
.turn-subform label.ptop {
    padding-top: 20px;
}
.turn-subform:first-of-type .del-turn, .turn-subform:first-of-type .turn-active-toggle {
    margin-top: 48px
}
.turn-subform .col-auto {
    text-align: center;
}
.del-turn {
    color: red;
    float: right;
    font-size: 12pt;
}
.turn-active-toggle {
    font-size: 13pt;
    margin-left: 5px;
}
.not-active .form-control {
    background-color: #e9edf3;
}
tr.not-active {
    background-color: #e9edf3;
}
body.bg-primary {
    background-color: #393f4e !important;
}
#login-logo {
    height: 120px;
}
.col-form-label {
    text-align: right;
}

.form-group .ql-editor {
    height: 370px;
}
.form-group .ql-container {
    height: auto;
}

#assigned-services .service-row span, #assigned-discounts .service-row span {
    width: 200px;
}
#assigned-services .service-row input, #assigned-discounts .service-row input {
    width: 100px;
}
#assigned-services .service-row a, #assigned-discounts .service-row a {
    color: red;
    font-size: 12pt;
}
#pick-service, #pick-discount {
    padding: 6px 13px; margin-top: 5px; float: right; margin-right: -10px;
}
#choose-srv, #choose-disc {
    width: 300px;
}
.btn-table tr td:last-child {
    text-align: right;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 12px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #0275d8;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].parent>td:first-child:before {
    background-color: #ee5455;
    top: 0.75rem;
}

.dtr-details.turn-details { margin-bottom: 0; float: left }
.dtr-details.turn-details li { display: inline-block; margin-right: 10px; width:120px; line-height: 32px }
.dtr-details.turn-details li:nth-child(3) { width: 135px }
.dtr-details.turn-details li .dtr-title { font-weight: bold }
.turns-row .turn-ava { display: inline-block; }
.turns-row .turn-ava > span { padding-right: 6px }

.data-row div:last-child { line-height: 36px }
.data-inline { display: inline-block; padding: 5px 0; margin-right: 10px }
.data-inline span { font-size: 13.2px; }
.data-inline span:last-child { font-weight: bold }

.change-price { margin-left: 10px; }
#the-price, #the-downpayment, .change-price { line-height: 36px }

#reservations tbody td:last-child, #participants tbody td:last-child { text-align: right }

/* .res-form .noti-icon { margin-right: 20px } */
.res-form .noti-icon i, .turns-row .noti-icon i { font-size: 20px }
.res-form .fa-female, .turns-row .fa-female { color: #dd55ff }
.res-form .fa-male, .turns-row .fa-male { color: #4e84ff }
.res-form .noti-icon .mdi-human-male-female, .turns-row .noti-icon .mdi-human-male-female { color: #2ac870; font-size: 22px }
.res-form .custom-control { padding-top: 4px; padding-bottom: 4px }

.swal2-html-container .swal2-input { width: 80% }
.swal2-html-container #swal-content { min-height: 100px }

#participantGender {
    background: none;
    border-color: #ced4da;
}
#participants_wrapper .dt-buttons {
    position: absolute;
    bottom: 14px;
}
#participantWeight { width: 25%; float: left }
[for="participantGender"] { width: 20%; float: left; padding-right: 10px }
#participantGender { float: right; width: 50% }

.the-system-price { color: #2ac870; line-height: 36px; position: relative; }
.the-system-price:after {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    font-weight: 900;
    color: #6d61ea;
}

.price-edit > .input-group { width: 60%; float: left }
.price-edit { line-height: 30px }
.price-edit i { color: white; font-size: 12px }
.price-edit button { padding: 4px 10px; }

.custom-file-label::after { content: 'Przeglądaj' }

.vars-table .badge {
    font-size: 80%; cursor: pointer;
    white-space: initial;
}

.yan {
    height: 24px; width: 24px;
    display: inline-block;
    background-size: cover;
}
.yan-wind {
    background-image: url('/assets/yan/images/windsurf-silhouette.png');
}
.yan-kite {
    background-image: url('/assets/yan/images/kitesurfing.png');
}

.turn-ava {
/*    position: absolute;
    display: inline-block;
    top: -3px; */
    padding-left: 10px;
    float: right;
}
.yan-human-male-female {
    color: #2ac870;
    background-image: url('/assets/yan/images/human-male-female.svg');
    background-position: left;
    background-repeat: no-repeat;

    padding-left: 22px;
    background-size: 20px 22px;
}

#trips-table .turn-ava { float: left }

body .page-link { border-radius: 0 !important; }

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
}

.swal2-popup .swal2-textarea.btn-code-input {
    font-size: 10pt;
    font-family: 'Courier New', Courier, monospace;
    min-height: 330px;
}

.data-inner > tbody > tr:first-child td { border-top: none }
.row-email  td { background-color: white; border-color: #bbb }
.row-pay  td { background-color: #e2ffef; border-color: #bbb }
.row-status  td { background-color: #f6efbc; border-color: #bbb }

.my-paging { text-align: right; }
.my-paging ul { justify-content: flex-end; }
.show-all i { color: #111; font-size: 12pt }

.swal2-popup.swal-mail-content .swal2-content { font-size: 14px }

.bl-table > tbody > tr > td:nth-child(1), .bl-table > tbody > tr > td:nth-child(2) { width: 210px }
.bl-table > tbody > tr > td:nth-child(4) { width: 140px }
.bl-table > tbody > tr > td:nth-child(5) { text-align: right; width: 140px }

.paging.dataTables_info { float: left }
.clr-filters { margin-left: 10px; display: inline-block; color: #46494d }
.clr-filters i { font-size: 12pt }

.part {
    border-radius: 5px;
    border: solid 1px #ccc;
    padding: 6px 4px;
    margin-bottom: 5px;
}
.part p { line-height: 20px; margin: 0; float:left }
.part > span { float: right; }

.room {
    min-height: 100px;
    border-radius: 5px;
    border: solid 1px grey;
    margin-bottom: 5px;
    padding: 6px 6px 20px 6px
}
.sortable-selected { background-color: #f6f6b4 }
.part-comment:after {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    font-weight: 900;
    color: #6d61ea;
}
.rooms-accordion .girls .card-header {
    background-color: rgba(200,0,0,0.06);
}
.rooms-accordion .boys .card-header {
    background-color: rgba(5,0,180,0.06);
}
#participants .room-row-1 {
    background-color: rgb(184, 243, 160, 0.26);
}
#participants .room-row-2 {
    background-color: rgba(241, 185, 185, 0.26);
}
#participants .room-row-3 {
    background-color: rgb(160, 243, 224, 0.26);
}
#participants .room-row-4 {
    background-color: rgb(243, 229, 160, 0.26);
}
#participants .room-row-5 {
    background-color: rgba(135, 160, 241, 0.26);
}
#participants .room-row-6 {
    background-color: rgba(180, 241, 74, 0.26);
}
#participants .room-row-7 {
    background-color: rgba(243, 160, 202, 0.26);
}
#participants .room-row-8 {
    background-color: rgba(190, 160, 243, 0.26);
}
#participants .room-row-9 {
    background-color: rgba(253,245,199, 0.26);
}
#participants .room-row-10 {
    background-color: rgba(214,234,224, 0.26);
}
#participants .room-row-11 {
    background-color: rgb(214,234,224)
}
#participants .room-row-12 {
    background-color: rgb(218,234,246)
}
#participants .room-row-13 {
    background-color: rgba(211,171,158, 0.26)
}
#participants .room-row-14 {
    background-color: rgba(173,247,182, 0.26)
}
#participants .room-row-15 {
    background-color: rgb(253,245,199)
}

.btn-rooms-top-menu { display: none; }
#participant-search { margin-bottom: 24px; }
.part.found {
    background-color: rgba(252, 242, 130, 0.26);
}
body .swal2-popup { width: 33em }
.inv-download-link {
    font-size: 12px;
    margin-left: 10px;
}
.manual-invoice-form { overflow: hidden }
.manual-invoice-form .data-row { font-size: 12pt; margin-bottom: 5px }
.manual-invoice-form label[for="buyer"], .manual-invoice-form label[for="nip"] { padding: 0 5px; line-height: 18px }
.manual-invoice-form textarea { min-height: 80px }

#invoices .multicheck { margin-right: 5px }

.dt-buttons.btn-group .btn { margin-right: 5px }
.popover-body { font-size: 13px; background-color: #fffdcd }
.email-pop { text-transform: lowercase }
.tpl-table td:last-child { text-align: right }
label[for="show_archive"], label[for="show_waiting"] { font-weight: normal }
.dropdown > .custom-checkbox {
    margin-left: 18px;
}
.col-auto.invalid .form-control { padding-right: 1.2rem; }
.invalid-feedback.general-age-error { margin: 0 0 8px }
.del-row { color: red; }
.row > .form-group:nth-child(2n) > .col-6:nth-child(2) { padding-right: 0 }
body table.table .no-results { text-align: center; font-style: italic }
.tpl-label { line-height: 36px }
.form-inline .form-control.tpl-select { width: 300px; margin-right: 5px }
input[type="date"].form-control { padding-right: 10px; padding-left: 15px }
.price-field { padding-left: 10px; padding-right: 10px }

#participantHeight, #participantShoeSize { width: 25%; float: left }
#participantShoeSize { float: right }
label[for="participantShoeSize"] { float: left; width: 40% }
.part-section { width: 50%; float: left; position: relative }
.part-section .col-form-label { padding-right: 0; padding-left: 0; margin-right: -5px }
.room-tpl, .part-tpl { display: none }
.part-add { position: absolute;right: 0; }

.del-part { color: red; position: absolute; left: 10px; z-index: 100 }
.part-section .custom-control-label {
    font-size: 12px;
    margin-top: 5px;
    line-height: 20px;
}
.room-sel-row .select2-container .select2-selection--single { height: 38px; }
.room-sel-row .select2-container .select2-selection--single .select2-selection__rendered { line-height: 38px; }

.room-right-info { float: right; width: 120px; }
.room-option { min-height: 45px; display: block }
.extra-field-row { margin-bottom: 0; display: inline-block }
.extra-field-row select, .extra-field-row input { width: 130px }

.part-section .addon.with-field label { width: 180px; }
.addon-data { line-height: 24px }
.sub-addon-cont .with-field.custom-control-inline { width: 170px }
.row-pay p { margin-bottom: 0; line-height: 20px }
.badge-free, .badge-occupied, .badge-part-occupied {
    font-size: 90%;
    padding: 0.5em 0.8em;
}
.room-free .card-header, .badge-free {
    background-color: #edffe7;
}
.room-occupied .card-header, .badge-occupied {
    background-color: #f1f3f5;
}
.room-part-occupied .card-header, .badge-part-occupied {
    background-color: #fffde7;
}
.price-changes-symbols {
    margin: 0;
    padding: 0;
}
.price-changes-symbols li {
    list-style-type: none;
}
#layout-wrapper #page-topbar { position: inherit }
#layout-wrapper .page-content { padding-top: 20px }

.part-section {
    border: solid 1px #ddd; padding: 4px; border-radius: 5px;
    width: 48%;
    margin: 0 1% 15px;
}

.part-section:nth-child(2n+1){
    clear:both
}
.turn-info-row p { margin-bottom: 0; }

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.attachments-toggle {
    font-size: 14pt;
}
.docs-row {
    padding-top: 5px;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    border-right: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 7px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #ea9c61;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #ea9c61;
}
.row-PolicyIssueProblemEntry td {
    background-color: #dcf6ff;
}
.policy-link { display: block }
.swal2-footer iframe {
    min-height: 300px; width: 100%; border: none;
}
.swal2-deny.mail-preview.swal2-styled, .swal2-deny.mail-preview-custom.swal2-styled {
    color: #fe9f45;
    background-color: white;
}