@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;1,400&display=swap');
  
@font-face {
    font-family: Degular;
    font-style: normal;
    font-weight: 600;
    src: url(https://4065660.fs1.hubspotusercontent-na1.net/hubfs/4065660/fonts/DegularDemo-Semibold.woff2) format("woff2"), url(https://4065660.fs1.hubspotusercontent-na1.net/hubfs/4065660/fonts/DegularDemo-Semibold.woff) format("woff");
}

/* TESTING */
@media only screen and (min-width: 769px) {
    .TicketList__ticketListContent {
        width: 60%;
    }
}

.Header__homeContent.Header__homeNavbarFixed .Header__navbar {
    background-color: #633ff2;
}

.Header__homeNavbarFixed .Header__menu:after, .Header__homeNavbarFixed .Header__menu:before {
    background-color: white;
}

.Header__homeNavbarFixed .Header__menu, .Header__homeNavbarFixed .Header__menu:after, .Header__homeNavbarFixed .Header__menu:before {
    background-color: white;
}

.Signin__loginUserIcon {
	background: #633ff2;
}

/* MY PROFILE PAGE (START) */
.ProfileTabs__activeTab {
	color: #633ff2;
   font-weight: bold;
}

.FilterTabs__activeFilter {
    color: #633ff2;
}

.ChangePasswordContainer__layerOne {
    border: 1px solid #d9def7;
    border-radius: 20px;
    background: #fbfcff;
    font-family: "Poppins", sans-serif;
    padding: 0px 30px;
    margin-top: 20px;
}

.ChangePasswordContainer__profileTitle {
	font-size: 32px;
    font-family: 'Degular';
    border-bottom: 1px solid #d9def7;
  	padding-bottom: 0px !important;
}

.Icon__veryLarge1 {
	display: none; 
}

.EditProfileContainer__profileWrapper {
    padding: 0 1.5625rem;
    /* background: red; */
    border: 1px solid #d9def7;
    border-radius: 20px;
    background: #fbfcff;
    font-family: "Poppins", sans-serif;
    padding: 0px 30px;
    margin-left: 25px;
    margin-top: 20px;
}

.EditProfileContainer__profileTitle {
    padding-bottom: 1.875rem;
    font-size: 32px;
    font-family: 'Degular';
    border-bottom: 1px solid #d9def7;
    padding-bottom: 0px !important;
}
/* MY PROFILE PAGE (END) */

/* SIGN UP/SIGN IN PAGE (START) */
.UserContainer__innerContainer1 {
	border: 1px solid #d9def7;
    border-radius: 20px;
    background: #fbfcff;
    font-family: "Poppins",sans-serif;
}

.Signin__loginTitle {
    font-size: 32px;
    /* font-weight: 600; */
    font-family: 'Degular';
    border-bottom: 1px solid #d9def7;
}

.Signin__loginSubTitle {
    font-size: 16px;
    color: black;
}

.primary {
	background: red !important; 
}

.inputBox {
	border: 1px solid #d9def7 !important; 
}

.Signin__loginUserIcon {
    background: white;
    border-radius: 10px;
    border: 1px solid #633FF2;
}

.signin_box {
    background: #fbfcff !important;
}

.Signin__loginHalf {
    border-radius: 10px;
    background: #fbfcff;
    padding: 20px;
    border: 1px solid #d9def7;
    margin-bottom: 20px;
}

.Signin__loginUserDoc {
	font-family: "Poppins",sans-serif;
}

.Button__secondary {
	background: #fff4f2;
  	color: #e36a56 !important;
  	font-family: "Poppins", sans-serif;
    font-weight: normal !important;
    border: 1px solid #fff4f2;
    border-radius: 10px;
    padding: 11.2px 16px;
    transition: all .15s ease;
}

.Button__secondary:hover {
	background: #ffe1dc;
  	color: #ac4421 !important;
  	font-family: "Poppins", sans-serif;
    font-weight: normal !important;
    border: 1px solid #ffe1dc;
    border-radius: 10px;
    padding: 11.2px 16px;
    transition: all .15s ease;
} 
/* SIGN UP/SIGN IN PAGE (END) */

/* FORGOT PASSWORD PAGE (START) */
.ForgetPasswordContainer__loginTitle {
    font-size: 32px;
    font-family: 'Degular';
    border-bottom: 1px solid #d9def7;
    padding-bottom: 15px;
}

.ForgetPasswordContainer__loginSubTitle {
	font-size: 16px;
    color: black;
}
/* FORGOT PASSWORD PAGE (END) */


/* HOMEPAGE (START) */

/* Navbar Colour For Smaller Screen */
@media only screen and (max-width: 1024px) {
	#navBarContainer{
		background: #633ff2;
	}
}

@media only screen and (min-width: 1024px) {
    .Header__homeContent .Header__navbar, .Header__defaultContent .Header__navbar {
        background-color: none;
    }
}
  
/* Menu Tab Primary Colour */
.Header__tabs__link {
	color: white !important;
  	font-family: "Poppins",sans-serif;
  	font-weight: normal !important;
  	transition: all .3s ease;
}

/* Menu Tab Hover Colour */
.Header__menuTab a:hover {
    color: #d3ff21 !important;
}

.Header__tabsTab.Header__active::after {
	color: red ;
}

.LoginDetail__signup a {
 	padding: 10px 15px;
  	color: white !important;
  	font-family: "Poppins",sans-serif;
  	font-weight: normal !important;
  	border: 1px solid white;
  	border-radius: 5px;
  	transition: all .15s ease;
}

