a {
    text-decoration: none;
}

body:has(.signpopup:not(.d-none)) {
    overflow: hidden;
}

.myalert {
	position:fixed;
	top:20px;
	right:20px;
	width:400px;
    max-width: 90vw;
	z-index:9999999;
}

.myalert > div {
	position:relative;
	opacity:0;
	visibility:hidden;
	transform:translate(100%, 20px);
	transition:.4s;
}

.myalert > div.on {
	transform:translate(0, 20px);
	opacity:1;
	visibility:visible;
}

.image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.sign {
    width: 100%;
    max-width: 700px;
    aspect-ratio: 4 / 1;
    border: 1px solid #000;
    box-sizing: border-box;
    vertical-align: bottom;
    padding: 5px;
}

.admin .content {
    background-color: #f8f9fa;
    min-height: calc(100vh - 40px);
}

.page-login .input-inner {
    position: relative;
}

.page-login .input-inner i {
    position: absolute;
    font-size: 1.5rem;
    top: calc(50% - 12px);
    left: 12px;
}

/* Forms */
.page-forms table tr > * {
    min-width: 50px;
}

.page-forms table tr > *.id {
    min-width: 30px;
}

.page-forms table tr > *.actions {
    min-width: 130px;
}

/* Form */
.page-form .mrow {
    position: relative;
}

.page-form :is(.fainp, .finp, .frinp, .fcinp) {
    text-transform: uppercase;
}

.page-form .mrow:has(+ .mrow) .duplicate {
    display: none!important;
}

.page-form .addresses .mrow .delete {
    display: none;
    position: absolute;
    top: 6px;
    left: -17px;
    width: auto;
}

.page-form .addresses > .mrow:nth-of-type(n + 3)  .delete {
    display: inline-block;
}

.page-form .mrow .duplicate {
    position: absolute;
    top: 0px;
    right: -22px;
    display: inline-block;
    width: auto;
}

.page-form .carscars .mrow .delete {
    position: absolute;
    top: 6px;
    left: -14px;
    display: inline-block;
    width: auto;
}

.page-form .rooms {
    border: 1px solid var(--bs-primary);
    border-bottom: none;
}

.page-form .rooms .mrow .delete {
    display: none;
    position: absolute;
    top: 3px;
    left: -24px;
    width: auto;
}

.page-form .rooms > .mrow:nth-of-type(n + 9) .delete {
    display: inline-block;
}

.page-form .rooms .mrow textarea {
    vertical-align: bottom;
}

.page-form .rooms > .mrow .bbarea {
    height: 56px;
    /* background-image: repeating-linear-gradient(0deg, transparent 0, transparent 27px, black 28px); */
}

.page-form .otherinp {
    height: 84px;
    /* background-image: repeating-linear-gradient(0deg, transparent 0, transparent 27px, black 28px); */
}

.page-form .mrow:not(.carscar) .duplicate {
    font-size: 1.2rem;
}

.page-form .mrow.carscar.disabled {
    opacity: .4;
    pointer-events: none;
    user-select: none;
}

.page-form .mrow.carscar .duplicate {
    top: 6px;
    right: -8px;
}

.page-form .amounts .mrow .delete {
    display: none;
    position: absolute;
    top: 10px;
    left: -17px;
    width: auto;
}

.page-form .amounts > .mrow:nth-of-type(n + 2)  .delete {
    display: inline-block;
}

.page-form .Form :is(label, span) {
    color: var(--bs-secondary);
}

.page-form .Form label:has(.oinput) {
    display: inline-flex;
    align-items: end;
    gap: 0 5px;
}

.page-form .Form label.ff > span {
    display: inline-flex;
    min-width: 75px;
}

.page-form .Form label > span {
    white-space: nowrap;
}

.page-form .Form .oinput {
    width: 100%;
    font-size: 13px;
    border: none;
    border-bottom: 1px solid var(--bs-primary);
    background-color: #eee;
    outline: none;
    border-radius: 0;
    padding: 3px;
    min-height: 27px;
    height: 100%;
}

.page-form .Form .col-md-2 textarea.oinput {
    border-right: 1px solid var(--bs-primary);
}

.page-form .Form textarea.oinput {
    resize: none;
}

