/* Global Font Override */
@font-face {
    font-family: 'proxima nova';
    src: url("/HTML/products/275410011/jscripts/cdn/fonts/ProximaNova-Regular.otf");
}
* {
    font-family: "proxima nova" !important;
}
/* That font change caused problems... So let's fix that. */
.autodesk360 .ui-accordion-header.ui-state-default:after, .autodesk360 .group-header.collapsible .indicator.closed:after, .autodesk360 #admin .section-head span.plus:after { top: 0px !important; }
.autodesk360 .autocomplete-trigger { line-height: 1.53; }

/* Spacing in interface */
tr#MIN_DIAMETER_TR_tag > td {
  /* It's a row, so we have to modify the cells (rows can have no border or padding or margin). */
    border-bottom: 30px solid white;
}
tr#MODELS_AXIAL_TR_tag > td {
  border-bottom: 30px solid white;
  border-top: 30px solid white;
}
tr#MODELS_CENTRIFUGAL_TR_tag > td {
  border-bottom: 30px solid white;
  border-top: 30px solid white;
}

/* Hide Flag*/
.custom #current-locale-image {
  display: none;
}

/* Hide Column Option: Price Book.  Note it also hides price book option when creating a new config.*/
/* Alternative solution will be needed if enabling price books with configs.*/
.custom .mydesigns #price_book{
  display: none;
}
.custom .mydesigns label[for=price_book]{
  display: none;
}

/* Hide Column Option: Customer*/
.custom .mydesigns #customer_name{
  display: none;
}
.custom .mydesigns label[for=customer_name]{
  display: none;
}

/* wPlot */
#mydiv { 
  	/* This fixes the width of the plot, and adds a preloader. */
	height: 700px; 
	background: url(/HTML/products/275410011/jscripts/cdn/preloader.gif) no-repeat center; 
	width: 1100px; 
  	margin-right: 210px;
} 
#panelator div { 
  /* All of the panels and div children of panelator. */
	background: #eee; 
	padding: 10px; 
	margin: 5px;
} 


#constantsbox span {
  /* The widths of the spans need to be fixed for even spacing. */
    display: inline-block;
    width: 50px;
}

#PRELOADER_TEXT_TR_tag div input {
  display: none;
}

#FAN_SELECTION_TR_tag { display: none; }
.top-buttons button[onclick="nextPage()"], .top-buttons button[onclick="prevPage()"] { display: none; }
#nontable tr input, #nontable tr td input { height: 0px; font-size: 0px; padding-top: 0px; padding-bottom: 0px; }
#nontable tr, #nontable tr td { height: 1px !important; overflow-y: hidden; margin-top: -100px; padding-top: 0px; padding-bottom: 0px; }
#tableofdata table { margin-left: 0px; }

div[class="form-message form-info radius-1 required-msg"] {
    display: none;
}