.LoginDetail__signup a:hover {
  	background: black;
  	border: 1px solid black;
}

.signinLink {
  	padding: 10px 15px;
  	background: #d3ff21;
  	color: black !important;
  	font-family: "Poppins",sans-serif;
  	font-weight: normal !important;
  	border: 1px solid #d3ff21;
  	border-radius: 5px;
  	transition: all .15s ease;
}

.signinLink:hover {
	background: black;
  	border: 1px solid black;
}

.LoginDetail__signin::after {
	display: none; 
}

/* User Avatar Icon (Once Signed In) */
.AvatarText__avatarText {
    font-family: "Poppins",sans-serif;
    font-weight: bold;
    color: black;
  	background: #d3ff21;
  	border: none;
}

/* Profile Options (Once Avatar Icon Clicked */
.LoginDetail__content {
	border-radius: 10px;
  	padding: 10px;
}

.LoginDetail__userNameBold {
	font-family: "Degular",sans-serif;
}

.LoginDetail__userMail {
	 font-family: "Poppins",sans-serif;
}

.LoginDetail__profileBtn {
	border-radius: 10px;
  	background: #633ff2 !important;
  	border: 5px solid #f2f4ff !important;
  	transition: all .15s ease;
}

.LoginDetail__profileBtn:hover {
	background: #3e279c !important;
}

.LoginDetail__profileLink {
    color: white !important;
}

.LoginDetail__profileLogout {
	background: #633ff2;
  	border-radius: 10px;
  	border: 5px solid #f2f4ff !important;
  	transition: all .15s ease;
}

.LoginDetail__profileLogout:hover {
	background: #3e279c;
}

.LoginDetail__logoutLink {
	color: white !important;
}

.commonStyle__disFlexRow {
	background: #f2f4ff;
    padding: 10px;
  	border-radius: 10px;
}

/* Accessibility Button */
.CustomizeContainer__customizeContent {
    font-family: Poppins;
    background: linear-gradient(#E8ECFF, #CABDFF);
    border: none;
}

.CustomizeContainer__label {
	color: black; 
}

.Switch__switchOff, .Switch__switchOn {
	background: #633ff2;
}

.Switch__switchToggle {
 	background: #d9def7; 
}

.Switch__toggleOn {
	box-shadow: inset 0 0 0 10px #d3ff21;
}

/* Title */
#headerContent h1 {
  	font-family: "Degular",sans-serif;
	color: white !important;
  	font-size: 70px !important;
}

#headerContent p {
  	font-family: "Poppins",sans-serif;
	color: white !important;
  	font-weight: normal;
}

/* Search Article Placeholder Text */
.Header__homeContent .Header__globalSearch input[role="search"] {
	font-family: "Poppins",sans-serif;
}

/* Search Box Dropdown Filter */
.SearchContainer__searchListOpen .SearchContainer__searchFilter {
    font-family: "Poppins",sans-serif;
    border-radius: 5px;
    background: white;
    border: 1px solid #633ff2;
}

/* Search Article Icon */
.commonStyle__zt3BrandBg {
    background-color: white;
    border: 1px solid white;
}

.AppContainer__arrowShow {
    border: 1px solid #633ff2;
}

/* Buttons */
.buttonName {
	font-family: "Degular",sans-serif;
  	font-size: 25px;
}

.buttonText {
 	color: black !important;
  	font-family: "Poppins",sans-serif;
  	font-weight: normal;
}

