li.TCopen { margin-bottom:18px !important; }
#versionsLabel strong { display:none; }
#versionsLabel:after {content: "number of booklets"; font-weight:bold;}
#sheetsPerSetLabel strong  { display:none; }
#sheetsPerSetLabel:after { content: "pages per booklet"; font-weight:bold;}
/*#sheetsPerSetCol:after { content: "2 pages = 1 double-sided sheet"; }*/
#backInksCol:after {content:"(select 'None' for single-sided)"; font-weight:bold; white-space: pre;}
#btnReorder {display:none;}
#shipToMyAddress:after {content:"Contact mps@mcmaster.ca if you have moved departments or require changes to your profile."; font-size:14px; font-weight:bold; font-style:italic; margin-top:12px; display:block; color:#7a003c;}
#specialInstructionsBox {display:none;}
#turnAroundBox table tr td:nth-child(3), #shipping_method_table tr td:nth-child(3), #shipMethodBox header table tr td:nth-child(2) {display:none;}
#PorCAddress > tbody > tr > td > div > section > table > tbody > tr > td:nth-child(2) {display:none;}
.image-picker-ui-name {line-height:1 !important;}
.image-picker-ui-name:before {content:'Selected image: '; font-weight:bold; display:block;padding-top:9px;}
#show_userform button.btnCreate {margin-right:12px;}
#show_userform button.btnCreate + img {display:none;}
#show_userform span.pw-img.info-circle.tooltipster.tooltipstered {display:none;}
#shipToMyAddress .btnEdit { font-size:14px !important; padding:6px 12px !important; margin:0; margin-top:6px; display:none;}
.FedEx-email-notify {display:none;}
#shipToMyAddress {font-size:16px; color:#222; text-align:center;}
#saveForLaterTbl {border: 1px solid #ccc; padding: 24px; border-radius: 12px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);}
#shoppingCartTbl p.style1:nth-child(2),#shoppingCartTbl p.style1:nth-child(3) {display:none;}
#myAccountTbl .copyright {text-align:center;}
#quickLinks {max-width:500px; margin:0 auto 24px; }
#listbigger {display:block; }
#QLestimator, #QLupload, #QLloginID, #QLprofile, #QLmyLists {display:none;}
#userProfileSection {box-shadow:0px 0px 30px rgba(0,0,0,0.3);}
#userProfileSection header {background:black; color:white; border-color:black;}
#userProfileSection section {border-color:black;}
#resetPassTbl #userProfileSection > section > table > tbody > tr:nth-child(1) > td > strong { display:none;}
#resetPassTbl #userProfileSection > section > table > tbody > tr:nth-child(1) > td:after {content:'Enter the McMaster Email associated with your account:'; font-weight:bold;}
#login_forgot a {font-size:16px;}
#orderID {font-weight:bold; font-size:21px; margin-bottom:12px;}
#orderID:before {content:"Order complete! 🎉 You’re officially awesome. Your creativity is now in motion with \A";font-weight:normal; display:block;}
#orderSentMsg {display:none;}
#orderSentTo:before {content:"An email confirmation has been sent to: "; font-weight:normal;}
#orderSentBox > section > table > tbody > tr > td > p:nth-child(2) {margin-bottom:12px;}
#orderSentBox > section > table > tbody > tr > td > p:nth-child(4) {display:none;}
#orderAccountOptions li {padding:3px 0;}
#orderAccountOptions li a {font-size:16px; color:#7a003c;}
#orderAccountOptions > li:nth-of-type(2) {display:none;}
#orderMoreOptions {display:none;}
#orderSentBox #orderSentTo {font-weight:bold;}
#projectNameBox section {font-size:21px; line-height:1.375; font-weight:bold;}
.ui-box {font-size:15px; line-height:1.375;}
.ui-box section { padding: 12px 24px;}
#shipMethodTxt, #turnAroundTxt {display:inline-block; margin:12px 0 12px;}
.style1 { color: #7a003c;}
#addressBook, #saveAddressBook, #shipToCompany, #continueTbl {display:none;}
#breadcrumb li.templateName a {max-width:none;}
#art-instructions {background: #efefef; padding: 12px 24px; color: black; border-radius: 6px; font-size: 14px; line-height: 1.5; margin-top: 24px; position:relative;}
#art-instructions h4 {font-size:18px; margin:12px 0 12px;}
#art-instructions p, #art-instructions ul {margin-bottom:12px;} 
#art-instructions:before {display:block; content:''; position:absolute; border-bottom: 20px solid #efefef; border-left: 15px solid transparent; border-right: 15px solid transparent; width: 0; height: 0; margin: 14px auto; top:-30px; left:90px; }
#resetPassTbl {background:white;}
#resetPassTbl #userProfileSection {max-width:500px; margin:48px auto;}
#resetPassTbl #userProfileSection section a {font-size:16px; color:#7a003c;}
#headWrapper {background:black;}
#dispCustomerPO { display:flex; flex-direction:column;}
#quoteNameBox {order:1;}
#customOrderField1Box {order:2;}
#customOrderField2Box {order:3;}
#custPOBox {order:4;}
#dispCustomerPO .ui-box { width:100% !important; float:none !important; padding:6px 12px !important; box-sizing:border-box; max-width:500px; }
#dispCustomerPO .ui-box section {padding:9px;}
#dispCustomerPO input { font-size:16px; padding:6px 12px; box-sizing:border-box; text-align:center;}
#CCInstructions {font-size:16px; line-height:1.5;}
.ui-box header { text-transform:none; font-size:16px; line-height:1.5; }
.ui-box header:after { white-space: pre-wrap; text-transform: none; font-size: 14px; line-height:1.25; color: #222; font-weight: 400; margin-top:6px;}
#products span.zoom {display:none;}
#catalogTblcaption {display:flex !important; justify-content:space-between;}
#prod-help {background:#efefef; padding:24px; margin-left:24px; font-size:16px; line-height:1.5; margin-top:-43px; width:220px; flex-shrink:0;}

#shipToCompany button.jqButton:before, #shipToMyAddress button.jqButton:before { display:none; }

#shipToCompany button.jqButton[name="button_shipTo"], #shipToMyAddress button.jqButton[name="button_shipTo"] { background:#7a003c !important; color:#ffffff !important; margin-bottom:12px !important; }
#shipToCompany button.jqButton[name="button_shipTo"]:hover, #shipToMyAddress button.jqButton[name="button_shipTo"]:hover { background:#ffffff !important; color:#7a003c !important; }


#navWrapper li:nth-child(1),#navWrapper li:nth-child(3),#navWrapper li:nth-child(5),#navWrapper li:nth-child(4) { display:none; }

#bigbox {
  border: 1px solid #black;
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  color:#222;
  background:black;
}
#bigbox td {
line-height:1.375;}
#bigbox table .h3 {
vertical-align:top;
padding-top:12px;}
#bigbox #login_remember {
display:block; margin-top:12px;}
#bigbox #login_forgot {
display:block;
margin-top:12px;}
#bigbox table hr {
color:#555 !important;
background-color:#555 !important;}
#bigbox #headWrapper {
margin:0 auto;
float:none;}
#bigbox table {
width:100%;}
#bigbox .tableSiteBanner {
  padding-left:0;
  margin: 0 auto;
}
#bigbox table {
color:white;}
#bigbox a {
  color:#fdbf57;
}
body {
background-repeat:no-repeat;
background-size:cover;
height:100vh;}

