/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27 Nov, 2025, 12:54:44 PM
    Author     : katfo
*/
@font-face {
	font-family: 'SoletoBold';
	src: url('../../fonts/Soleto-Bold.eot');
	src: url('../../fonts/Soleto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Soleto-Bold.woff') format('woff'),
		url('../../fonts/Soleto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'SoletoRegular';
	src: url('../../fonts/Soleto-Regular.eot');
	src: url('../../fonts/Soleto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Soleto-Regular.woff') format('woff'),
		url('../../fonts/Soleto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SoletoMedium';
	src: url('../../fonts/Soleto-Medium.eot');
	src: url('../../fonts/Soleto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/Soleto-Medium.woff') format('woff'),
		url('../../fonts/Soleto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
body{font-family:SoletoRegular,"Open Sans", Helvetica, Arial, sans-serif}
h1{line-height: 1.07692;
        font-size: 26px;
        /* color: #f39200; */
        color: #475055;
        border-bottom: 1px dotted;
        padding-bottom: 10px;font-family:SoletoBold}

.nav-bottom{width:100%;background:#e31e25;margin-bottom:20px;overflow:hidden;}
.top-navigation{
    float:right;margin-right:5px;list-style:none;margin-top:10px;
}
.top-navigation li{display:inline;}
.top-navigation-link{text-decoration: none;font-size:1rem;color:#fff;margin:0px 5px;padding:10px}
.top-navigation-link:hover {color:#fff;}
.sunflame-nav{color: #000000;
        font-size: 1.2rem;
        letter-spacing: 0.64px;
        
        line-height: 20.08px;
        text-decoration: none;}

.sunflame-nav-bottom{color: #000000;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0.64px;
        margin:0 10px;
        line-height: 20.08px;
        text-decoration: none;
}
.logo-desktop{display:block;}
.logo-mobile{display:none;}

.boldhead {font-weight:bold;color:#000;}
.finput {border:1px solid #6d6e71;
         color:#000104;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  background-color:#e31e25;
  padding:10px 20px;
  border:0;color:#fff;  
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}
.colorred {
    color: #E31E25;
}

textarea.form-control {
    height: 120px;
    min-height: 52px;
    max-height: 249px;
    resize: vertical;
}
.bg-light {
    background-color: #ffffff !important;
}

.navbar-light .navbar-toggler-icon {
    background-image:url("../../images/sunflame/burger.svg")
}
 .ui-helper-hidden-accessible {
    display:none;
}
.ui-dialog{  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
  z-index: 1000; /* Ensures the popup is on top of other content */
}

.ui-widget-content {
    display:block;
    padding:15px;
    font-weight:bold;
    background:#e31e25;
    color:#fff;
    text-align:center;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* Optional: Set a max-width for better responsiveness */
  max-width: 400px;
  
    
}
.ui-dialog ui-widget {
    border:2px solid #6d6e71;
    padding:10px;
}
.ui-corner-all a{
       cursor:pointer;
       color:#000;
       
}
#element_to_pop_up {
    margin-top:0px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.power_need-dialog.ui-draggable.ui-resizable {
    z-index:99999 !important;
}
.ui-dialog .ui-dialog-titlebar-close 
    { position: absolute; right: 2em;  width: 19px; padding: 1px; height: 18px; top:0em;}
.ui-dialog .ui-dialog-titlebar {text-align:center;
}
.ui-widget-header .ui-icon {
    background-image:url(images/ui-icons_222222_256x240.png);
}
/* Spinner*/
#spinner {
    background-color: gray;
    opacity:.8;
    width: 100%;
    height: 1500px;
    bottom: 0px;
    top: 0px;
    left: 0;
    position: absolute;
    z-index:100;
    
}
.spinner-image{width:200px;
      height:200px;
      position: fixed;
      
      top: 50%;
      left: 50%;
      margin-top: -100px;
      margin-left: -100px;}
.error{color:red;}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .7rem;
        padding-left: .7rem;
    }
    
   
}

@media (max-width: 1024px) {
    .navbar{padding:0}
.sunflame-logo{
        width:300px;
    }
    
    .sunflame-nav-bottom{font-size: .6rem;margin:0 5px;}
    .top-navigation{    float:left;margin-right:0px;}
    .top-navigation-link{text-decoration: none;font-size:.8rem;color:#fff;margin:5px;padding:8px}
    
    .logo-desktop{display:none;}
.logo-mobile{display:block;}

}