.buttonStyle{
	background: linear-gradient(#f1f2ff, #e1daff);
  	border-radius:20px;
  	padding: 20px;
  	text-align: center;
  	margin:0px;
  	transition: all .15s ease;
}

.buttonStyle:hover {
	background: linear-gradient(#e6e9ff, #cbbfff); 
}

/* Button Link Colour*/
portal a {
	color: black !important;
  	text-decoration: none;
 	font-family: "Poppins",sans-serif;
}

/* Our Community Section*/
.discussionsHeader{
	font-family: "Degular",sans-serif;
  	padding-top:20px;
}  
  
.discussionsStyling{
	background: #d9def7;
  	padding: 5px 10px;
  	color: black;
  	font-family: "Poppins",sans-serif;
  	font-weight: bold;
  	border-radius: 10px;
  	font-size: 20px;
}

.discussionsSubHeading{
	font-family: "Degular",sans-serif;
  	color: black !important;
  	margin-bottom: 20px;
  	font-size: 32px;
}

.discussionsBodyStyling{
 	font-family: "Poppins",sans-serif;
  	color: black !important;
  	margin-bottom: 30px;
  	font-size: 20px;
  	font-weight: normal;
}

.viewForumsButton a {
	background: white;
  	padding: 10px 25px;
  	color: #633ff2;
  	font-family: "Poppins",sans-serif;
  	font-weight: bold;
  	border: 1px solid #633ff2;
  	border-radius: 5px; 
  	transition: all .15s ease;
}

.viewForumsButton a:hover {
	background: #633ff2;
  	color: white !important;
}

.imgStyle {
	padding-left: 0 !important;
  	padding-right: 0 !important;
}

/* Grey Dot */
.community-update:after{
	display: none !important; 
}

/* Footer */
.Footer__footerBg {
  	background-image: url("https://cdn.groupgti.com/targetconnect/CS+and+Support/Footer+Banner.png");
}

.Footer__footerQus {
    font-family: "Degular",sans-serif;
    font-weight: bold;
  	text-align: left;
  	font-size: 32px;
}

.Footer__footerDescription {
	font-family: "Poppins",sans-serif;
  	text-align: left;
  	padding-left: 5px;
}

.Footer__container2, a {
	text-align: left !important;
  	color: white !important;
  	font-family: "Poppins",sans-serif;
}

.privacyPolicy a {
	font-family: "Poppins",sans-serif;
  	font-weight: normal !important;
  	color: white !important;
}

.gtiLogo {
	width: 30px;
  	float: right;
}

/* HOMEPAGE (END) */


/* KNOWLEDGE BASE PAGE (START) */

/* Banner Image */
.KBHeaderImage {
  position: relative;
}

.KBHeaderText {
  color: white;
  text-align: left;
  font-family: "Degular",sans-serif;
  font-size: 30px;
  position: absolute;
  top: 8%;
  left: 8%;
}

.KBGrid {
	margin-bottom: 60px; 
}

.KbSubCategoryContainer__subCategoryListContainer {
	background: white;  
}

.KbSubCategoryContainer__contentList {
	background: #f2f4ff !important;
  	margin-bottom: 40px !important;
}

.ListHeader__linkText {
    text-transform: capitalize;
    font-size: 20px;
}

.ListHeader__description {
    color: #5c6670;
    font-size: 18px;
    border-bottom: 1px solid #5c6670;
}

.ContentList__topicList {
    font-size: 16px;
}

.ContentList__listLink {
	font-family: "Poppins" !important; 
}
/* KNOWLEDGE BASE PAGE (END) */


/* KNOWLEDGE BASE ARTICLE PAGE (START) */
.Readingprogress__progressBar {
	background: linear-gradient(90deg,#633ff2 16%,#9882f0 75.89%,#cdc4f2 99.8%);
}

.commonStyle__detailHeader {
	font-family: "Degular",sans-serif;
}

.KbDetailLtContainer__articelDetail {
    white-space: normal;
    font-family: "Poppins" !important;
}

.TOCContainer__tocHeading {
    text-transform: uppercase;
    font-weight: normal;
  	font-family: "Poppins" !important;
}

.Link__active {
	color: #633ff2 !important;
  	font-family: "Poppins" !important;
}

.ContentList__activeLink {
	color: #633ff2 !important;
  	font-family: "Poppins" !important;
}

.KbDetailRtContainer__followerCount>span {
	font-weight: bold; 
}
/* KNOWLEDGE BASE ARTICLE PAGE (END) */


/* ASK COMMUNITY PAGE (START) */
.AskCommunityHeaderText {
    color: white;
    text-align: left;
    font-family: "Degular", sans-serif;
    font-size: 24px;
    position: absolute;
    top: -8%;
    left: 8%;
}

.AskCommunityBodyText {
	font-size: 16px;
  	font-family: "Poppins" !important;
}

.CommunityListItem__replyCount {
    color: #633ff2 !important;
}

.CommunityListItem__modifierName {
	color: #633ff2 !important;
}

#parentContainer {
	display: table;
    padding: 0px 30px;
    border-radius: 10px;
    background: #f2f4ff;
  	margin-top: 30px;
}

.ThreadedComment__userNameType2 {
    color: #633ff2 !important;
}

.ThreadedComment__commentContent {
	background: white;
    padding: 20px;
    border-radius: 10px;
}

.TopicCommentContainer__replyContent {
	font-family: "Degular", sans-serif;
}

.TopicListLeftContainer__panelFilter {
	display: table-row-group;
}

.TopicListLeftContainer__widget {
	display: table-header-group; 
}

.TopicListRightContainer__fLeft {
	display: none; 
}

.TopicListRightContainer__deskHeading {
	display: none; 
}

.TopicListRightContainer__categoryDescription {
	display: none; 
}

.TopicListRightContainer__topicCount>span, .TopicListRightContainer__followerCount>span {
	font-weight: bold;
}

.Button__primaryBorder, .Button__warningBorder {
    padding: 10px 10px;
    border-radius: 10px;
}

.FilterPanel__filterList {
	border: 1px solid;
  	border-radius: 20px;
  	margin: 8px;
}

.FilterPanel__filterDrop {
	border: none;
}

.CommunityListItem__replyResult {
 	padding: 10px; 
}

.AvatarText__avatarText {
	border-radius: 50px;
}

.TopicDetailLeftContainer__creatorName {
    color: #633ff2 !important;
    font-weight: normal !important;
}

.TopicDetailRightContainer__viewCount>span {
    font-weight: bold;
}

.TopicDetailLeftContainer__articleTitle {
    border-bottom: none;
    padding: 30px;
    border-radius: 10px 10px 0px 0px;
  	margin: 0px;
  	background: #f2f4ff;
}

#etTcContner {
	border-top: none;
    padding: 30px;
    border-radius: 0px 0px 10px 10px;
  	background: #f2f4ff;
}

.ArticleCmd__likeArticle {
    background-color: #f2f4ff;
    border-radius: 10px;
    border: none;
}

.CommentForm__difTitle, .CommentForm__titleBlock {
	border: none;
  	background-color: #f2f4ff;
    border-radius: 10px;
  	margin-bottom: 10px;
}

.TopicDetailLeftContainer__articleContent {
    background: white;
    padding: 20px;
    border-radius: 10px;
}

.TopicDetailRightContainer__commentCount>span, .TopicDetailRightContainer__followerCount>span {
    font-weight: bold;
}

.ArticleCmd__userCount {
	font-weight: bold;
}

.TopicDetailLeftContainer__voteBox {
	box-shadow: none;
  	border-radius: 10px;
}

.TopicDetailLeftContainer__voteCount {
	font-weight: bold; 
}

.TopicCommentContainer__showmore {
    color: #633ff2;
    font-weight: bold;
}

/* User Popup Stats */
.UserStatistics__userName {
	font-family: 'Degular';
}

.UserStatistics__userPopupNum {
    color: #633ff2;
  	font-weight: bold;
}

/* Topic Badges */
.Badge__inprogress {
    border: none;
    color: black;
    padding: 5px 10px;
    background: #c7ecdf;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 12px;
}

.Badge__announcement {
    color: #e36a56;
    background: white;
    padding: 2px 6px;
    border: 1px solid #e36a56;
    border-radius: 10px;
  	text-transform: uppercase;
    font-size: 12px;
}

.Badge__discussion {
    color: black;
    background: white;
    padding: 4px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 12px;
  	background: #e0d9ff;
}

.Badge__question {
    color: black;
    padding: 4px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 12px;
  	background: #eacbec;
}

.Badge__idea {
    color: black;
    padding: 4px 8px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 12px;
  	background: #ffd4ca;
}
/* ASK COMMUNITY PAGE (END) */

/* ADD TOPIC PAGE (START) */
#topicform_fields_container {
	border: 1px solid #d9def7;
    border-radius: 20px;
    background: #fbfcff;
    font-family: "Poppins", sans-serif;
    padding: 30px;
}

