/* === BRAND COLOR VARIABLES === */

/* === Ensure QCI Logo visibility === */
.portal-header img {
  max-height: 500px; /* Adjust if logo appears too small */
  width: auto;
  object-fit: contain;
  display: inline-block;
}
.ForgetPasswordContainer__subTitle {
    display: none !important;
}

window.onload = function() {
    var subTitle = document.querySelector(".ForgetPasswordContainer__subTitle");
    if(subTitle){
        subTitle.style.display = "none";
    }
}
/* === GLOBAL FONT STYLES === */
body, .zohodesk, .portal-header, .portal-footer, input, textarea, select, button {
  font-family: 'Roboto', 'Open Sans', 'Lato', sans-serif !important;
}
/* === White background behind the QCI logo === */
.portal-header .logo-section img {
  background-color: white;
  padding: 6px 12px;
  border-radius: 8px;
  max-height: 60px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* === Remove Search and Add Ticket === */
#search, .search-container {
  display: none !important
}

.TicketDetailRightContainer__widgetRight { display:none; }

a.add-ticket-btn, .add-ticket-button {
  display: none !important;
}

/* === Make "Home" and "My Area" bold in header === */
.portal-header .menu-section a {
  font-weight: bold !important;
  color: white !important;
}

.portal-header .menu-section a:hover {
  text-decoration: underline;
}



/* === Highlight active tab === */
.portal-header .menu-section .active {
  border-bottom: 2px solid white !important;
  font-weight: bold !important;
}

/* === Menu spacing === */
.portal-header .menu-section {
  gap: 16px;
}

/* === TICKET BOX === */
.ticket-card {
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 16px;
  background-color: #ffffff;
  margin-bottom: 16px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* === GLOBAL STYLES === */
body {
  font-family: var(--font-family);
  color: var(--qci-gray-dark);
  background-color: #ffffff;
}

a {
  color: var(--qci-primary);
}

a:hover {
  color: var(--qci-blue-dark);
}

/* === HEADER === */
.portal-header {
  background-color: var(--qci-primary) !important;
  color: white;
}

.portal-header a,
.portal-header .menu-section a {
  color: white !important;
}

.portal-header .menu-section a:hover {
  border-bottom: 2px solid white;
}

/* === BUTTONS === 
.zbutton, .zd-button {
  background-color: #13aedc !important;
  color: white;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: bold;
}

.zbutton:hover, .zd-button:hover {
  background-color: #13aedc;
}*/

/* === SEARCH BAR === */
.search-container input[type="text"] {
  border-radius: 6px;
  padding: 10px;
  border: 1px solid #ddd;
}

/* === STATUS COLORS === */
.ticket-card .status-label.closed {
  background-color: #007BFF;
  color: white;
}

.ticket-card .status-label.onhold {
  background-color: var(--qci-magenta);
  color: white;
}

/* === SIDEBAR === */
.views-panel a {
  color: var(--qci-gray-dark);
  text-decoration: none;
}

.views-panel a:hover {
  color: var(--qci-primary);
}

/* === FOOTER === */
.portal-footer {
  background-color: var(--qci-gray-light);
  color: #888;
  font-size: 12px;
}


/*===Hide close and edit===*/
/*.TicketClosePopup__container { visibility: hidden; display: none; }

.TicketDetailRightContainer2__edit { visibility: hidden; display: none; }*/

/*div[data-id="signin"] .add-ticket {
  display: none;
}*/

[data-id="signin"] .Header__panelbtns {
  display: none;
}

/*.Icon__size11 { visibility: hidden; display: none; }*/


.TicketListLeftContainer1__mobileFilter:last-child { visibility: hidden; display: none; }

.Header__logotxt { visibility: hidden; display: none; }

.Header__logo {
    max-height: 55rem;
    max-width: 14rem;
    display: block;
}
/*.ManageAccountContainer__editPwd+.ManageAccountContainer__editPwd { visibility: hidden; display: none; }*/

/*.ManageAccountContainer__editPwd:nth-last-child(n+2):first-child { visibility: hidden; display: none; }

.commonStyle__active, .commonStyle__active:hover, .Icon__activeBlue, .themeLink, .themeLink:hover  { visibility: hidden; display: none; }

.user_edit_profile  { visibility: hidden; display: none; }*/

.EditProfileContainer__profileEdit .Input__formInput {
  pointer-events: none;
}

[data-id="signin"] li[title="My Area"] {
  display: none;
}
[data-id="newReply"] .commonStyle__verticalMiddle {color: #666;
    font-size: .9rem;
    font-weight: 500;}

[data-id="newComment"] .commonStyle__verticalMiddle {color: #666;
    font-size: .9rem;
    font-weight: 500;}

.Badge__implement {
    background-color: #13aedc ;
    max-width: 18rem;
}

.TicketListItem__part, .TicketListItem__statusBox {
    text-align: right; font-size: .9rem;
}

.Signin__title { visibility: hidden; display: none; }

/* Ticket Property - UI */
.Signin__subTitle {
    font-size: 1.3rem;  
    font-weight: bold;
}

/* Removing Sign in */

.Header__breadcrumbs  { visibility: hidden; display: none; }

/*.Info__infoList {
    padding: .3125rem 0 .625rem;
    font-size: .875rem;
    font-weight: 100;
}

[data-id="Info__infoLabel commonStyle__wordBreak"] .Info__infoList {
    padding: .3125rem 0 .625rem;
    font-size: .875rem;
    font-weight: 100;


.commonStyle__verticalMiddle {
    padding: .3125rem 0 .625rem;
    font-size: .875rem;
    font-weight: 300;
}*/

/* Ticket Information - UI */
[data-id="column2"] .Info__infoContent {padding: .3125rem 0 .625rem;
    font-size: .875rem;
  font-weight: 530;
   color:#555}

/* Ticket Label Property - UI */
[data-id="column2"] .Info__labelText {padding: .3125rem 0 .625rem;
    font-size: .875rem;
  font-weight: 700;
   color: #13aedc}

/* Ticket Property - UI */
.TicketDetailRightContainer2__title {
      font-size: 1rem;
  word-wrap: break-word;
    overflow: hidden;
    color: #000000;
   font-weight: 700;
}

.TicketDetailLeftContainer__tickeTitle {
    margin: 0 0 .625rem;
    text-transform: none;
    word-wrap: break-word;
    font-weight: 200;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.14;
    color: var(--color-brand1);
}

 #nextbtn {
    background-color: #13aedc !important;
  }