/* Chevron Navigation */
@media only screen and (min-width: 1025px) {
#previousopts-div-header,div#futureopts-div-header { display:none; }

div[class="radius-2-bottom side-nav-body "] {
    background:red;
}
.custom .mydesigns.interfacePage #leftnavdiv1, #leftnavdiv2, #leftnavdiv3, #leftnavdiv4 { display: inline;  z-index: 999; }
.custom .mydesigns.interfacePage #left-nav {margin: 0px !important;padding: 0px;float:left;width: 100vw;position: absolute; width: 100%; position: fixed; top:124px; background: #eee; z-index: 200; }
.custom .mydesigns.interfacePage #previousopts-div, #futureopts-div {margin: 0px; padding: 0px; width: auto; min-width: 0px; display: inline; }
.custom .mydesigns.interfacePage #previousopts-div-content, #futureopts-div-content { padding: 0px; margin: 0px; box-shadow: none; border-radius: 0px; border: none;}
.custom .mydesigns.interfacePage #previousopts-div-content .links, #futureopts-div-content .links { margin: 0px; }
.custom .mydesigns.interfacePage #previousopts-div-content .links ul, #futureopts-div-content .links ul {margin: 0px;display: inline;}
.custom .mydesigns.interfacePage #previousopts-div-content .links ul li, #futureopts-div-content .links ul li { margin: 0px;display: inline-block; float: left; width: auto; min-width: 0px; padding-left: 20px; padding-right: 10px; line-height: 30px; height: 30px; background: #0c73a8;}
.custom .mydesigns.interfacePage #leftnavdiv1 .links ul li {  background: #ccc; }
.custom .mydesigns.interfacePage #previousopts-div .clearfloat , #futureopts-div .clearfloat { display: none; }
.custom .mydesigns.interfacePage #previousopts-div-content .links ul li div, #futureopts-div-content .links ul li div { width: auto; }
.custom .mydesigns.interfacePage #previousopts-div-content .links ul li div a, #futureopts-div-content .links ul li div a { color: white; }
.custom .mydesigns.interfacePage #previousopts-div-content .links ul li a .text-key, #futureopts-div-content .links ul li a .text-key { display: none; }
/*#left-nav-search, #view-existing { display: none; }*/
.custom .mydesigns.interfacePage #leftnavdiv1 { z-index: 3999; }
.custom .mydesigns.interfacePage #leftnavdiv2 { z-index: 2999; }
.custom .mydesigns.interfacePage #leftnavdiv3 { z-index: 1999; }
.custom .mydesigns.interfacePage .side-nav-td { position: unset; }

.custom .mydesigns.interfacePage #previousopts-div-content .links ul li::after, #futureopts-div-content .links ul li::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 15px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 15px solid transparent;
  border-left: 10px solid #0c73a8;
  position: absolute;
  top: 50%;
  margin-top: -15px; 
  left: 100%;
  z-index: 1; 
}

.custom .mydesigns.interfacePage #leftnavdiv1 .links ul li::after, #leftnavdiv1 .links ul li::after { border-left: 10px solid #ccc; }

.custom .mydesigns.interfacePage #previousopts-div-content .links ul li::before, #futureopts-div-content .links ul li::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}

#main #content > .results-page #left-nav, #main #content > #results #left-nav, .collaboration #main #content #left-nav { position: relative; top: unset; background: none; }

#main #content #interface { padding-top: 40px; }
#main #content > #results #interface { padding-top: 0px }

/* Login Page */

#registration-form select { width: 274px !important; height: 15px !important; box-sizing: content-box !important; }
#registration-form .help-mark { float: right !important; position: relative !important; margin-right: -15px !important; }
}

/* CodeMirror fix */

.CodeMirror-gutters { left: 0px !important; }

/* Color restyling */