#mainContentSF, #mainContainerSF {
padding:0 !important;}
#loginWrapper {
background:black; margin:0 !important;}

#login_user, #login_pass {
  padding:6px;
  font-size:16px;
}
#show_userform img {
min-height:100px;}
.tblPageEdit td {
border:2px solid #7a003c;
  background:white !important;
  border-radius:4px;
  width:auto;
  padding-left:6px;
  padding-right:6px;
  margin:0 3px;
}
.tblPageEdit td.active {
border:2px solid #7a003c;
  background:#7a003c !important;
}
.tblPageEdit td .number {
  color:#7a003c;
}
.tblPageEdit td .number:before {
 content:"Page ";
  display:inline;
}
.tblPageEdit td.active .number {
  color:white;
}
.pw-img {
color:#7a003c;}
#show_userform {
margin-right:48px;}

#show_userform input, #show_userform textarea {
margin-bottom:12px;
padding: 6px 9px;}

.jqButton:before {
color:#7a003c;
font-size:16px;}
button.jqButton:hover::before {
color:white;}
button.jqProofButton, button.jqButton {
font-family: "Poppins", sans-serif !important;
  background:white !important;
    border:2px solid #7a003c !important;
    color:#7a003c !important;
    font-size:16px !important;
    padding:12px 24px !important;
    line-height:1 !important;
    height:auto;
    width:auto;
    font-weight:bold !important;
}
button.jqProofButton:hover, button.jqButton:hover {
  background:#7a003c !important;
  border:2px solid #7a003c !important;
    color:white !important;
}
button.jqProofButton::before {
  font-family: "Poppins", sans-serif !important;
   font-weight:bold !important;
   font-size:16px !important;
  color:#7a003c !important;
content:"Download " !important;
  margin-right:0 !important;
}
button.jqProofButton:hover::before {
   color:white !important;
}
#flyoutMenuButton {
    max-width: 140px;
    height: auto;
    margin: 0;
}
.ui-box section ul {
    padding: 0;
}
.ui-menu-item-wrapper.ui-state-active .ui-menu-icon.ui-icon.ui-icon-triangle-1-e {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 320 512'%3E%3Cpath d='M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
}

