/*Hidding app logos to avoid show default images it is settings later in js*/
img[src="/assets/erpnext/images/erpnext-logo-blue.png"],
img[src="/assets/hrms/images/frappe-hr-logo.svg"],
img[src="/assets/helpdesk/desk/favicon.svg"],
img[src="/assets/insights/frontend/insights-logo.png"],
img[src="/assets/builder/frontend/builder_logo.png"],
img[src="/assets/healthcare/images/healthcare.svg"],
img[src="/assets/lms/images/lms-logo.png"]
{visibility: hidden;}

:root {
    --navbar-height: 100px !important;
    --navbar-img-height: 70px;
    --navbar-background-img: url("../img/i36t-navbar-bg-black.png");
    --selection-background: #FF6700 !important; /*Selection Background Color*/
    --selection-color:white !important; /*Selection Text Color*/
    --icon-stroke: #FF6700; /*Icon Stroke Color*/
    --icon-colorstroke:#FF6700; /*do not change*/
}

/* Apply smaller image height on mobile screens */
@media (max-width: 468px) {
    :root {
        --navbar-img-height: 30px;
    }
}



.navbar-light{
    height: var(--navbar-height) !important;
    background-image: var(--navbar-background-img) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: left !important;

    /* Animation for lighting effect */
    animation: lighting_effect 7s infinite alternate;
}
/* Ligting Effect */ @keyframes lighting_effect {0% {filter: brightness(0.5);}50% {filter: brightness(1);}100% {filter: brightness(1);}}

.navbar-brand img  {
    height: var(--navbar-img-height) !important;
    content: var(--banner-image) !important;
    max-width: 300px !important; 
    max-height: 85px !important;
}
#page-login {
    background: url(../img/i36T-Circle-BG.png) no-repeat center center !important;
    background-size: 100%; /* Maintains aspect ratio and sets height to 80% of the viewport */
    background-position: center center; /* Centers the image */
    height: 100vh; /* Full viewport height */
    width: 100vw; /* Full viewport width */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.app-logo,.page-card-head  {
    content: url('../img/i36t-Circle-Animation.gif') !important;
    height: 200px; /* Full viewport height */
    width: auto; /* Full viewport width */
}
.page-card button:hover {
  background-color: #FF6700 !important;
}