.TopicForm__formTitle {
	font-family: 'Degular';
    border-bottom: 1px solid #d9def7;
}
/* ADD TOPIC PAGE (END) */

/* SEARCH BAR/BREADCRUMBS - START */
.commonStyle__zt3breadCrumbBg {
    background: #f2f4ff;
    font-family: "Poppins",sans-serif;
}

.commonStyle__zt3breadCrumbText {
    font-family: "Poppins",sans-serif;
  	font-weight: normal !important;
}

.BreadCrumbs__breadCrumbsLastLink {
	color: #633ff2 !important;
  	font-weight: bold !important;
}

.BreadCrumbs__breadcrumbsView ul li:last-child {
    color: #633ff2 !important;
    font-weight: bold !important;
}

.BreadCrumbs__breadcrumbsView ul li+li:before {
    content: "\003E\A0\A0";
    color: black;
    font-weight: normal;
}

.Input__searchBox {
	border-radius: 50px;  
}

.Icon__brand {
    color: #633ff2;
}
/* SEARCH BAR/BREADCRUMBS - END */

/* SUPPORT PAGE - START */
.supportHeadingText {
	margin-bottom: 15px; 
}

.supportSubText {
	font-size: 22px;
  	margin-top: 0 !important
}

.supportHeader {
  	font-family: "Degular", sans-serif;
    padding-top: 0px;
 	padding-bottom: 0px;
  	font-size: 44pt !important;
}

@media only screen and (min-width: 769px) {
    .TicketList__pagination {
        padding: 0px;
    }
}

.TicketList__pagination {
    padding: 0px;
    margin-bottom: 0px;
}

/* Known Issues Section */
.knownIssuesBackground {
    background: #f2f4ff;
    border-radius: 20px;
    padding: 10px 20px 50px;
    text-align: center;
    margin: 0px;
    transition: all .15s ease;
}

.knownIssuesHeading {
    font-family: "Degular", sans-serif;
    font-size: 25px;
  	color: black;
}

.knownIssuesText {
    color: black !important;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
}

.ViewKnownIssuesButton a {
    background: white;
    padding: 10px 25px;
    color: #633ff2;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    border: 1px solid #633ff2;
    border-radius: 5px;
    transition: all .15s ease;
}

.ViewKnownIssuesButton a:hover {
    background: #633ff2;
    color: white !important;
}

.submitTicketIcons{
	background: #fff4f2;
  	border-radius:20px;
  	padding: 20px;
  	text-align: center;
  	margin:0px;
  	transition: all .15s ease;
}

.submitTicketIcons:hover {
	background: #ffe1dc; 
}

.TicketFilterPopup__wrapper {	
	background: white;
  	color: black;
  	border: 1px solid black;
    padding: 5px 10px;
    border-radius: 20px;
}

.TicketFilterPopup__content {
	border: 1px solid black;
  	background: white;
    padding: 10px;
    border-radius: 20px;
}

.TicketFilterPopup__statusClear {
	color: #633ff2 !important;
    font-weight: bold;
}

.TicketList__filterPanel {
    border-bottom: 1px solid #d9def7;
}

.TicketListItem__listItem {
    padding: .625rem 0;
    background: #f2f4ff;
    padding: 20px;
    border-radius: 20px;
    margin: 15px 0px;
}

.TicketListItem__ticketCardTitle {
    font-family: "Degular", sans-serif;
}

.Icon__red1 {
    color: #633ff2;
    margin-right: 5px;
}

.List__listItem {
    font-family: "Poppins", sans-serif;
}

.TicketListItem__ticketStatus, closed {
    font-size: 10px;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    background: #c7ecdf;
    padding: 5px 10px;
    border-radius: 10px;
}

.InfoContainer__closed {
    color: #167e59;
  	font-weight: bold;
}

.commonStyle__zt3buttonPrimaryBg {
    background-color: #633ff2;
    border-radius: 10px;
    padding: 11.2px 16px;
    text-transform: capitalize;
  	transition: all .15s ease;
}