.ui-menu-icon.ui-icon.ui-icon-triangle-1-e {
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%237a003c' viewBox='0 0 320 512'%3E%3Cpath d='M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.3-9.4-9.3-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
  width:24px;
    background-size: 40%;
    height:24px;
    background-repeat:no-repeat;
    background-position: 60% center;
}


.ui-menu-item-wrapper {
font-size:15px;
font-weight:bold;
color:#7a003c;}
.ui-widget.ui-widget-content {
border:2px solid #7a003c;}
.ui-menu-item-wrapper.ui-state-active {
  background:#7a003c;
   border:1px solid #7a003c;
  color:white !important;
  font-weight:bold;
  border-radius:4px;
}

#FINISHING_TASK_EDITOR_add_task_menu .ui-menu-item-wrapper.ui-state-active a {
  color:white !important;
}

#FINISHING_TASK_EDITOR_add_task_menu a {
  font-family: "Poppins", sans-serif;
font-size:15px !important;
  color:#7a003c !important;
  font-weight:bold !important;
}
#FINISHING_TASK_EDITOR_add_task_menu a {
visibility: hidden;
position:relative;}
#FINISHING_TASK_EDITOR_add_task_menu a:after {
  display:inline;
 content:'Add Options';
  visibility: visible;
  position:absolute;
  left:0;
}

.ui-menu-item-wrapper.ui-state-active #FINISHING_TASK_EDITOR_add_task_menu a, .ui-menu-item-wrapper.ui-state-active #FINISHING_TASK_EDITOR_add_task_menu a:after {
color:white !important;
}
.menuItem.ui-menu-item {
font-size:14px;
font-weight:bold;
font-family: "Poppins", sans-serif;
}

ul.flyoutMenu.ui-menu.ui-widget.ui-widget-content {
    font-size: 16px;
    font-weight: normal;
    color: #222;
    background: white;
  border:2px solid #7a003c;
    margin: 0;
  padding:0;
  font-family: "Poppins", sans-serif;
}
body {
background-color:white;
color:white;
font-family: "Poppins", sans-serif;}

table {
margin-bottom:0 !important;
}

a:link, a:visited {color:#7a003c;}
a:hover {text-decoration:none;}

#sideBarNav {
padding-top:60px;
  font-family: "Poppins", sans-serif;
  
}
ul.TreeControl ul {
    padding-left: 0;
}
ul.TreeControl li.TCbullet  {
margin-top:6px;
}
ul.TreeControl li.TCbullet a:hover {
text-decoration:underline;
}
#active a {
  color:#222;
  font-weight:600;
}
ul.TreeControl li.TCopen div a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='b7ff402d-2e47-497f-ba2c-3db55e7b97ef' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fdbf57'/%3E%3Cline class='st1' x1='12.1' y1='9' x2='5.9' y2='9' fill='none' stroke='%23222222'/%3E%3Cline class='st1' x1='9' y1='12.1' x2='9' y2='5.9' fill='none' stroke='none'/%3E%3C/svg%3E") !important;
}
ul.TreeControl li.TCclosed div a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='b7ff402d-2e47-497f-ba2c-3db55e7b97ef' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fdbf57'/%3E%3Cline class='st1' x1='12.1' y1='9' x2='5.9' y2='9' fill='none' stroke='%23222222'/%3E%3Cline class='st1' x1='9' y1='12.1' x2='9' y2='5.9' fill='none' stroke='%23222222'/%3E%3C/svg%3E") !important;
}
ul.TreeControl li a {
padding-left:24px;}

