@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;700&display=swap');

* {
  font-family: 'Poppins' !important;
}

/* - - VARIABLES - - */
:root {
  --background: #000000;
  --background-alt-1: #131313;
  --background-alt-2: #232323;
  --background-alt-3: #333333;
  --text: #FFFFFF;
  --text-dark: #000000;
  --link: #a0f1f8;
  --link-alt-1: #1E65EC;
  --button-background-1: #FFFFFF;
  --button-text-1: #000000;
  --text-alt-1: #a4a4a4;
}

/* TEXT COLOR - DEFAULT */
.body,
.ArticleDetailLeftContainer__kbTitle,
.Icon__icon,
.CustomWidgets__widgetTitle,
.TitleContainer__list_description,
.Menu__heading,
.TicketDetailLeftContainer__tickeTitle,
.TicketDetailRightContainer2__sectionName,
.TicketDetailRightContainer2__title,
.TicketPropertiesContainer__sectionName,
.LoginDetail__userNameBold,
.TicketFormLeftContainer__sectionName,
.ChangePasswordContainer__profileHeadTitle,
.TicketFormLeftContainer__title,
.Upload__overflow,
p.description,
.ArticleCmd__helptxt,
.ArticleCmd__fnt600,
.TicketListItem_ticketId,
.Info__infoContent,
.ErrorPageNew__heading,
.Signup__title,
.Signup__subTitle,
.Signup__titleSign,
.Radio__radioLabel .Radio__formElementLabel,
.ArticlesContainer__title,
.search__searchTitle,
.DateWidget__date,
.chat-secret {
  color: var(--text);
}

/* TEXT COLOR - ALT 1 */
.ErrorPageNew__description,
.ModuleItem__moduleDescription,
.ModuleItem__moduleCount,
.TitleContainer__progressText,
.Info__infoLabel,
.List__postdet li,
.ConversationForm__creatoTime,
.Form__editLabel,
.LoginDetail__userMail,
.Form__labelText,
.Upload__uploadMp,
.TitleContainer__description,
.ManageAccountContainer__errorDescription,
.SignupInvitationContainer__descriptionPwd,
.SignupInvitationContainer__boxList,
.Signin__descriSingn {
  color: var(--text-alt-1);
}

/* TEXT LINK COLOR */
.TicketDetailRightContainer2__edit,
.Post__postContent a,
p a,
.Icon__activeBlue,
.Signup__linkTitle a,
.ForgetPasswordContainer__linkTitle a,
.commonStyle__link:hover {
  color: var(--link);
}

.Signin__linkTitlem a,
.Signin__linkTitle a {
  color: var(--link-alt-1);
}

/* TEXT LINK UNDERLINE - HOVER */
p a:hover {
  text-decoration: underline;
}

/* TEXT COLOR - #000000 */
.SearchAutosuggest__suggestList a,
.SearchAutosuggest__suggestList a:hover,
span.KB_New_Editor_Highlights span,
span.KB_New_Editor_Highlights b,
span.KB_New_Editor_Highlights i,
span.KB_New_Editor_Highlights div,
.Signin__title,
.Signin__titleSign {
  color: var(--text-dark);
}

/* HEADER LOGO */
.Header__logoimg img {
  max-width: 130px;
}

/* HEADER NAV - MOBILE */
@media (max-width: 48rem) {
  .Header__navOpen .Header__nav {
    background: #131313;
  }
}

/* USER DROPDOWN */
.LoginDetail__profileBtn {
  background-color: #333333;
}

.LoginDetail__profileLogout {
  background: #404040;
}

.LoginDetail__logoutLink,
.LoginDetail__logoutLink:hover {
  color: var(--text);
}

.LoginDetail__profileLgout {
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}

/* = = USER ACCOUNT = = */
[data-id="no_ticket"] svg,
[data-id="signUpSuccessMessage"] svg {
  display: none;
}

/* USER SIGN UP */
.ErrorPageNew__signupUser {
  background: #162223;
  color: #a0f1f8;
  border-radius: 6px;
}

/* CLOSE TICKET POP-UP */
.TicketClosePopup__content {
  border: 1px solid var(--background-alt-2)
}

/* FONT WEIGHT 600 */
.Signup__title,
.ForgetPasswordContainer__title {
  font-weight: 600;
}

/* USER SIGN UP SUCCESS MESSAGE */
[data-id="signUpSuccessMessage"] {
  background: #131313;
  margin: 20px 0;
  padding: 40px 0;
  border-radius: 6px;
  border: 1px solid #232323;
}

/* SEARCH BAR */
.SearchBox__searchpart input {
  border-radius: 6px 0 0 6px;
}

.SearchBox__searchpart input:only-child {
  border-radius: 6px;
}

.SearchBox__searchicon {
  border-radius: 0 6px 6px 0;
  background: #232323;
}

.SearchBox__searchpart input,
.SearchBox__searchpart input::placeholder {
  font-size: 16px;
}

/* Reading Bar */
.Readingprogress__progressBar {
  background-color: var(--link) !important;
}