.commonStyle__zt3buttonPrimaryBg:hover {
	background: #d3ff21;
  	color: black;
}

.commonStyle__zt3buttonPrimaryText {
    font-family: "Poppins", sans-serif;
}

.Icon__greyShade70 {
    color: #633ff2;
}

.ListHeader__header1 {
    font-family: 'Degular';
}

.TicketList__cv_viewsCont .TicketList__accountCont {
    max-height: 43.75rem;
    background: #f2f4ff;
    border-radius: 10px;
    padding: 10px;
}

.TicketList__departmentlist, .TicketList__accountList {
    padding: .5rem 0 .5rem .3rem;
    font-size: 0;
    background: #d9def7;
    margin: 5px 0px;
    border-radius: 10px;
}

.TicketList__accountList a:hover {
	color: #633ff2 !important;
}

.TicketList__deptName, .TicketList__accountName {
    font-family: "Poppins", sans-serif;
    font-weight: normal !important;
    font-size: 14px;
}

/* SUPPORT PAGE - END */

/* SUBMIT TICKET SELECTION PAGE - START*/
.LayoutListContainer__rightTitlePart {
	display: none; 
}

.DepartmentList__listContent {
    background: white;
    border-radius: 20px;
}

.DepartmentList__deptListItem {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    transition: none;
}

.DepartmentList__deptListItem:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.DepartmentList__description {
    text-align: center;
}
/* SUBMIT TICKET SELECTION PAGE - END*/


/* TICKET DETAILS PAGE - START */
.ListHeader__listHeader1 {
    border-bottom: none;
    background: #d9def7;
}

.TicketDetailRightContainer__widgetSection {
    font-family: "Poppins", sans-serif;
    background: #f2f4ff;
    padding: 10px;
    border-radius: 10px;
}

.TicketDetailRightContainer__responseOverDue {
    color: #633ff2;
    font-weight: bold;
}

.InfoContainer__overDue {
    color: #633ff2;
    font-weight: bold;
}

@media only screen and (min-width: 48em) {
    .TicketDetailLeftContainer__ticketDetailLeftContainer {
        padding: 0 0 4.375rem;
        background: #f2f4ff;
        padding: 30px;
        font-family: "Poppins", sans-serif;
        border-radius: 20px;
    }
}

.TicketDetailLeftContainer__detailHeader {
    font-family: 'Degular';
}

.Post__userName {
    color: #633ff2;
    font-size: 13px;
}

.ConversationForm__list {
    font-size: var(--size-base9);
    transition: color .15s ease;
    background: white;
    margin-left: 15px;
    padding: 10px 15px;
  	border: 1px solid #633ff2;
    border-radius: 10px;
    color: black !important;
  	transition: all .15s ease;
}

.ConversationForm__list:hover {
 	background: #E8E8E8;
}

.DottedMenuPopup__content {
    background: white;
    border: 1px solid black;
    background: white;
    padding: 10px;
    border-radius: 20px;
}

.commonStyle__popupList {
    padding: .625rem;
    transition: all .3s ease;
    background: #f2f4ff;
    padding: 10px;
    border-radius: 10px;
}

.ThreadContainer__articleContent {
    padding: 1rem 0;
    background: white;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 10px;
}

.Pagination__paginationUl {
    display: none;
}

.ThreadForm__draftTime {
    color: #633ff2;
}

.commonStyle__zt3BrandBorder {
	background: white;
    border: 1px solid #633ff2;
}

.TextArea__textarea {
    border-radius: 10px;
    font-family: "Poppins", sans-serif;
}

.Input__tagInput {
    border-radius: 10px;
    padding-left: 10px;
}

.KB_Editor {
    background-color: #fff;
    /* border: 1px solid #e5e8ea; */
    border-radius: 10px;
}

.Icon__icon {
  fill: #633ff2;
}
/* TICKET DETAILS PAGE - END */


/* SUBMIT A TICKET PAGE - START */
#ticketform_fields_container {
	border: 1px solid #d9def7;
    border-radius: 20px;
    background: #fbfcff;
    font-family: "Poppins", sans-serif;
    padding: 30px;
}

.TicketFormLeftContainer__formTitle {
    font-weight: 600;
    font-size: 32px;
    font-family: 'Degular';
    border-bottom: 1px solid #d9def7;
}

.Input__tagInput {
    border-radius: 0;
    padding-left: 10px;
    border: 1px solid #e5e8ea;
  	border-radius: 10px !important;
}

.Input__formInput {
	border-radius: 10px;  
}

.DropDown__selectedText {
	border: 1px solid #e5e8ea;
  	border-radius: 10px;
}

.DropDown__selectname {
	border-radius: 10px; 
}

.DropDown__dropdown {
	border-radius: 10px; 
}

.DropDown__listview {
	border-radius: 10px; 
}

.TicketFormLeftContainer__sectionName {
	color: black; 
}

.ListHeader__listHeader1 {
    background: #f2f4ff;
}
/* SUBMIT A TICKET PAGE - END */

.known-issues{
	background: #F7F7F7;
  /*SD added for Known Issues widget*/
}


.book-meeting{
	height: 1600px !important;
}

.html{
  font-family: 'Poppins', sans-serif !important;
}

.Header__name{
	font-weight:400;
}

.Header__description{
	font-weight: 600;
  font-size: 110%;
}

.Header__homeContent .Header__searchSection {
    padding: 6.250rem 0 3rem 0;
    display: block;
}

