:root {

    --bs-primary-rgb: 102, 37, 37;
    --bs-btn-active-bg: var(--bs-primary-rgb);
    --bs-btn-active-border-color: var(--bs-primary-rgb);

    --bs-primary: #662525;
    --bs-body-color: rgb(233,227,233);
    --bs-heading-color: rgb(233,227,233);

    --bs-secondary-rgb: rgba(255,255,255,.5);


}


.corner-frame {
    --cut: 25px;
    --stroke: 0.5px;
    --border-color-1: rgba(184, 110, 159, 0.8);
    --border-color-2: rgba(102, 37, 37, 0.8);

    position: relative;
}

.corner-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, var(--border-color-1), var(--border-color-2)) top left / calc(100% - var(--cut)) var(--stroke) no-repeat,
        linear-gradient(180deg, var(--border-color-1), var(--border-color-2)) top right / var(--stroke) calc(100% - var(--cut)) no-repeat,
        linear-gradient(180deg, var(--border-color-1), var(--border-color-2)) bottom left / var(--stroke) 100% no-repeat,
        linear-gradient(90deg, var(--border-color-1), var(--border-color-2)) bottom left / 100% var(--stroke) no-repeat;
}

.corner-frame::after {
    content: "";
    position: absolute;
    top: calc(var(--cut) / 2);
    right: calc(var(--cut) / -5);
    width: calc(var(--cut) * 1.41421356);
    height: var(--stroke);
    background: linear-gradient(90deg, var(--border-color-1), var(--border-color-2));
    transform: rotate(45deg);
    transform-origin: center;
    pointer-events: none;
}


.corner {
    position: relative;
    border-radius: 0;
    background: transparent;
}

.corner::before {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 0 100%);
    background: rgba(15,9,12,.56);
    backdrop-filter: blur(34px);
    -webkit-backdrop-filter: blur(34px);
    pointer-events: none;
    z-index: 0;
}

.corner > * {
    position: relative;
    z-index: 1;
}


.text-light {
    color: rgb(158, 150, 145) !important;
}
/* Remove WebKit focus ring and Bootstrap focus shadow */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
    box-shadow: none !important; /* Bootstrap adds this */
}

/* For specific controls that still show a ring in Safari */
input[type="text"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    -webkit-appearance: none; /* Safari/iOS */
    appearance: none;
}

/* If using .form-control/.form-select from Bootstrap */
.form-control:focus,
.form-select:focus,
.btn:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

a {
    --bs-link-color-rgb: 178, 25, 25;
    --bs-link-color: var(--bs-primary);
    --bs-link-opacity: 1;
    color: rgb(var(--bs-primary-rgb));
}


.btn.btn-primary {
    background-color: rgb(var(--bs-primary-rgb));
    border-color: rgb(var(--bs-primary-rgb));
}

.btn-outline-primary {
    --bs-btn-color: rgb(var(--bs-primary-rgb));
    --bs-btn-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-active-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bs-primary-rgb));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bs-primary-rgb));
    --bs-gradient: none;
}

.dropdown-item {
    --bs-dropdown-link-color: var(--bs-primary);
}
.dropdown-item:hover {
    color: var(--bs-primary);
}
.dropdown-item:active {
    --bs-dropdown-link-active-bg: var(--bs-primary);
}

.bg-alpha {
    background: rgba(255, 255, 255, 0.12);

}

div.rounded-circle.icon {
    height:48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.rounded-circle.icon img  {
    filter: brightness(0);
}
/*
.btn-outline-primary {
    --bs-btn-color: rgb(var(--bs-primary-rgb));
    --bs-btn-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-color:rgb(var(--bs-primary-rgb)) ;
    --bs-btn-hover-bg:#ffffff;
    --bs-btn-hover-border-color: #ffffff;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-active-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bs-primary-rgb));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bs-primary-rgb));
    --bs-gradient: none;
 }*/
.nav-link {
    --bs-nav-link-color: var( --bs-primary-rgb);
    --bs-nav-link-hover-color: #910307;
    background: #ffffff;
}



h1 {
    font-size:1.25rem;

}

h6 {
    font-weight: 400;
}


.pac-container {
    z-index: 20000 !important; /* higher than .modal (1050) and .modal-backdrop (1040) */
}

.fs-7 {
    font-size: 14px;
}
.fs-8 {
    font-size: 12px;
}

.logo-login {
    /*height: 120px;*/

}

body {
    background: linear-gradient(180deg, #81432B 0%, #1B0E09 100%);

}


body.notools #sidebar,
body.notools #sidebar-nav,
body.notools #header,
body.notools #footer,
body.notools #toolbar,
body.notools .sf-toolbar
{
    display: none !important;
    width: 0 !important;
}

body.notools #map_wrapper {
    height: 100% !important;
}