.page-form .Form .oinput:focus {
    background-color: #fff;
}

.page-form .Form .other {
    border-right: 1px solid var(--bs-primary);
    height: 81px;
}

.page-form .Form div.other {
    border-left: 1px solid var(--bs-primary);
    border-bottom: 1px solid var(--bs-primary);
}

.page-form .Form .otherinp {
    border-bottom: none;
    border-right: 1px solid var(--bs-primary);
    border-bottom: 1px solid var(--bs-primary);
}

.page-form .Form .radios {
    display: flex;
    align-items: center;
    gap: 0 10px;
}

.page-form .Form .rlabel {
    position: relative;
    justify-content: center;
    width: 32px;
    aspect-ratio: 1 / 1;
    border: 4px ridge #eee;
    background-color: #eee;
}

.page-form .Form .rlabel.sm {
    width: 25px;
}

.page-form .Form .rlabel.sm:has(input:checked):after {
    top: -6px;
    left: 2px;
}

.page-form .Form .rlabel:before {
    content: attr(data-title);
    min-width: 32px;
    color: #aaa;
    text-align: center;
}

.page-form .Form .rlabel:has(input:checked):after {
    content: "\f00c";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    position: absolute;
    top: -2px;
    left: 5px;
    color: #000;
    font-size: 20px;
}

.page-form .Form .rlabel input {
    display: none;
}

.page-form .Form .radiowrap {
    display: flex;
    gap: 0 10px;
}

.page-form .Form .oinput.border-right {
    border-right: 1px solid var(--bs-primary);
}

.page-form .Form textarea.oinput {
    padding: 3px 6px;
}

.page-user .User .btns,
.page-form .Form .btns {
    position: fixed;
    bottom: 10px;
    right: 10px;

    display: flex;
    gap: 0 10px;
}

.page-user .User .btns > a,
.page-form .Form .btns > a {
    display: flex;
    align-items: center;
    gap: 0 5px;
}

.page-user .User .btns > a > span,
.page-form .Form .btns > a > span {
    font-weight: bold;
    color: #fff;
    font-size: 0;
    margin-right: -2px;
    transition: .3s;
}

.page-user .User .btns > a:is(.disabled, :hover) > span,
.page-form .Form .btns > a:is(.disabled, :hover) > span {
    font-size: 19px;
}

.page-user .User .btns > a.disabled > i:before,
.page-form .Form .btns > a.disabled > i:before {
    content: "\f110";
    display: block;
    animation: fa-spin 2s linear 0s;
}

.page-form .Form .carscars > .carscar:nth-of-type(1) .delete,
.page-form .Form .carscars > .carscar:nth-of-type(2) .delete  {
    display: none!important;
}

.page-form .signpopup {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, .8);
}

.page-form .signpopup > .wrap {
    position: relative;
    height: 100%;
}

.page-form .signpopup > .wrap > .close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.page-form .signpopup > .wrap .btns {
    position: absolute;
}

.page-form .changesign > img {
    max-height: 50px;
}

@media (min-width: 1280px) {
    
}

@media (max-width: 767px) {
    .mob {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .page-form .Form .row:has(.oinput) {
        gap: 5px;
        margin-bottom: 5px;
        padding: 10px 5px;
    }

    .page-form .Form label:has(.oinput) {
        flex-direction: column;
        align-items: start;
    }

    .page-form .Form .oinput {
        padding: 6px;
    }

    .page-form .Form .head label {
        flex-direction: row;
    }

    .page-form .Form .head label .h5 {
        font-size: 13px;
    }

    .page-form .Form label:has(.oinput) > span {
        display: inline-flex;
        min-width: 75px;
    }

    .page-form .Form .rooms .mrow {
        margin-bottom: 5px;
    }

    .page-form .Form .rooms .mrow:nth-of-type(odd) {
        background-color: rgba(0,0,0,.07);
    }

    .page-form .Form .other,
    .page-form .Form :is(.rooms, .room_descr) :is(input, textarea) {
        border: 1px solid var(--bs-primary);
    }

    .page-form .Form .radios {
        align-items: start;
    }

    .addresses > .mrow {
        background-color: rgba(0,0,0,.04);
    }

    .page-form .Form .rlabel:before {
        min-width: 26px;
    }

}