.anchorCatalog a {
font-weight:600;
padding-left:24px !important;}

  .uploadifive-button, #checkoutProceedButton button, .proceedButton {
    position:relative;
    font-family: "Poppins", sans-serif !important;
    margin-top:24px !important;
  background:#7a003c !important;
    border:2px solid #7a003c !important;
    color:white !important;
    font-size:16px !important;
    padding:12px 24px !important;
    line-height:1 !important;
    height:auto !important;
    width:auto !important;
    font-weight:bold !important;
  }

#checkoutProceedButton button::after, .proceedButton:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 14px;
    height: 100%;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: center;
    background-color: transparent;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' class='bi bi-arrow-right-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}

  .uploadifive-button::after {
  content:' Artwork';}

  .uploadifive-button:hover, #checkoutProceedButton button:hover, .proceedButton:hover {
    background:white !important;
    color:#7a003c !important;
    border:2px solid #7a003c !important;
  }
#checkoutProceedButton button:hover::before {
color:#7a003c !important;}

#checkoutProceedButton button:hover::after, .proceedButton:hover::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%237a003c' class='bi bi-arrow-right-short' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
}
#checkoutProceedButton button, .proceedButton {
  padding-right:48px !important;
}
#nextBtnSection, #backBtnSection {
display:none;}

#titleSection, #catalogTblcaption {
text-align:left;
    margin-right: 0;
font-size: 21px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
#catalogTblcaption {
  margin-bottom:24px;
}

.tableMain {
padding-left:12px; padding-right:12px;}

.tableSiteBanner {
margin-bottom:0;
  padding-left:18px;
}

.tableSiteBanner img {
width:360px;
height:auto;
margin:12px;
margin-bottom:6px;
padding-top:12px;
padding-bottom:12px;}



#headWrapper {
float:left;}

#navWrapper {
float:right;
margin-top: 40px;
    margin-right: 8px;
padding-right:18px;}


#menu a {
background:black;
  border-radius:4px;
  padding:8px 12px;
  font-size:16px;
  line-height:1;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  text-transform:none !important;
  font-family: "Poppins", sans-serif;
  margin-left:6px;
}
#menu {
margin-right:6px;}

#menu a:hover {
background:#fdbf57;
  color:#222;
}
#menu li {
    margin-right: 0;
}
.tableLogin {margin-bottom:0;}
#loginWrapper {
margin-left:12px; margin-right:12px; min-height:110px;
}
.login {
    background-color: #7a003c;
    color: #ffffff;
    padding: 8px 12px;
  font-weight:bold;
}
.loginWelcome {
border-top-left-radius:0;
border-bottom-left-radius:0;
padding-left:33px;
}

.loginLogout {
text-align:right;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
padding-right: 32px;
    width: 70px;}

.loginLogout a:link, .loginLogout a:visited {
color:#fdbf57;}

#breadcrumb {
    margin: 6px 0 15px 12px;
}
#breadcrumb li.templateName a {
overflow:visible;
}
#catalogSearch {display:none;}
.counter {
    font-size: 14px;
    color: #6F7780;
  margin-bottom:12px;
}
.source {
    font-size: 42px;
    font-weight: bold;
    color: #222222;
}

#products, .prodCell {
border:3px solid white;}

.prodCell {
background-color:#efefef;
padding-bottom:12px !important;}

.prodCell img {
height:auto; width:100%;}
.prodCell h3 {
  font-size: 21px;
}
.prodCell h3, .prodCaption {
  padding-left:12px; 
  padding-right:12px;
}
.ui-menu .ui-menu-item-wrapper {
padding:6px 24px 6px 12px;
}


.finishing_task_editor_header {
display:none !important;}
.finishing_task_editor_header td:first-child {
visibility: hidden;
position:relative;}