.Header__logo img{
  height: auto !important;
  max-height: none;
  max-width: none;
  min-height: none;
}

.recentTopics{
	background: #FFF;
  padding: 40px 30px 20px 30px;
  display: inline-block;
  /*width: auto !important;*/
  box-sizing: border-box;
  margin: 30px 0 0 0;
  border-top: solid 2px #ededed;
}

@media screen and (min-width: 789px){
  .home .recentTopics .TopicListWidget__topicList{
  	display: inline-block;
    width: 50%;
  }
}

.KbSubCategoryContainer__contentList:nth-child(3n-3) {
    margin-right: 20px;
}

.KbSubCategoryContainer__contentList{
background: #FFF;
  border-radius: 20px;
  padding: 20px 30px;
  display: inline-block;
  box-sizing: border-box;
  width: 47% !important;
  margin-right: 20px;
  margin-bottom: 30px;
}

@media screen and (max-width: 999px){
	.KbSubCategoryContainer__contentList{
		width: 100%;
     	margin-right: 0;
	}
}

.ListHeader__header2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 110%;
}

.Header__name{
	font-size: 16px;
}

.Header__menuTab a{
	font-size: 14px;
  color: #1d1d1d;
}

.Header__menuTab li{
	margin: 0 8px !important;
	/* SD */
}

h1{
	font-weight: 700 !important;
  color: #0e1a35 !important;
  line-height: 1.3 !important;
}

.home h1{
  font-size: 44pt !important;
}

h3{
	font-weight: 600 !important;
}

p{
	font-weight: 400;
}

a{
 	font-weight: 600 !important;
}

#headerContainer{
	position: relative;
  z-index: 10;
}

#headerContainer h1{
	width: 950px;
  max-width: 100%;
	margin: 50px auto 0 auto;
}

/* HEADER ILLUSTRATION / :BG */
/*SD REMOVE CIRCLES
.home #headerContainer:before{
	content: ' ';
  	position: absolute;
  	height: 135%;
  	width: 100%;
  	top: 0;
  	left: 0;
  	background: url('https://targetconnect.net/sites/targetconnect.net/files/public/header-circles-bo.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 100px;
	z-index: -10;
  opacity: 0.6;
}
REMOVE CIRCLES END*/

.Layout__oneColumn, .Layout__twoColumn, .Layout__twoColumn2, .Layout__twoColumnReverse{
	background: #FFF;
}

.ContentBox__boxThree{
  padding: 0 15px;
  box-sizing: border-box; 
}


.ContentBox__boxInnerHome{
background: #FFF;
  border-radius: 8px;
  padding: 20px 10px 10px 10px;
}
	

.WidgetContainer__contentList+.WidgetContainer__contentList{
	margin-top: 0;
}

.SearchContainer__downArrow{
	border-top-color: #1d1d1d;
}

/*.commonStyle__zt3BrandBg{
    background-color: #005f73;
}*/

.commonStyle__zt3Brand{
	color: #633ff2;
}

.Button__footerBtn {
    background: #633ff2;
  	border-radius: 10px;
  	font-family: "Poppins",sans-serif;
  	transition: all .15s ease;
}

.Button__footerBtn:hover{
	background: #d3ff21;
  	color: black;
}

#searchContainer1{
    -webkit-box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.46);
box-shadow: 0px 0px 29px -10px rgba(0,0,0,0.46);
  margin-top: 40px;
}

.bg-white{
background: #FFF;
}

.bg-azure{
  background: #0076DE;
}

.bg-coral{
  background: #F65264;
}

.padding{
	padding: 20px 10px;
}

.no-padding{
	padding: 0 !important;
}

.overflow-hidden{
	overflow: hidden;
}

.border-radius{
	border-radius: 10px;
}

.border-radius-tl-bl{
	border-radius: 10px 0 0 10px;
height: 240px;
}

.border-radius-tl-tr{
	border-radius: 10px 10px 0 0;
}

.margin-top{
	margin-top: 50px;
}

.margin-top-small{
	margin-top: 20px;
}

.cta-small{
padding: 10px 15px 10px 15px;
  background: #f7f7f7;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 9pt;
  color: #1d1d1d;
  border-bottom: dotted 2px #005f73;
  cursor: pointer;
  transform: scale(1);
  transition: all 0.4s ease;
}

.cta-small.azure{
	border-color: #0076DE;
}

.cta-small.coral{
  border-color: #F65264;
}

.cta-small:hover{
	background: #c5c5c5;

}

h2.uppercase{
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 130%;
    margin-top: 100px;
    text-align: center;
}

.text-center{
	text-align: center !important;
}

.shadow-1{
-webkit-box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.32);
box-shadow: 0px 0px 22px -10px rgba(0,0,0,0.32);
}

.stock-modules{
  position: relative;
}

.stock-modules:after{
	content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #1d1d1d;
  opacity: 0.1;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}

.stock-modules img{
	width: 80px;
}


.stock-modules a{
	color: #1d1d1d;
  border-bottom: dotted 2px #005f73;
  padding-bottom: 3px;
}

.stock-modules p{
	font-weight: 500;
}

.stock-modules img.info-icon{
	width: 60px;
}

.stock-modules .max-height{
	min-height: 70px;
}

.community{
  position: relative;
}

.community:after{
	content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #0076DE;
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}

.CommunityListItem__listItem{
	background: #FFF;
 	border-radius: 10px;
 	margin: 10px 0;
  	padding: 20px;
}