/* STICKY SEARCH BAR - DESKTOP */
@media (min-width: 48rem) {
  .Header__homeNavbarFixed .Header__searchSubCont {
    border-bottom: 1px solid #232323;
  }
}

/* STICKY SEARCH BAR - MOBILE */
@media (max-width: 48rem) {
  .Header__homeNavbarFixed .Header__searchLink {
    background: #131313;
    box-shadow: none;
    border-bottom: 1px solid #232323;
  }
}

.AppContainer__keyBoardfocus,
[data-focus-added] {
  outline: solid 3px var(--link) !important;
}

/* FOOTER */
.Footer__footer {
  display: none;
  border-color: var(--background-alt-2);
}


/* BACKGROUND - ALT 1 */
.Header__homeNavbarFixed .Header__searchSubCont,
.ArticleDetailLeftContainer__box,
.ArticleDetailLeftContainer__cmdBox,
.ArticleCmd__articleLike,
.TitleContainer__container,
.TitleContainer__containerAuto,
.ModuleItem__moduleListItem,
.ModuleCategoryContainer__containerListView,
.TitleContainer__listView,
.ForgetPasswordContainer__details,
.KBSubCategoryContainer__boxView,
.TicketListLeftContainer1__boxView,
.TicketDetailLeftContainer__boxView,
.Signup__details,
.ManageAccountContainer__profileHeadTitleBorder,
.ManageAccountContainer__profileWrapper,
.TicketFormLeftContainer__part,
.EditProfileContainer__profileContentPanel,
.ChangePasswordContainer__profileContentPanel,
.ManageAccountContainer__profileContentPanel,
.ProfileRightContainer__container,
.ArticleComments__box,
.ModuleItem__moduleItem,
.Message__messageShow,
.search__searchPanel,
.SignupInvitationContainer__changePswLayer,
.Resolution__container,
.TicketClosePopup__content {
  background: var(--background-alt-1);
  box-shadow: none;
}

/* BACKGROUND - ALT 2 */
.DottedMenu__content,
.LoginDetail__content,
.ProfileTabs__tabList:hover,
.ProfileTabs__activeTab,
.SearchBox__content,
.TicketFilterPopup__content,
.UploadPopup__content,
.Attachments__attachment {
  background: var(--background-alt-2);
  box-shadow: none;
}

/* BACKGROUND - ALT 3 */
.commonStyle__popupList:hover {
  background: var(--background-alt-3);
}

/* REMOVE BACKGROUND */
.ArticlesContainer__articleListWidget,
.ConfirmBox__openBox,
.ThreadForm__attacheBtn,
.SearchBox__searchpart,
.ArticleListContainer__boxView,
.Header__containerLi,
.OverlayPopup__popupBox {
  background: none;
}

/* REMOVE BACKGROUND + BORDER */
.CommentForm__postCmd {
  background: none;
  border: none;
}

/* REMOVE SHADOWS */
.ArticlesContainer__articleListWidget,
.KBSubCategoryContainer__boxView,
.DottedMenu__content,
.CommentForm__textAreatext,
.target_moving>div,
.TicketFormLeftContainer__part,
.DropDown__listmenu,
.TicketClosePopup__content {
  box-shadow: none;
}

/* ADD SHADOWS */
.ProfileLeftContainer__uploadText,
.ProfileLeftContainer__uploadText:hover,
.UploadPopup__uploadText,
.UploadPopup__uploadText:hover {
  box-shadow: 0 -1px 10px 0px rgba(0, 0, 0, 0.25);
}

/* REMOVE BORDER */
.target_moving>div,
.CommentForm__textAreatext {
  border: 0;
}

/* BORDER COLOR - #232323 */
.ProfileRightTopBar__profileHeadTitleBorder,
.ProfileRightContainer__container,
.ModuleItem__moduleListItem,
.TitleContainer__header,
.TicketListLeftContainer1__boxView,
.KBSubCategoryContainer__boxView,
.ArticleDetailLeftContainer__box,
.ArticleComments__box,
.ArticleCmd__articleLike,
.ModuleItem__moduleItem,
.ArticlesContainer__articleListWidget,
.TitleContainer__container,
.ModuleCategoryContainer__containerListView,
.Signup__details,
.TicketFormLeftContainer__part,
.DropDown__listmenu,
.TicketDetailLeftContainer__boxView,
.ConversationForm__conversationTarea,
.ManageAccountContainer__profileHeadTitleBorder,
.borderLineTop+.borderLineTop,
.TicketListItem__container,
.search__searchPanel,
.SignupInvitationContainer__changePswLayer,
.ArticleListContainer__boxView,
.TitleContainer__listView,
.Captcha__captcha,
.ForgetPasswordContainer__details {
  border-color: var(--background-alt-2);
}

/* BORDER COLOR - #333333 */
.Attachments__attachment {
  border-color: #333333;
}