.finishing_task_editor_header td:first-child::after {
content:'test';
visibility:visible;
position:absolute;
left:0;
background:purple; font-size:16px;}
.finishing_task_editor tr:first-child .finishing_task_editor_title {
font-size:16px; font-weight:bold; font-style:italic; color:#7a003c;}
.finishing_task_editor tr:first-child .finishing_task_editor_title:after {
content:"Don't forget to add options to your order:"}

#cartContainer.floatClass {
    position: relative;
    top: 16px;
    right: 110px;
}
#cartCountBadge {
    background: #7a003c;
}
#cartIcon {
    color: #7a003c;
}
#cartCount {
 font-family: 'Roboto', sans-serif;
	background-color:#ffffff;
  font-size: 14px;
  font-weight:600;
  color:#222;
}
#cartCount::hover {
background-color:#efefef;
}

.cartPrice {
font-size:36px;
font-weight:600;
padding:12px;}

.ui-box section table {
  font-size:16px;
}
.tablesorter strong {
text-transform:lowercase;
}
.finishing_task_editor {
background-color:transparent;
}
.tablesorter select {
font-size:16px !important;
padding:6px 12px !important;}
.ui-box.no-margin {
margin-top:24px;}

.tablesorter tbody td {
padding:9px 12px !important;}

.tableMain {
  max-width: 1360px;
  padding-right: 12px;
    padding-left: 12px;
  margin:0 auto;
  width:100%;
}

div#quoteNameBox header:after {
display: block;
  content: "Please provide a meaningful job title to help identify your order";

}
div#customOrderField1Box header:after {
    display: block;
  content: "Bus.Unit (5) \a0 Fund (2) \a0 Account (6) \a0 Department (5) \a0 Program/Project (5/8) \A E.g.: MAC01 00 000000 00000 00000 \A E.g.: MAC01 00 000000 \A E.g.: MAC01 00 000000 00000 00000000";
  line-height:1.5;
}
div#customOrderField1Box section:after {
  display:block;
  content:'do not enter RFMAC or RFHSC';
  margin-top:6px;
  color:#666;
}

div#customOrderField2Box header:after {
    display: block;
    content: "If applicable - must be 9 digits";

}
div#custPOBox header:after {
  display: block;
    content: "If applicable";
}