/*___ 2.0 CSS  ___*/
.section-header{
	text-transform: uppercase;
  font-size: 110% !important;
  color: #0076DE !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
  letter-spacing: 3px;
  margin-bottom: 0 !important;
}

.section-title{
	font-size: 160%;
  color: #1D1D1D;
  margin: 8px 0;
}

.section-links{
	margin-top: 30px;
}

.section-link{
	color: #005f73;
  	border-bottom: dotted 1px #005f73;
  position: relative;
  display: block;
  padding: 10px 0px 13px 0;
  margin: 10px 0;
  transition: all 0.3s ease;
  cursor: pointer;
}

.section-link:after{
	content:'';
  background: url('https://targetconnect.net/sites/targetconnect.net/files/public/chevron-right.png');
	width: 7px;
  height: 15px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 13px;
  transition: all 0.3s ease;
}

.section-link:hover{
	color: #348C64;
}

.section-link:hover:after{
	  right: 0px;
}

.padding-large{
	padding: 30px !important;
}

.padding-small{
	padding: 5px 15px 15px 15px;
}

.community-update,
.knowledge-base-update{
	margin: 80px 0;
  position: relative;
}

.community-update br{
	display: none;
}

.community-update:after{
	content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #1d1d1d;
  position: absolute;
  bottom: -95px;
  opacity: 0.1;
  left: 50%;
  transform: translateX(-50%);
}

/* Added by ML 23-08-2023 due to Ticket #526514 */
/*.TicketList__cv_filterViews{
  display: block; 
}*/


.ticketList .section-title{
	font-size: 30pt;
}

.ticketList #layoutContainer .Layout__layout1{
	margin: 0 auto;
}

.ticketList #layoutContainer .Layout__layout2 {
    display: block;
    float: right !important;
    position: absolute;
    padding-bottom: 10%;
    left: 68%;
    top: 57.7%;
}

.ticketList #layoutContainer .Layout__layout1 > div{
	display: flex;
  	flex-direction: column;
  margin-bottom: 400px;
}

.ticketList #layoutContainer .Layout__layout1 > div .TicketList__filterPanel{
	order: 2;
}

.ticketList #layoutContainer .Layout__layout1 > div .NoContent__noContent,
.ticketList #layoutContainer .Layout__layout1 > div .TicketList__ticketListContent{
	order: 3;
}

.ticketList #layoutContainer .Layout__layout1 > div .WidgetContainer__list{
	order: 1;
}

.ticketList .stock-modules{
	margin-top: 30px;
}

.abstract{
  	font-weight: 500 !important;
    font-size: 110% !important;
}

.ticketList .stock-modules img{
	width: 55px;
}

.ticketList .stock-modules .training img{
	width:60px;
}

.ticketList .stock-modules h3{
	margin: 0 !important;
}

.cta-large{
	background: #005f73;
  color: #FFF;
  border-radius: 100px;
      padding: 0.7rem 1rem;
    transform: scale(1);
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px 0px 29px -10px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 29px -10px rgba(0,0,0,0);
    box-shadow: 0px 0px 29px -10px rgba(0,0,0,0);
  transition: all 0.4s ease;
  transform: scale(1);
      margin: 25px auto !important;
    display: inline-block;
}

.cta-large:hover{
 background: #585858;
}

/*ORIGINAL KB CSS - Start*/
.kb-landing .main{
	margin-top: 50px;
}

.kb-section{
	display: inline-block;
    vertical-align: top;
    width: 33.33%;
  position: relative;
  transform: scale(1);
  transition: all 0.3s ease;
	cursor: pointer;
}

.kb-section:hover{
	transform: scale(1.03);
}

.kb-section img{
	width: 60px;
}


.kb-section a.full-grid-link{
	opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
 z-index: 100;
}


.kb-section .bg-white{
	position: relative;
}