.autodesk360 #nav-tabs > tbody > tr > th.active a:before, .autodesk360 #nav-tabs > tbody > tr > th.active a, .autodesk360 a, .autodesk360 .link, .autodesk360 #password-recovery, .autodesk360 #header-welcome a, .autodesk360 #header-welcome span a { color: #0c73a8; }
#nav-tabs>tbody>tr>th a { color: #124266; }
.autodesk360 #nav-tabs > tbody > tr > th.active { border-color: #cc1f4c; }
.autodesk360 a:hover, .autodesk360 .link:hover, .autodesk360 #header-welcome a:hover, .autodesk360 #header-welcome span a:hover, .autodesk360 a:focus, .autodesk360 .link:focus, .autodesk360 #header-welcome a:focus, .autodesk360 #header-welcome span a:focus { color: #cc1f4c; }
.autodesk360 #navCreateButton button { background-color: #0c73a8;
border-color: #0c73a8; }
.autodesk360 #navCreateButton button:hover, .autodesk360 #navCreateButton
button:focus { background-color: #124266; border-color: #124266; }
.autodesk360 #navCreateButton button:active { border-color: #cc1f4c; background: #cc1f4c; }
.autodesk360 button.off, .autodesk360 .ui-button.off, .autodesk360 li.ui-button.off, .autodesk360 button.off:hover, .autodesk360 .ui-button.off:hover, .autodesk360 li.ui-button.off:hover, .autodesk360 button.off:focus, .autodesk360 .ui-button.off:focus, .autodesk360 li.ui-button.off:focus { background: #0c73a8; }
.autodesk360 button, .autodesk360 .ui-widget button, .autodesk360 .ui-button, .autodesk360 .ui-button.ui-state-default, .autodesk360 li.ui-button, .autodesk360 .ui-buttons .ui-action-button, .autodesk360 ul.secondary .ui-button, .autodesk360 #admin button, .autodesk360 #checkout-nav .ui-buttons .green-3-gradient { background: #0c73a8; }
.autodesk360 .datatables-top button:hover, .autodesk360 .datatables-top button:focus { border-color: #0c73a8; color: #0c73a8; background: white; }
.autodesk360 button:hover, .autodesk360 .ui-button:hover, .autodesk360
.ui-button.ui-state-hover, .autodesk360 li.ui-button.ui-state-focus,
.autodesk360 li.ui-button.ui-state-active, .autodesk360 .ui-buttons
.ui-action-button:hover, .autodesk360 #admin button:hover, .autodesk360
#checkout-nav .ui-buttons .green-3-gradient:hover, .autodesk360 button:focus,
.autodesk360 .ui-button:focus, .autodesk360 .ui-button.ui-state-focus,
.autodesk360 li.ui-button.ui-state-focus, .autodesk360
li.ui-button.ui-state-active, .autodesk360 .ui-buttons
.ui-action-button:focus, .autodesk360 #admin button:focus, .autodesk360
#checkout-nav .ui-buttons .green-3-gradient:focus { background: #0c73a8;
border-color: #124266; }
.autodesk360 .column-options-button button:hover:after, .autodesk360 .column-options-button button:focus:after { color: #0c73a8; }
.autodesk360 .action-button-on:hover div:after, .autodesk360 .ui-action-button:hover :after, .autodesk360 .action-button-on:hover div:before, .autodesk360 .ui-action-button:hover :before, .autodesk360 .logic:hover:after, .autodesk360 #listingImg:hover:after, .autodesk360 #admin .view:hover:after, .autodesk360 .preview:hover:after, .autodesk360 .configure-link:hover:before, .autodesk360 .mini-button:hover :after, .autodesk360 .action-button-on:focus div:after, .autodesk360 .ui-action-button:focus :after, .autodesk360 .logic:focus:after, .autodesk360 #listingImg:focus:after, .autodesk360 #admin .view:focus:after, .autodesk360 .preview:focus:after, .autodesk360 .configure-link:focus:before, .autodesk360 .mini-button:focus :after { color: #0c73a8; }
.autodesk360 .sub-nav-tabs .sub-nav-link.active, .autodesk360 #admin .tabContainer .activeTab, .autodesk360 #admin .tabContainer .tab.active, .autodesk360 #admin .tabContainer a.activeTabLight { border-color: #0c73a8; }
.autodesk360 button.secondary, .autodesk360 .ui-widget button.secondary, .autodesk360 .ui-button.secondary, .autodesk360 .ui-button.ui-state-default.secondary .ui-button-text, .autodesk360 li.ui-button.secondary .ui-button-text, .autodesk360 ul.secondary .ui-button, .autodesk360 .ui-buttons .ui-action-button.secondary, .autodesk360 .document-upload-button, .autodesk360 #admin button.secondary, .autodesk360 #checkout-nav .ui-buttons .green-3-gradient.secondary { background: white; }
.autodesk360 .sub-nav-tabs .sub-nav-link.active a { color: #0c73a8; }
.autodesk360 button.secondary:hover, .autodesk360 .ui-widget button.secondary:hover, .autodesk360 .ui-button.secondary:hover, .autodesk360 .ui-button.ui-state-default.secondary:hover .ui-button-text, .autodesk360 li.ui-button.secondary:hover .ui-button-text .autodesk360 ul.secondary .ui-button:hover, .autodesk360 .move-buttons .up:hover, .autodesk360 .move-buttons .down:hover, .autodesk360 .ui-buttons .ui-action-button.secondary:hover, .autodesk360 .document-upload-button:hover, .autodesk360 .moveLeft:hover, .autodesk360 .moveRight:hover, .autodesk360 .moveUp:hover, .autodesk360 .moveDown:hover, .autodesk360 #admin button.secondary:hover, .autodesk360 #checkout-nav .ui-buttons .green-3-gradient.secondary:hover, .autodesk360 button.secondary:focus, .autodesk360 .ui-widget button.secondary:focus, .autodesk360 .ui-button.secondary:focus, .autodesk360 .ui-button.ui-state-default.secondary:focus .ui-button-text, .autodesk360 li.ui-button.secondary:focus .ui-button-text .autodesk360 ul.secondary .ui-button:focus, .autodesk360 .move-buttons .up:focus, .autodesk360 .move-buttons .down:focus, .autodesk360 .ui-buttons .ui-action-button.secondary:focus, .autodesk360 .document-upload-button:focus, .autodesk360 .moveLeft:focus, .autodesk360 .moveRight:focus, .autodesk360 .moveUp:focus, .autodesk360 .moveDown:focus, .autodesk360 #admin button.secondary:focus, .autodesk360 #checkout-nav .ui-buttons .green-3-gradient.secondary:focus { background: white; }
.autodesk360 .ui-tab.active { color: #0c73a8; border-color: #0c73a8; }
.autodesk360 #footer * a, .autodesk360 #footer * a * { color: #cc1f4c; }
.autodesk360 #header-links #sub-nav-recent-items:before, .autodesk360
#header-links .help-mark:before { color: #0c73a8; }
.autodesk360 #nav-tabs > tbody > tr > th.active a:before {
color: #cc1f4c !important; }
.autodesk360 #nav-tabs > tbody > tr > th.active a { color: #cc1f4c; }
.autodesk360 table.dataTable a:hover::after, .autodesk360 table.dataTable
a:focus::after { line-height: 8px; }
.autodesk360 #nav-tabs > tbody > tr > th a:before { color: #124266; }

/* Nav bar restyle */
.autodesk360 #header-welcome .main-logo img { height: 45px }
#header-welcome { border-bottom: 1px solid #ccc; background: white !important; }
#nav-tabs { background: #eee !important; border-bottom: 3px solid rgba(0, 0,
0, 0.075) !important; }
#links-table { background: none !important; }

@media only screen and (max-width: 1024px) {
.autodesk360 #nav-tabs > tbody > tr > th.active a#myhomeTab, .autodesk360
#nav-tabs > tbody > tr > th.active a#adminTab { color: #cc1f4c; }
.autodesk360 #header-bar:before { color: #124266; }
#header-bar { background: white !important; border-bottom: 1px solid #f2f2f2 !important;}
}

/* Print button */
#printer.donotprint { display: none; }

/* Hide product next button */
.product-image.continue-design, .product-description.link.continue-design { display: none; }

/* enforce top bar for salesforce */
#container {
    top: 70px;
}
input.fixformanualoverrideofwidth {
    box-sizing: border-box;
    width: 100% !important;
}

/* select boxes full width all the time */
/*.autodesk360 select { width: 100% !important; }*/
/*.element-select { width: 100%; }*/


/* fluid fix above 1024 */
body, #content, #container table#main { min-width: 0px !important; }

/* new panel fix */
#panelator input { max-width: 80px; }

/* create fix */
#CreateDesignForm.concept-form { width: 320px !important; }

/* Add the rubix cube to results page */
body.resultsPage #background { background: URL("/HTML/products/275410011/jscripts/cdn/preloader.gif") center no-repeat; }
body.resultsPage #content { background: none; }
body.resultsPage #ui-right { background: #fff; }

/* Hide the add button when in a configuration */
body.interfacePage #navCreateButton { display: none; }

/* Allow Mike's Column Widths to remain on desktop (they cause issues for mobile) */
@media(min-width:1024px) { th.fixed500nomobile { width: 500px; } }

/* ReneeTerm */
#tilda { background: #000; color: #eee; font-family: monospace; width: 100%; height: 400px; position: fixed; overflow-y: scroll; top: 0; left: 0; z-index: 99100; }
#tilda input { background: #000; color: #eee; border: 0px; width: calc(100% - 30px); font-family: inherit; padding: 0px; }
#tilda div { white-space: pre-wrap; }
#tilda * { color: #eee; }

/* Header Fix */
.autodesk360 #menu-dropdown-btn::before { color: #124266; }