/* Simon's Old COde Reset 

body {
  font-family: 'Roboto', sans-serif !important;
  color: #222;
    font-weight: 400;
  font-style: normal;
}
a {
  font-family: 'Roboto', sans-serif !important;
}
.nav-link {
	font-family: 'Roboto Condensed', sans-serif !important;
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 400;
  color: #222;
}
strong {
  font-weight: 700;
}
#cartContainer.floatClass {
    position: relative;
    top: 16px;
    right: 110px;
}
#cartCountBadge {
    background: #7a003c;
}
#cartIcon {
    color: #7a003c;
}
#cartCount {
 font-family: 'Roboto', sans-serif;
	background-color:#ffffff;
  font-size: 14px;
  font-weight:600;
  color:#222;
}
#cartCount::hover {
background-color:#efefef;
}
div#quoteNameBox header:after {
display: block;
  content: "Please provide a meaningful job title to help identify your order";
    text-transform: none;
    font-size: 9px;
    color: #666;
    font-weight: 600;
}
div#customOrderField1Box header:after {
    display: block;
  content: "Bus.Unit (5) \a0 Fund (2) \a0 Account (6) \a0 Department (5) \a0 Program/Project (5/8) \A (e.g.: MAC01 00 000000 00000 00000)";
  white-space: pre-wrap;
    text-transform: none;
    font-size: 9px;
    color: #666;
    font-weight: 600;
}

div#customOrderField2Box header:after {
    display: block;
    content: "If applicable - must be 9 digits";
    text-transform: none;
    font-size: 9px;
    color: #666;
    font-weight: 600;
}
a.login:hover {
    color: #222222;
    text-decoration: underline;
}
.login {
  font-family: 'Roboto', sans-serif;
	background-color:#dbdbdd;
  font-size: 14px;
  font-weight:600;
  color:#222;
  padding:18px 24px;
}
div#navWrapper, div#navWrapper ul#menu {
  background-color:transparent !important;
  box-shadow:none;
}
div#navWrapper ul#menu {
  position:absolute;
}
#navWrapper #menu li {
display:none;
}

#customOrderField1, #customOrderField2 {
 text-align:center;
}

#mcmaster-header__title h1.mcmaster-header__header-title.title-only a {
  font-family: 'Roboto Condensed', sans-serif !important;
}
#mainContentSF {
	width:100% !important;
}


.tableMain {
  max-width: 1360px;
  padding-right: 12px;
    padding-left: 12px;
  margin:0 auto;
  width:100%;
}

.source {
   font-family: 'Roboto Condensed', sans-serif !important;
   font-size: 28px;
  line-height: 36px;
  text-transform: uppercase;
  margin-top:18px;
  letter-spacing: 1px;
  color:#222;
  
}
.counter {
  font-family: 'Roboto', sans-serif !important;
  color: #222;
    font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}
#searchbar {
	width:100%;
  max-width:300px;
}
#searchbar #search input[type="text"], #searchbar #search input[type="text"]:focus {
width:auto;
}
.TreeControl .anchorCatalog a {
   font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 17px;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    color: #222;
    letter-spacing: 1px;
  border-top: 1px solid #dbdbdd;
  border-bottom: 1px solid #dbdbdd;
    padding: 18px 12px 18px 36px;
    position: relative;
  display:block;
  transition: background-color .15s ease-in-out;
}
.TreeControl .anchorCatalog a:hover {
  background-color:#7a003c;
  color:#fff;
}
ul.TreeControl li.TCopen .anchorCatalog a {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='b7ff402d-2e47-497f-ba2c-3db55e7b97ef' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fdbf57'/%3E%3Cline class='st1' x1='12.1' y1='9' x2='5.9' y2='9' fill='none' stroke='%23222222'/%3E%3Cline class='st1' x1='9' y1='12.1' x2='9' y2='5.9' fill='none' stroke='none'/%3E%3C/svg%3E")!important;
  background-position-x: 9px;
}
ul.TreeControl li.TCclosed .anchorCatalog a {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='b7ff402d-2e47-497f-ba2c-3db55e7b97ef' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23fdbf57'/%3E%3Cline class='st1' x1='12.1' y1='9' x2='5.9' y2='9' fill='none' stroke='%23222222'/%3E%3Cline class='st1' x1='9' y1='12.1' x2='9' y2='5.9' fill='none' stroke='%23222222'/%3E%3C/svg%3E")!important;
   background-position-x: 9px;
}
ul.TreeControl li {
text-indent:none;
}
ul.TreeControl li.TCbullet a {

    background-color: #f0f0f0;
   border-top: 1px solid #fff;
    white-space: normal;
  	display:block;
  	font-size: 14px;
    line-height: 18px;
    padding: 18px 12px 18px 18px;
    color: #222 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
}
ul.TreeControl li.TCbullet[data-subcategory="true"] a {
  text-indent:0;
  padding-left:24px;
  background: #dbdbdd;
  color: #222 !important;
  padding-top:9px;
  padding-bottom:9px;
  font-size: 12px;
    line-height: 15px;
  border-top: 1px solid #c0c0c0;
}
ul.TreeControl li.TCbullet a:hover {
background-color: #aeb4b8;
    z-index: 1;
    box-shadow: none;
    box-shadow: 0 0 36px rgb(94 106 113 / 20%);
    border-bottom-color: #f0f0f0;
  }
ul.TreeControl li#active.TCbullet a {
background: #dbdbdd;
    color: #fff !important;
  background: #7a003c;
  
    font-weight: 700;
    padding-right: 30px;
}
ul.TreeControl li#active.TCbullet a::after {
    transform: rotate(
270deg
);
    background-size: 12px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='DropdownArrow' xmlns='http://www.w3.org/2000/svg' width='26' height='14.4' viewBox='0 0 26 14.4'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;' points='25,1 13,13 1,1 '/%3E%3C/svg%3E") !important;
    transition: all 0.2s ease-out;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
    background-repeat: no-repeat;
}
ul.TreeControl ul {
    padding-left: 0;
}
#TCtable {
border:1px solid #dbdbdd;
  border-top:none;
}
ul.TreeControl:last-child div.anchorCatalog a[name="G11"]::before {
content:"Menu";
}
#show_userform input[type=text], #show_userform textarea, #show_userform select {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 24px;
    color: #222;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #93939a;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    border-radius: 12px;
    -webkit-box-shadow: 0 3px 6px rgb(94 106 113 / 10%);
    box-shadow: 0 3px 6px rgb(94 106 113 / 10%);
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 18px;
  margin-bottom:12px;
}
#customizePager > tbody > tr > td {
min-width:50%;
}
*/