.kb-section .bg-white:after{
	content: ' ';
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  border: solid 2px rgba(95, 217, 249, 0);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.kb-section:hover .bg-white:after{
	  border: solid 2px rgba(95, 217, 249, 1);
}

.kb-section p{
	color: #1d1d1d !important;
	font-weight: 400 !important;
}

.kb-section p.hidden{
	margin: 0;
  	height: 0;
}

/*ORIGINAL KB CSS - End*/

/*SD KB CSS for ticket page- Start*/
.kb-landing-SUPPORT .main{
	margin-top: 50px;
}

.kb-section-SUPPORT{
	display: inline-block;
    vertical-align: top;
    width: 33.33%;
	position: relative;
	transform: scale(1);
	transition: all 0.3s ease;
}


.kb-section-SUPPORT:hover{
	transform: scale(1.03);
}


.kb-section-SUPPORT img{
	width: 60px;
}

/*
.kb-section a.full-grid-link{
	opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
 z-index: 100;
}
*/


.kb-section-SUPPORT .bg-white{
	position: relative;
}


.kb-section-SUPPORT .bg-white:after{
	transition: all 0.3s ease;
	border: solid 2px rgba(95, 217, 249, 0);
	/*
	content: ' '; 
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	*/
}


.kb-section-SUPPORT:hover .bg-white:after{
	  border: solid 2px rgba(95, 217, 249, 1);
}

.kb-section-SUPPORT p{
	color: #1d1d1d !important;
	font-weight: 400 !important;
}

.kb-section-SUPPORT p.hidden{
	margin: 0;
  	height: 0;
}

/*SD KB CSS for ticket page- End*/

/*SD CSS for KNOWN ISSUES- Start*/
.kb-landing-ISSUES .main{
	margin-top: 5px;
}

.kb-section-ISSUES{
	display: inline-block;
    vertical-align: top;
    width: 100%;
	position: relative;
	transform: scale(1);
	transition: all 0.3s ease;
}


.kb-section-ISSUES:hover{
	transform: scale(1.03);
}


.kb-section-ISSUES img{
	width: 60px;
}

/*
.kb-section a.full-grid-link{
	opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
 z-index: 100;
}
*/


.kb-section-ISSUES .bg-white{
	position: relative;
}


.kb-section-ISSUES .bg-white:after{
	transition: all 0.3s ease;
	border: solid 2px rgba(95, 217, 249, 0);
	/*
	content: ' '; 
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	*/
}


.kb-section-ISSUES:hover .bg-white:after{
	  border: solid 2px rgba(95, 217, 249, 1);
}

.kb-section-ISSUES p{
	color: #1d1d1d !important;
	font-weight: 400 !important;
}

.kb-section-ISSUES p.hidden{
	margin: 0;
  	height: 0;
}

/*SD KB CSS for KNOWN ISSUES- End*/

/*SD CSS for NEED ASSISTANCE- Start*/
.kb-landing-NA .main{
	margin-top: 5px;
}

.kb-section-NA{
	display: inline-block;
    vertical-align: top;
    width: 100%;
	position: relative;
	/*
	transform: scale(1);
	transition: all 0.3s ease;
	*/
}

/*
.kb-section-NA:hover{
	transform: scale(1.03);
}
*/

.kb-section-NA .bg-white{
	position: relative;
}

/*
.kb-section-NA .bg-white:after{
	transition: all 0.3s ease;
	border: solid 2px rgba(95, 217, 249, 0);
	
	content: ' '; 
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	
}
*/

.kb-section-NA:hover .bg-white:after{
	  border: solid 2px rgba(95, 217, 249, 1);
}

.kb-section-NA p{
	color: #1d1d1d !important;
	font-weight: 400 !important;
}

.kb-section-NA p.hidden{
	margin: 0;
  	height: 0;
}

/*SD KB CSS for NEED ASSISTANCE- End*/


.section-title-large{
	font-size: 220%;
  margin: 8px 0;
}

.vc-wrap{
	display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
  height: 175px;
}

.vc-wrap-SUPPORT{
	display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
  height: 110px;
}

.ticketList .Layout__layout1{
  width: 100%;
}

.ticketList .TicketList__filterPanel.commonStyle__flex.commonStyle__flexWrap,
.ticketList .NoContent__noContent.commonStyle__tAlignCenter{
	width: 60%;
  	margin: 0;
}


@media screen and (max-width: 1050px){
 	.home h1{
  		font-size: 34pt !important;
	}
}

@media screen and (max-width: 850px){
	.kb-section{
  		width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
  }
}



@media screen and (max-width: 500px){
	.kb-section{
  		width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
  }
}

.kb-section > div{
  min-height: 265px;
}


#subCategoryContainer.level_1_Kbcategory{
  display: none;
}

 

@media screen and (max-width: 768px){
  .border-radius-tl-bl{
	border-radius: 10px 10px 0 0px ;
	height: 240px;
  }
 .Header__name{
   display: none;
  }
  .hide-on-mobile{
 	display: none;
  }
   	.home h1{
  		font-size: 26pt !important;
	}
  .ticketList .TicketList__filterPanel.commonStyle__flex.commonStyle__flexWrap, .ticketList .NoContent__noContent.commonStyle__tAlignCenter {
    width: 100%;
    margin: 0 auto;
	}
}


.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}


@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

/* MOBILE FRIENDLY OPTIMISATION */
@media only screen and (max-device-width: 600px) {
	#headerContent h1 {
  		font-size: 40px !important;
  	}
  
  	.Header__homeContent .Header__navbar, .Header__defaultContent .Header__navbar, .Header__navopen .Header__navbar .Header__menuTab {
        background-color: #472dad;
    }
  
  	.buttonStyle {
  		margin-bottom: 20px;
  	}
  	
  	.KbSubCategoryContainer__contentList {
    	width: 100% !important; 
  	}
  
  	.KbSubCategoryContainer__contentList:nth-child(3n-3) {
    	margin-right: 0px;  
  	}
  
  	.KBHeaderText {
    	font-size: 11px;  
  	}
  
  	.AskCommunityHeaderText {
    	font-size: 11px;  
  	}
  
  	.AskCommunityBodyText {
    	display: none;  
  	}
  
  	.FilterPanel__filterDrop {
   		display: none;
	}
  
  	.CommunityListItem__listItem {
  		padding: 10px;
  	}
  
  	.table, .table-row {
        display: block;
    }
  
  	.DropDown__dropdown {
    	display: none;  
  	}
  	
  	.KBHeaderText {
    	top: 5%;
      	font-size: 11px;
  	}
  
  	.supportSubText {
    	display: none;  
  	}
  	
  	.supportHeader {
    	font-size: 30px !important;  
  	}
  
  	.community-update, .knowledge-base-update {
    	margin-top: 30px;
      	margin-bottom: 30px;
  	}
  	
  	.submitTicketIcons {
    	margin-bottom: 20px;  
  	}
  
  	.ticketList #layoutContainer .Layout__layout2 {
  		display: none;
  	}
  
  	.ticketList #layoutContainer .Layout__layout1 > div {
    	margin-bottom: 40px;
	}
  
  	#parentContainer {
    	display: block;  
  	}
}