/* ADD BORDER RADIUS */
.ArticleDetailLeftContainer__box,
.KBSubCategoryContainer__boxView,
.ArticlesContainer__articleListWidget,
.ModuleCategoryContainer__containerListView,
.search__searchPanel,
.SearchAutosuggest__searchSuggest,
.Input__formInput,
.Captcha__captcha,
.Form__danger input,
.ArticleListContainer__boxView,
.DeleteAccount__layer,
.TicketFormLeftContainer__part,
.TicketDetailLeftContainer__boxView,
.LoginDetail__content,
.DropDown__selectname,
.DateWidget__date,
.DateWidget__dateFocus,
.KB_New_Editor_Highlights,
.description img,
.ForgetPasswordContainer__details,
.Signup__details,
.Signin__details,
.TicketClosePopup__content {
  border-radius: 6px;
}

/* BUTTONS */
.Button__tagPrimary,
.btn,
.Button__basic,
#bannerContainer #new_ticket_button {
  background: var(--button-background-1);
  color: var(--button-text-1);
  text-transform: uppercase;
  font-size: 13px;
  padding: 8px 28px;
  font-weight: 600;
  letter-spacing: .1em;
  border-radius: 6px;
  border: 0;
}

.Button__tagPrimary:hover,
.btn:hover,
.Button__basic:hover,
#new_ticket_button:hover,
.Button__neutral:hover,
#new_ticket_button:hover {
  background: #eeeeee;
  color: #000000;
}

/* CREATE TICKET BUTTON - MOBILE */
@media (max-width: 48rem) {
  .Header__cdstretchynav {
    bottom: 80px;
    right: 15px;
  }
}

@media (max-width: 48rem) {
  .Header__overlayresponav {
    background: #131313;
  }
}

/* HIDE AGENT LOGIN */
.Signin__agentlogin,
.Signup__agentlogin,
.ForgetPasswordContainer__agentlogin {
  display: none !important;
}

/* TILE CONTAINER */
.TitleContainer__headerIcon .Avatar__img {
  filter: invert(1);
}

.TitleContainer__gridView .TitleContainer__content,
.TitleContainer__listView .TitleContainer__content {
  display: none;
}

.TitleContainer__container {
  min-height: initial;
}

/* TABLE STYLES */
.TicketDetailLeftContainer__wrapper table {
  background: #ffffff !important;
  border-radius: 6px;
  border: 0 !important;
}

tr:first-child td:first-child {
  background: none !important;
}

tr:last-child td:first-child {
  background: none !important;
}

tr:last-child td:last-child {
  border-bottom: 0 !important;
}

/* DROPDOWN ARROW */
.Popup__arrowbottom:after,
.Popup__arrowbottomLeft:after,
.Popup__arrowbottomRight:after,
.Popup__arrowtop:after,
.Popup__arrowtopLeft:after,
.Popup__arrowtopRight:after {
  border-color: #232323 transparent;
}

/* DROPDOWN LIST */
.DropDown__normal {
  border-color: #333333;
}

.DropDown__listmenu {
  background: var(--background-alt-2);
}

/* REMOVE CHAT SHADOW */
.zsiq_theme1:hover .zsiq_flt_rel {
  box-shadow: none !important;
}

/* SVG COLORS */
.UploadPopup__uploadText svg,
.AppContainer__backToTop svg,
.ProfileLeftContainer__uploadText svg {
  color: #000000;
}

/* REMOVE SVG */
.ErrorPageNew__container svg {
  display: none;
}

/* DELETE ACCOUNT */
.DeleteAccount__layer {
  background: #2e1717;
  border-color: #422222;
  color: #ff8e8e;
}

.DeleteAccount__description {
  color: #ff8e8e;
}

.DeleteAccount__deleteBtn .Button__basic {
  background: #ff8e8e;
  color: #2e1717;
}

/* POP UP WARNING */
.ConfirmBox__messageHeader {
  background: #2e1717;
  color: #ff8e8e;
}

.ConfirmBox__messageHeader svg {
  color: #ff8e8e;
}


.ConfirmBox__messageContent {
  background: #3d1a1a;
  color: #ff8e8e;
}

/* DANGER BUTTONS */
.Button__danger {
  background: #ff8e8e;
  color: #2e1717;
}

.Button__danger:hover {
  background: #ffa8a8;
}

/* TICKET ATTACHMENT WIDTH OVERFLOW FIX */
.description {
  overflow: hidden;
}

.description td {
  word-break: break-all;
}

/* Resolution Badge */
.Badge__resolution {
  background-color: #1d6e1d;
}

.Header__welcomeDescription {
  max-width: 500px;
}

/* BACK TO TOP */
.AppContainer__arrowShow {
  display: none;
}

.button-container {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.DateWidget__date,
.DateWidget__dateFocus {
  background: #ffffff;
  color: #000000 !important;
  font-size: 13px;
  padding: 0.625rem 2.1875rem 0.625rem 0.625rem;
  line-height: normal;
}

.Badge__implement {
  background-color: #a0f1f8;
  color: black;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 10px;
}