/* Minification failed. Returning unminified contents.
(6287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6301,32): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-accent'
(6302,25): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-radius'
(6310,25): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-radius'
(6327,30): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-speed'
(6327,75): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-speed'
(6333,30): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-speed'
(6344,17): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-control-size'
(6345,18): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-control-size'
(6400,27): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-control-size'
(6427,20): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-thumb-size'
(6440,30): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-radius'
(6455,32): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-accent'
(6461,32): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-accent'
(6483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6508,27): run-time error CSS1039: Token not allowed after unary operator: '-pt2d-control-size'
(6588,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14620,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14620,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14621,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14621,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14622,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14622,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14623,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14623,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14642,17): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(14646,22): run-time error CSS1039: Token not allowed after unary operator: '-rb-bg'
(14647,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius-lg'
(14664,39): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(14670,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(14697,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(14708,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-field'
(14709,40): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(14712,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(14714,47): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(14714,80): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(14726,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(14730,40): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(14731,48): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-bg'
(14783,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-muted'
(14809,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-show'
(14813,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-danger'
(14835,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-image'
(14857,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(14862,38): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(14871,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-danger'
(14877,45): run-time error CSS1039: Token not allowed after unary operator: '-rb-danger'
(14888,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-muted'
(14898,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-field'
(14899,36): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(14901,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-sm'
(14910,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(14915,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(14919,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(14920,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface-raised'
(14924,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(14925,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-bg'
(14930,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(14932,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface'
(14947,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-field'
(14975,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface'
(14976,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(14977,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius-lg'
(14978,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-sm'
(14980,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(14980,72): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(14984,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-hover'
(14989,57): run-time error CSS1030: Expected identifier, found '['
(14989,62): run-time error CSS1031: Expected selector, found ']'
(14989,62): run-time error CSS1025: Expected comma or open brace, found ']'
(15000,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15008,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-component-head'
(15009,44): run-time error CSS1039: Token not allowed after unary operator: '-rb-component-rail'
(15013,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-component-head-open'
(15017,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-component-head-open'
(15018,47): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(15022,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface-raised'
(15034,46): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15035,47): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15037,44): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15050,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15060,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-inset'
(15068,26): run-time error CSS1039: Token not allowed after unary operator: '-vo-bg'
(15069,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(15070,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius'
(15071,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-choice'
(15072,39): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15072,72): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15077,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-hover'
(15078,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-choice-open'
(15084,53): run-time error CSS1030: Expected identifier, found '>'
(15084,68): run-time error CSS1031: Expected selector, found ')'
(15084,68): run-time error CSS1025: Expected comma or open brace, found ')'
(15091,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-inset'
(15097,30): run-time error CSS1039: Token not allowed after unary operator: '-vo-bg'
(15101,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface-raised'
(15105,47): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15132,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15138,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15160,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15182,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15194,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-show'
(15195,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-show-border'
(15199,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-show-bg'
(15203,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide'
(15204,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide-border'
(15208,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide-bg'
(15212,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-color'
(15213,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-color-border'
(15217,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-color-bg'
(15221,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-image'
(15222,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-image-border'
(15226,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-image-bg'
(15242,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15243,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius'
(15249,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15261,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(15262,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius'
(15263,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-card'
(15266,39): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15266,72): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15271,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-choice'
(15272,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-hover'
(15281,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-show'
(15282,46): run-time error CSS1039: Token not allowed after unary operator: '-rb-show-bg'
(15282,65): run-time error CSS1039: Token not allowed after unary operator: '-rb-show-bg'
(15286,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide'
(15287,46): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide-bg'
(15287,65): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide-bg'
(15291,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-color'
(15292,46): run-time error CSS1039: Token not allowed after unary operator: '-rb-color-bg'
(15292,66): run-time error CSS1039: Token not allowed after unary operator: '-rb-color-bg'
(15296,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-image'
(15297,46): run-time error CSS1039: Token not allowed after unary operator: '-rb-image-bg'
(15297,66): run-time error CSS1039: Token not allowed after unary operator: '-rb-image-bg'
(15317,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-show'
(15322,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide'
(15327,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-color'
(15332,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-image'
(15338,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15339,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface-raised'
(15343,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15349,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15363,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15374,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15387,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15426,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-hover'
(15432,28): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-hover'
(15442,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(15454,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15463,41): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-hover'
(15470,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-muted'
(15486,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15489,34): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15491,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15496,29): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15525,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15528,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15530,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15535,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15548,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15557,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15563,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-danger'
(15591,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15621,24): run-time error CSS1039: Token not allowed after unary operator: '-rb-icon-glyph'
(15622,24): run-time error CSS1039: Token not allowed after unary operator: '-rb-icon-glyph'
(15624,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15625,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15626,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15627,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15628,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15629,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15654,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-field'
(15655,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15659,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15661,39): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15661,72): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15667,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(15671,28): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15672,36): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-bg'
(15688,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15695,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15695,70): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15702,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-hover'
(15716,37): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15726,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-muted'
(15727,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border-strong'
(15755,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-icon-save'
(15756,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-icon-save'
(15760,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15772,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15774,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-field'
(15775,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15781,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15805,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-bg'
(15806,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15807,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-hover'
(15811,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-show-bg'
(15812,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-show'
(15813,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-show'
(15817,30): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide-bg'
(15818,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide'
(15819,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-hide'
(15834,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-field'
(15835,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(15838,39): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15838,72): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(15842,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15843,40): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-bg'
(15853,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15855,26): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent-bg'
(15856,32): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(15874,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-muted'
(15884,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-danger'
(15903,21): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
(15919,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(16010,33): run-time error CSS1039: Token not allowed after unary operator: '-rb-transition'
(16018,22): run-time error CSS1039: Token not allowed after unary operator: '-rb-accent'
(16032,22): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface'
(16033,28): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(16034,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius'
(16035,22): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-sm'
(16043,17): run-time error CSS1039: Token not allowed after unary operator: '-rb-text-dim'
(16065,22): run-time error CSS1039: Token not allowed after unary operator: '-rb-surface'
(16066,28): run-time error CSS1039: Token not allowed after unary operator: '-rb-border'
(16067,25): run-time error CSS1039: Token not allowed after unary operator: '-rb-radius'
(16068,22): run-time error CSS1039: Token not allowed after unary operator: '-rb-shadow-card'
(16088,17): run-time error CSS1039: Token not allowed after unary operator: '-rb-text'
 */
/*! jQuery UI - v1.10.4 - 2014-04-02
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=333333&bgTextureHeader=diagonals_thick&bgImgOpacityHeader=8&borderColorHeader=a3a3a3&fcHeader=eeeeee&iconColorHeader=bbbbbb&bgColorContentDetail=f9f9f9&bgTextureContentDetail=highlight_hard&bgImgOpacityContentDetail=100&borderColorContentDetail=cccccc&fcContentDetail=222222&iconColorContentDetail=222222&bgColorDefault=111111&bgTextureDefault=glass&bgImgOpacityDefault=40&borderColorDefault=777777&fcDefault=e3e3e3&iconColorDefault=ededed&bgColorHover=1c1c1c&bgTextureHover=glass&bgImgOpacityHover=55&borderColorHover=000000&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=222222&iconColorActive=222222&bgColorHighlight=ffeb80&bgTextureHighlight=inset_hard&bgImgOpacityHighlight=55&borderColorHighlight=ffde2e&fcHighlight=363636&iconColorHighlight=4ca300&bgColorError=cd0a0a&bgTextureError=inset_hard&bgImgOpacityError=45&borderColorError=9e0505&fcError=ffffff&iconColorError=ffcf29&bgColorOverlay=aaaaaa&bgTextureOverlay=highlight_hard&bgImgOpacityOverlay=40&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=highlight_soft&bgImgOpacityShadow=50&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/*.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(/Content/external/jquery-ui/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ccc;background:#f9f9f9 url(/Content/external/jquery-ui/images/ui-bg_highlight-hard_100_f9f9f9_1x100.png) 50% top repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #a3a3a3;background:#333 url(/Content/external/jquery-ui/images/ui-bg_diagonals-thick_8_333333_40x40.png) 50% 50% repeat;color:#eee;font-weight:bold}.ui-widget-header a{color:#eee}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #777;background:#111 url(/Content/external/jquery-ui/images/ui-bg_glass_40_111111_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#e3e3e3}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#e3e3e3;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #000;background:#1c1c1c url(/Content/external/jquery-ui/images/ui-bg_glass_55_1c1c1c_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ccc;background:#fff url(/Content/external/jquery-ui/images/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x;font-weight:normal;color:#222}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#222;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #ffde2e;background:#ffeb80 url(/Content/external/jquery-ui/images/ui-bg_inset-hard_55_ffeb80_1x100.png) 50% bottom repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #9e0505;background:#cd0a0a url(/Content/external/jquery-ui/images/ui-bg_inset-hard_45_cd0a0a_1x100.png) 50% bottom repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_bbbbbb_256x240.png)}.ui-state-default .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_ededed_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_ffffff_256x240.png)}.ui-state-active .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_222222_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_4ca300_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_ffcf29_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(/Content/external/jquery-ui/images/ui-bg_highlight-hard_40_aaaaaa_1x100.png) 50% top repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/Content/external/jquery-ui/images/ui-bg_highlight-soft_50_aaaaaa_1x100.png) 50% top repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:8px}

.ui-tooltip {
    opacity: 1;
    color: white;
}*/



/*! jQuery UI - v1.14.1 - 2024-10-30
* https://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(/Content/external/jquery-ui/%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(/Content/external/jquery-ui/%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(/Content/external/jquery-ui/%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(/Content/external/jquery-ui/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(/Content/external/jquery-ui/%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(/Content/external/jquery-ui/%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(/Content/external/jquery-ui/%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos=
* Copyright OpenJS Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;user-select:none}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/Content/external/jquery-ui/images/ui-icons_777777_256x240.png)}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3}.ui-widget-shadow{box-shadow:0 0 5px #666}

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-yc:before, .fa-y-combinator:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-tv:before, .fa-television:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

@font-face {
  font-family: 'entypo';
  src: url(/Content/fonts/fontello/font/entypo.eot?81035702);
  src: url(/Content/fonts/fontello/font/entypo.eot?81035702#iefix) format('embedded-opentype'),
       url(/Content/fonts/fontello/font/entypo.woff?81035702) format('woff'),
       url(/Content/fonts/fontello/font/entypo.ttf?81035702) format('truetype'),
       url(/Content/fonts/fontello/font/entypo.svg?81035702#entypo) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url(/Content/font/entypo.svg?81035702#entypo) format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "entypo", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    font-size: 120%;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-note:before { content: '\e800'; } /* '' */
.icon-logo-db:before { content: '\e91b'; } /* '' */
.icon-music:before { content: '\e802'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-flashlight:before { content: '\e804'; } /* '' */
.icon-mail:before { content: '\e805'; } /* '' */
.icon-heart:before { content: '\e806'; } /* '' */
.icon-heart-empty:before { content: '\e807'; } /* '' */
.icon-star:before { content: '\e808'; } /* '' */
.icon-star-empty:before { content: '\e809'; } /* '' */
.icon-user:before { content: '\e80a'; } /* '' */
.icon-users:before { content: '\e80b'; } /* '' */
.icon-user-add:before { content: '\e80c'; } /* '' */
.icon-video:before { content: '\e80d'; } /* '' */
.icon-picture:before { content: '\e80e'; } /* '' */
.icon-camera:before { content: '\e80f'; } /* '' */
.icon-layout:before { content: '\e810'; } /* '' */

/*.fa-align-justify:before { content: '\e810'; }*/ /* '' */

.icon-menu:before { content: '\e811'; } /* '' */
.icon-check:before { content: '\e812'; } /* '' */
.icon-cancel:before { content: '\e813'; } /* '' */
.icon-cancel-circled:before { content: '\e814'; } /* '' */
.icon-cancel-squared:before { content: '\e815'; } /* '' */
.icon-plus:before { content: '\e816'; } /* '' */
.icon-plus-circled:before { content: '\e817'; } /* '' */
.icon-plus-squared:before { content: '\e818'; } /* '' */
.icon-minus:before { content: '\e819'; } /* '' */
.icon-minus-circled:before { content: '\e81a'; } /* '' */
.icon-minus-squared:before { content: '\e81b'; } /* '' */
.icon-help:before { content: '\e81c'; } /* '' */
.icon-help-circled:before { content: '\e81d'; } /* '' */
.icon-info:before { content: '\e81e'; } /* '' */
.icon-info-circled:before { content: '\e81f'; } /* '' */
.icon-back:before { content: '\e820'; } /* '' */
.icon-home:before { content: '\e821'; } /* '' */
.icon-link:before { content: '\e822'; } /* '' */
.icon-attach:before { content: '\e823'; } /* '' */
.icon-lock:before { content: '\e824'; } /* '' */
.icon-lock-open:before { content: '\e825'; } /* '' */
.icon-eye:before { content: '\e826'; } /* '' */
.icon-tag:before { content: '\e827'; } /* '' */
.icon-bookmark:before { content: '\e828'; } /* '' */
.icon-bookmarks:before { content: '\e829'; } /* '' */
.icon-flag:before { content: '\e82a'; } /* '' */
.icon-thumbs-up:before { content: '\e82b'; } /* '' */
.icon-thumbs-down:before { content: '\e82c'; } /* '' */
.icon-download:before { content: '\e82d'; } /* '' */
.icon-upload:before { content: '\e82e'; } /* '' */
.icon-upload-cloud:before { content: '\e82f'; } /* '' */
.icon-reply:before { content: '\e830'; } /* '' */
.icon-reply-all:before { content: '\e831'; } /* '' */
.icon-forward:before { content: '\e832'; } /* '' */
.icon-quote:before { content: '\e833'; } /* '' */
.icon-code:before { content: '\e834'; } /* '' */
.icon-export:before { content: '\e835'; } /* '' */
.icon-pencil:before { content: '\e836'; } /* '' */
.icon-feather:before { content: '\e837'; } /* '' */
.icon-print:before { content: '\e838'; } /* '' */
.icon-retweet:before { content: '\e839'; } /* '' */
.icon-keyboard:before { content: '\e83a'; } /* '' */
.icon-comment:before { content: '\e83b'; } /* '' */
.icon-chat:before { content: '\e83c'; } /* '' */
.icon-bell:before { content: '\e83d'; } /* '' */
.icon-attention:before { content: '\e83e'; } /* '' */
.icon-alert:before { content: '\e83f'; } /* '' */
.icon-vcard:before { content: '\e840'; } /* '' */
.icon-address:before { content: '\e841'; } /* '' */
.icon-location:before { content: '\e842'; } /* '' */
.icon-map:before { content: '\e843'; } /* '' */
.icon-direction:before { content: '\e844'; } /* '' */
.icon-compass:before { content: '\e845'; } /* '' */
.icon-cup:before { content: '\e846'; } /* '' */
.icon-trash:before { content: '\e847'; } /* '' */
.icon-doc:before { content: '\e848'; } /* '' */
.icon-docs:before { content: '\e849'; } /* '' */
.icon-doc-landscape:before { content: '\e84a'; } /* '' */
.icon-doc-text:before { content: '\e84b'; } /* '' */
.icon-doc-text-inv:before { content: '\e84c'; } /* '' */
.icon-newspaper:before { content: '\e84d'; } /* '' */
.icon-book-open:before { content: '\e84e'; } /* '' */
.icon-book:before { content: '\e84f'; } /* '' */
.icon-folder:before { content: '\e850'; } /* '' */
.icon-archive:before { content: '\e851'; } /* '' */
.icon-box:before { content: '\e852'; } /* '' */
.icon-rss:before { content: '\e853'; } /* '' */
.icon-phone:before { content: '\e854'; } /* '' */
.icon-cog:before { content: '\e855'; } /* '' */
.icon-tools:before { content: '\e856'; } /* '' */
.icon-share:before { content: '\e857'; } /* '' */
.icon-shareable:before { content: '\e858'; } /* '' */
.icon-basket:before { content: '\e859'; } /* '' */
.icon-bag:before { content: '\e85a'; } /* '' */
.icon-calendar:before { content: '\e85b'; } /* '' */
.icon-login:before { content: '\e85c'; } /* '' */
.icon-logout:before { content: '\e85d'; } /* '' */
.icon-mic:before { content: '\e85e'; } /* '' */
.icon-mute:before { content: '\e85f'; } /* '' */
.icon-sound:before { content: '\e860'; } /* '' */
.icon-volume:before { content: '\e861'; } /* '' */
.icon-clock:before { content: '\e862'; } /* '' */
.icon-hourglass:before { content: '\e863'; } /* '' */
.icon-lamp:before { content: '\e864'; } /* '' */
.icon-light-down:before { content: '\e865'; } /* '' */
.icon-light-up:before { content: '\e866'; } /* '' */
.icon-adjust:before { content: '\e867'; } /* '' */
.icon-block:before { content: '\e868'; } /* '' */
.icon-resize-full:before { content: '\e869'; } /* '' */
.icon-resize-small:before { content: '\e86a'; } /* '' */
.icon-popup:before { content: '\e86b'; } /* '' */
.icon-publish:before { content: '\e86c'; } /* '' */
.icon-window:before { content: '\e86d'; } /* '' */
.icon-arrow-combo:before { content: '\e86e'; } /* '' */
.icon-down-circled:before { content: '\e86f'; } /* '' */
.icon-left-circled:before { content: '\e870'; } /* '' */
.icon-right-circled:before { content: '\e871'; } /* '' */
.icon-up-circled:before { content: '\e872'; } /* '' */
.icon-down-open:before { content: '\e873'; } /* '' */
.icon-left-open:before { content: '\e874'; } /* '' */
.icon-right-open:before { content: '\e875'; } /* '' */
.icon-up-open:before { content: '\e876'; } /* '' */
.icon-down-open-mini:before { content: '\e877'; } /* '' */
.icon-left-open-mini:before { content: '\e878'; } /* '' */
.icon-right-open-mini:before { content: '\e879'; } /* '' */
.icon-up-open-mini:before { content: '\e87a'; } /* '' */
.icon-down-open-big:before { content: '\e87b'; } /* '' */
.icon-left-open-big:before { content: '\e87c'; } /* '' */
.icon-right-open-big:before { content: '\e87d'; } /* '' */
.icon-up-open-big:before { content: '\e87e'; } /* '' */
.icon-down:before { content: '\e87f'; } /* '' */
.icon-left:before { content: '\e880'; } /* '' */
.icon-right:before { content: '\e881'; } /* '' */
.icon-up:before { content: '\e882'; } /* '' */
.icon-down-dir:before { content: '\e883'; } /* '' */
.icon-left-dir:before { content: '\e884'; } /* '' */
.icon-right-dir:before { content: '\e885'; } /* '' */
.icon-up-dir:before { content: '\e886'; } /* '' */
.icon-down-bold:before { content: '\e887'; } /* '' */
.icon-left-bold:before { content: '\e888'; } /* '' */
.icon-right-bold:before { content: '\e889'; } /* '' */
.icon-up-bold:before { content: '\e88a'; } /* '' */
.icon-down-thin:before { content: '\e88b'; } /* '' */
.icon-left-thin:before { content: '\e88c'; } /* '' */
.icon-right-thin:before { content: '\e88d'; } /* '' */
.icon-note-beamed:before { content: '\e801'; } /* '' */
.icon-ccw:before { content: '\e88f'; } /* '' */
.icon-cw:before { content: '\e890'; } /* '' */
.icon-arrows-ccw:before { content: '\e891'; } /* '' */
.icon-level-down:before { content: '\e892'; } /* '' */
.icon-level-up:before { content: '\e893'; } /* '' */
.icon-shuffle:before { content: '\e894'; } /* '' */
.icon-loop:before { content: '\e895'; } /* '' */
.icon-switch:before { content: '\e896'; } /* '' */
.icon-play:before { content: '\e897'; } /* '' */
.icon-stop:before { content: '\e898'; } /* '' */
.icon-pause:before { content: '\e899'; } /* '' */
.icon-record:before { content: '\e89a'; } /* '' */
.icon-to-end:before { content: '\e89b'; } /* '' */
.icon-to-start:before { content: '\e89c'; } /* '' */
.icon-fast-forward:before { content: '\e89d'; } /* '' */
.icon-fast-backward:before { content: '\e89e'; } /* '' */
.icon-progress-0:before { content: '\e89f'; } /* '' */
.icon-progress-1:before { content: '\e8a0'; } /* '' */
.icon-progress-2:before { content: '\e8a1'; } /* '' */
.icon-progress-3:before { content: '\e8a2'; } /* '' */
.icon-target:before { content: '\e8a3'; } /* '' */
.icon-palette:before { content: '\e8a4'; } /* '' */
.icon-list:before { content: '\e8a5'; } /* '' */
.icon-list-add:before { content: '\e8a6'; } /* '' */
.icon-signal:before { content: '\e8a7'; } /* '' */
.icon-trophy:before { content: '\e8a8'; } /* '' */
.icon-battery:before { content: '\e8a9'; } /* '' */
.icon-back-in-time:before { content: '\e8aa'; } /* '' */
.icon-monitor:before { content: '\e8ab'; } /* '' */
.icon-mobile:before { content: '\e8ac'; } /* '' */
.icon-network:before { content: '\e8ad'; } /* '' */
.icon-cd:before { content: '\e8ae'; } /* '' */
.icon-inbox:before { content: '\e8af'; } /* '' */
.icon-install:before { content: '\e8b0'; } /* '' */
.icon-globe:before { content: '\e8b1'; } /* '' */
.icon-cloud:before { content: '\e8b2'; } /* '' */
.icon-cloud-thunder:before { content: '\e8b3'; } /* '' */
.icon-flash:before { content: '\e8b4'; } /* '' */
.icon-moon:before { content: '\e8b5'; } /* '' */
.icon-flight:before { content: '\e8b6'; } /* '' */
.icon-paper-plane:before { content: '\e8b7'; } /* '' */
.icon-leaf:before { content: '\e8b8'; } /* '' */
.icon-lifebuoy:before { content: '\e8b9'; } /* '' */
.icon-mouse:before { content: '\e8ba'; } /* '' */
.icon-briefcase:before { content: '\e8bb'; } /* '' */
.icon-suitcase:before { content: '\e8bc'; } /* '' */
.icon-dot:before { content: '\e8bd'; } /* '' */
.icon-dot-2:before { content: '\e8be'; } /* '' */
.icon-dot-3:before { content: '\e8bf'; } /* '' */
.icon-brush:before { content: '\e8c0'; } /* '' */
.icon-magnet:before { content: '\e8c1'; } /* '' */
.icon-infinity:before { content: '\e8c2'; } /* '' */
.icon-erase:before { content: '\e8c3'; } /* '' */
.icon-chart-pie:before { content: '\e8c4'; } /* '' */
.icon-chart-line:before { content: '\e8c5'; } /* '' */
.icon-chart-bar:before { content: '\e8c6'; } /* '' */
.icon-chart-area:before { content: '\e8c7'; } /* '' */
.icon-tape:before { content: '\e8c8'; } /* '' */
.icon-graduation-cap:before { content: '\e8c9'; } /* '' */
.icon-language:before { content: '\e8ca'; } /* '' */
.icon-ticket:before { content: '\e8cb'; } /* '' */
.icon-water:before { content: '\e8cc'; } /* '' */
.icon-droplet:before { content: '\e8cd'; } /* '' */
.icon-air:before { content: '\e8ce'; } /* '' */
.icon-credit-card:before { content: '\e8cf'; } /* '' */
.icon-floppy:before { content: '\e8d0'; } /* '' */
.icon-clipboard:before { content: '\e8d1'; } /* '' */
.icon-megaphone:before { content: '\e8d2'; } /* '' */
.icon-database:before { content: '\e8d3'; } /* '' */
.icon-drive:before { content: '\e8d4'; } /* '' */
.icon-bucket:before { content: '\e8d5'; } /* '' */
.icon-thermometer:before { content: '\e8d6'; } /* '' */
.icon-key:before { content: '\e8d7'; } /* '' */
.icon-flow-cascade:before { content: '\e8d8'; } /* '' */
.icon-flow-branch:before { content: '\e8d9'; } /* '' */
.icon-flow-tree:before { content: '\e8da'; } /* '' */
.icon-flow-line:before { content: '\e8db'; } /* '' */
.icon-flow-parallel:before { content: '\e8dc'; } /* '' */
.icon-rocket:before { content: '\e8dd'; } /* '' */
.icon-gauge:before { content: '\e8de'; } /* '' */
.icon-traffic-cone:before { content: '\e8df'; } /* '' */
.icon-cc:before { content: '\e8e0'; } /* '' */
.icon-cc-by:before { content: '\e8e1'; } /* '' */
.icon-cc-nc:before { content: '\e8e2'; } /* '' */
.icon-cc-nc-eu:before { content: '\e8e3'; } /* '' */
.icon-cc-nc-jp:before { content: '\e8e4'; } /* '' */
.icon-cc-sa:before { content: '\e8e5'; } /* '' */
.icon-cc-nd:before { content: '\e8e6'; } /* '' */
.icon-cc-pd:before { content: '\e8e7'; } /* '' */
.icon-cc-zero:before { content: '\e8e8'; } /* '' */
.icon-cc-share:before { content: '\e8e9'; } /* '' */
.icon-cc-remix:before { content: '\e8ea'; } /* '' */
.icon-github:before { content: '\e8eb'; } /* '' */
.icon-github-circled:before { content: '\e8ec'; } /* '' */
.icon-flickr:before { content: '\e8ed'; } /* '' */
.icon-flickr-circled:before { content: '\e8ee'; } /* '' */
.icon-vimeo:before { content: '\e8ef'; } /* '' */
.icon-vimeo-circled:before { content: '\e8f0'; } /* '' */
.icon-twitter:before { content: '\e8f1'; } /* '' */
.icon-twitter-circled:before { content: '\e8f2'; } /* '' */
.icon-facebook:before { content: '\e8f3'; } /* '' */
.icon-facebook-circled:before { content: '\e8f4'; } /* '' */
.icon-facebook-squared:before { content: '\e8f5'; } /* '' */
.icon-gplus:before { content: '\e8f6'; } /* '' */
.icon-gplus-circled:before { content: '\e8f7'; } /* '' */
.icon-pinterest:before { content: '\e8f8'; } /* '' */
.icon-pinterest-circled:before { content: '\e8f9'; } /* '' */
.icon-tumblr:before { content: '\e8fa'; } /* '' */
.icon-tumblr-circled:before { content: '\e8fb'; } /* '' */
.icon-linkedin:before { content: '\e8fc'; } /* '' */
.icon-linkedin-circled:before { content: '\e8fd'; } /* '' */
.icon-dribbble:before { content: '\e8fe'; } /* '' */
.icon-dribbble-circled:before { content: '\e8ff'; } /* '' */
.icon-stumbleupon:before { content: '\e900'; } /* '' */
.icon-stumbleupon-circled:before { content: '\e901'; } /* '' */
.icon-lastfm:before { content: '\e902'; } /* '' */
.icon-lastfm-circled:before { content: '\e903'; } /* '' */
.icon-rdio:before { content: '\e904'; } /* '' */
.icon-rdio-circled:before { content: '\e905'; } /* '' */
.icon-spotify:before { content: '\e906'; } /* '' */
.icon-spotify-circled:before { content: '\e907'; } /* '' */
.icon-qq:before { content: '\e908'; } /* '' */
.icon-instagram:before { content: '\e909'; } /* '' */
.icon-dropbox:before { content: '\e90a'; } /* '' */
.icon-evernote:before { content: '\e90b'; } /* '' */
.icon-flattr:before { content: '\e90c'; } /* '' */
.icon-skype:before { content: '\e90d'; } /* '' */
.icon-skype-circled:before { content: '\e90e'; } /* '' */
.icon-renren:before { content: '\e90f'; } /* '' */
.icon-sina-weibo:before { content: '\e910'; } /* '' */
.icon-paypal:before { content: '\e911'; } /* '' */
.icon-picasa:before { content: '\e912'; } /* '' */
.icon-soundcloud:before { content: '\e913'; } /* '' */
.icon-mixi:before { content: '\e914'; } /* '' */
.icon-behance:before { content: '\e915'; } /* '' */
.icon-google-circles:before { content: '\e916'; } /* '' */
.icon-vkontakte:before { content: '\e917'; } /* '' */
.icon-smashing:before { content: '\e918'; } /* '' */
.icon-sweden:before { content: '\e919'; } /* '' */
.icon-db-shape:before { content: '\e91a'; } /* '' */
.icon-up-thin:before { content: '\e88e'; } /* '' */
.imgs-grid {
  margin: 0 auto;
  font-size: 0;
}
.imgs-grid.imgs-grid-1 .imgs-grid-image {
  width: 100%;
  text-align: center;
}
.imgs-grid.imgs-grid-2 .imgs-grid-image{
  width: 50%;
}

.imgs-grid.imgs-grid-3 .imgs-grid-image{
  width: 33.333333333333336%;
}

.imgs-grid.imgs-grid-4 .imgs-grid-image {
  width: 25%;
}

.imgs-grid.imgs-grid-5 .imgs-grid-image {
  width: 20%;
}

.imgs-grid.imgs-grid-6 .imgs-grid-image {
  width: 16.66666666666667%;
}

.imgs-grid.imgs-grid-7 .imgs-grid-image {
  width: 14.28571428571429%;
}

.imgs-grid.imgs-grid-8 .imgs-grid-image {
  width: 12.5%;
}

.imgs-grid.imgs-grid-9 .imgs-grid-image {
  width: 11.11111111111111%;
}

.imgs-grid.imgs-grid-10 .imgs-grid-image {
  width: 10%;
}

.imgs-grid .imgs-grid-image {
  position: relative;
  display: inline-block;
  padding: 1px;
  box-sizing: border-box;
  text-align: center;
}
.imgs-grid .imgs-grid-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #f0f0f0;
}
.imgs-grid .imgs-grid-image:hover {
  cursor: pointer;
}
.imgs-grid .imgs-grid-image .image-wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.imgs-grid .imgs-grid-image .image-wrap img {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
}
.imgs-grid .imgs-grid-image .view-all {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.imgs-grid .imgs-grid-image .view-all:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  height: 100%;
}
.imgs-grid .imgs-grid-image .view-all:hover {
  cursor: pointer;
}
.imgs-grid .imgs-grid-image .view-all:hover .view-all-text {
  text-decoration: underline;
}
.imgs-grid .imgs-grid-image .view-all .view-all-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
}
.imgs-grid .imgs-grid-image .view-all .view-all-text {
  position: relative;
  font-size: 16px;
  font-family: sans-serif;
  color: white;
}
@media (max-width: 350px) {
  .imgs-grid .imgs-grid-image .view-all .view-all-text {
    font-size: 10px;
  }
}
.imgs-grid-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.85);
  opacity: 0;
  z-index: 100;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.imgs-grid-modal .modal-caption {
  padding: 30px 50px;
  text-align: center;
  color: white;
}
.imgs-grid-modal .modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  background-image: url(/Content/css/sections/imagegallery/img/imgs-grid-icons.png);
  background-repeat: no-repeat;
  background-position: -100px;
}

.imgs-grid-modal .modal-download {
  position: absolute;
  right: 155px;
  top: 10px;
  background-repeat: no-repeat;
  background-position: -100px;
}

.imgs-grid-modal .modal-close:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-inner {
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  right: 0;
}
.imgs-grid-modal .modal-inner .modal-control {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 70px;
}
.imgs-grid-modal .modal-inner .modal-control:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-inner .modal-control.left {
  left: 0;
}
.imgs-grid-modal .modal-inner .modal-control.right {
  right: 0;
}
.imgs-grid-modal .modal-inner .modal-control .arrow {
  margin: 0 auto;
  height: 100%;
  width: 40px;
  background-repeat: no-repeat;
  background-image: url(/Content/css/sections/imagegallery/img/imgs-grid-icons.png);
}
.imgs-grid-modal .modal-inner .modal-control .arrow.left {
  background-position: 2px center;
}
.imgs-grid-modal .modal-inner .modal-control .arrow.right {
  background-position: -42px center;
}
.imgs-grid-modal .modal-inner .modal-image {
  position: absolute;
  top: 0;
  left: 70px;
  right: 70px;
  bottom: 0;
  text-align: center;
}
.imgs-grid-modal .modal-inner .modal-image:before {
  display: inline-block;
  content: "";
  vertical-align: middle;
  height: 100%;
}
.imgs-grid-modal .modal-inner .modal-image img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.imgs-grid-modal .modal-inner .modal-image img:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-inner .modal-loader {
  display: inline-block;
  vertical-align: middle;
  color: silver;
  font-size: 14px;
}
@media (max-width: 800px) {
  .imgs-grid-modal .modal-inner .modal-control {
    width: 40px;
  }
  .imgs-grid-modal .modal-inner .modal-control .arrow {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .imgs-grid-modal .modal-inner .modal-image {
    left: 0;
    right: 0;
  }
}
.imgs-grid-modal .modal-indicator {
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  text-align: center;
}
.imgs-grid-modal .modal-indicator ul {
  margin: 0;
  padding: 0;
}
.imgs-grid-modal .modal-indicator ul li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid white;
  box-sizing: border-box;
  border-radius: 100%;
  margin: 0 1px;
  vertical-align: middle;
}
.imgs-grid-modal .modal-indicator ul li:hover {
  cursor: pointer;
}
.imgs-grid-modal .modal-indicator ul li.selected {
  background-color: white;
  width: 14px;
  height: 14px;
  margin: 0;
}

.main {
    position: relative;
}

.cbp-hrmenu {
	width: 100%;
    height: 49px;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #333;
    z-index: 100;
}

/* general ul style */
.cbp-hrmenu ul {
    
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 1160px;
	margin: 0 auto;
}

.cbp-hrmenu > ul > li {
	display: inline-block;
}

.cbp-hrmenu > ul > li > a {
	font-size: 12px;
	font-weight: 500;
    text-transform: uppercase;
	padding: 16px 10px;
	color: #fff;
	display: inline-block;
}

.cbp-hrmenu > ul > li > a:hover {
	color: #47a3da;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #fff;
	background: #47a3da;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #47a3da;
	width: 100%;
	left: 0;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 2em;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 25%;
	float: left;
	padding: 0 10px 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
}

.cbp-hrsub h4 {
    color: #afdefa;
	padding: 1em 0 0.6em;
	margin: 0;
	font-size: 160%;
	font-weight: 300;
}

/* Examples for media queries */

@media screen and (max-width: 52.75em) { 

	.cbp-hrmenu {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) { 

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #47a3da;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}




/*!
Video.js Default Styles (http://videojs.com)
Version 4.4.3
Create your own skin at http://designer.videojs.com
*/.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(font/vjs.eot);src:url(font/vjs.eot?#iefix) format('embedded-opentype'),url(font/vjs.woff) format('woff'),url(font/vjs.ttf) format('truetype');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-menu{display:block}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.vjs-default-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}
label.fa.fa-th-list, label.fa.fa-align-justify, label.fa.fa-th-large {
    padding: 3px;
}


.lighter-header {
    font-weight: lighter;
    cursor: pointer;
}

.active-header {
    font-weight: bold;
    cursor: pointer;
}

.mfp-close {
    margin-right: 15px !important;
    color: #000 !important;
}

.label-black {
    color: #fff;
    background-color: #333;
}

.control-label-static {
    margin-top: 0.15em;
}

.recipient-label {
    margin: 2px 3px;
    font-size: 12px;
    font-weight: normal;
}

.removeMail {
    cursor: pointer;
}

label.error {
    color: red;
}

#floatingBarsG {
    top: 20%;
    left: 50%;
    position: fixed !important;
}


.pdp-dividerLeft {
    border-left: 1px solid #ccc !important;
}

#floatingBarsG div {
    position: absolute;
}

.softlyHidden {
    display: none;
}

.quickDimensionSizes > .btn-size {
    margin-right: 10px;
    margin-bottom: 10px;
}

.quickDimensionSizes {
    padding-left: 30px;
}

.btnSize {
    border: 1px solid #ccc;
}

/*.btn-selected {
        outline: 2px solid #000;
    }*/

.field-invalid {
    border-color: #ebccd1 !important;
    background-color: #f2dede !important;
    color: #a94442 !important;
}

.field-warning {
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    color: #8a6d3b !important;
}

.section-heading {
    min-height: 40px;
}

.extra-availability, td {
    padding-right: 0.25em;
}

.js-avail-wrapper .item-unit-qty {
    text-transform: lowercase;
}

.price-unit-code {
    text-transform: lowercase;
}


@media print {
    .hotspotlist {
        page-break-before: always;
    }

    .showroom {
        page-break-before: always;
    }

    .print-visible {
        display: block !important;
    }
}

label {
    cursor: default;
}

.label-block {
    display: block;
}

.hover-product-hover-bg {
    height: 100%;
}

.btn-size {
    border: 1px solid #ccc;
}

.btn-outOfStock {
    background-color: #dfdfdf;
    border-color: #EEEEEE;
}

.btnSize {
    border-color: #ccc;
}

.btn-ptGrey {
    background-color: #A9A9A9;
    color: #fff;
    border-color: #999;
}

.btn-ptOrange {
    background-color: #ff9900;
    border-color: #EA920C;
    color: #fff;
}

.btn-ptBlue {
    background-color: #007ba5;
    border-color: #056D91;
    color: #fff;
}

.js-newCartName.not-valid {
    border-color: red;
}

.pt-blackStar {
    color: black;
}

.btn-color {
    margin-bottom: 7px;
}


.paymentItems {
    list-style-type: none;
}

    .paymentItems li {
        float: left;
        margin-right: 40px;
    }

    .paymentItems a {
        text-decoration: none;
    }

        .paymentItems a.active {
            text-decoration: none;
        }

    .paymentItems li a:before {
        font-family: FontAwesome, Helvetica, Arial, sans-serif;
        content: "\f10c";
        position: relative;
        top: 1px;
        left: -5px;
        min-width: 20px;
    }

    .paymentItems li a.active:before {
        content: "\f05d";
    }

.providerItems {
    margin-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #007ba5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    list-style-type: none;
    background-color: #d9edf7;
}

    .providerItems li {
        margin-top: 10px;
    }

    .providerItems a {
        text-decoration: none;
    }

        .providerItems a.active {
            text-decoration: none;
        }

    .providerItems li a:before {
        font-family: FontAwesome, Helvetica, Arial, sans-serif;
        content: "\f10c";
        position: relative;
        left: -5px;
        min-width: 20px;
    }

    .providerItems li a.active:before {
        content: "\f05d";
    }

.productAvailability {
    font-family: "Maven pro", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

.hover-product-title {
    height: 40px;
}

    .hover-product-title a:hover {
        text-decoration: none;
        color: #ff9900;
    }

.hover-product-image {
    -webkit-box-shadow: 0 10px 10px -7px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0 10px 10px -7px rgba(50, 50, 50, 0.5);
    box-shadow: 0 10px 10px -7px rgba(50, 50, 50, 0.5);
    border: 1px solid #ccc;
}

.main-nav {
    min-height: 0;
}

.navbar-nav > li:first-of-type > a {
    padding: 10px 10px;
}

.navbar-nav > li > a {
    padding: 10px 10px;
}

ol.breadcrumb {
    padding: 6px 0 5px 10px;
    font-size: 12px;
}

.breadcrumb > li + li:before {
    content: "\00a0>\00a0";
}

.breadcrumb label {
    font-weight: normal;
    margin-bottom: 0;
}

.breadcrumb a {
    font-weight: bold;
}

.slides img {
    border: 1px solid #ccc;
}

.hover-product-additional {
    overflow: hidden;
}

.slick-prev {
    z-index: 999;
}

.slick-next {
    z-index: 999;
}

section[class^="section_ProductDetail_"] {
    padding-bottom: 0;
}

#colorNameHolder {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    margin-left: 10px;
}

/*.product-detail {
    padding-bottom: 0;
}*/

.cbp-hrmenu {
    height: auto;
}

#ajaxLoader {
    width: 80px;
    height: 80px;
    background-image: url("../../img/gif-load.gif");
    z-index: 9999;
    display: none;
    position: absolute;
    top: 400px;
    left: 900px;
}

.color-notAvailable {
    background-color: #ff0000;
    height: 19px;
    border-radius: 3px;
}

.color-available {
    background-color: #38c400;
    height: 19px;
    border-radius: 3px;
}


#editmenu .nav-list input {
    width: 100%;
}

.label-parttrap {
    background-color: #007ba5;
}

.mfp-content {
    z-index: 10000;
}

.sidebar-navigation div.sidebar-item {
    padding-right: 26px;
}

/*.box-element:hover {
    background-color: #eeeeee;
}*/

.matrixinput {
    margin: 5px 0;
    float: left;
    margin-right: 15px;
    width: 150px;
}

.gridinputbutton, .filterinputbutton {
    margin: 5px 0;
    float: left;
    margin-right: 15px;
}

    .filterinputbutton .selected {
        background-color: black;
        color: white;
    }

.gridinputbutton {
    width: 80px;
}

    .gridinputbutton .btn {
        width: 100%;
    }

.validation-summary-errors li {
    font-weight: bold;
    color: red;
}

.product-nav-layout label {
    color: #999;
}

label.active {
    color: #333;
}

.autocomplete-image {
    padding: 4px;
}

.header section, .top-bar section, .main-nav section {
    padding-bottom: 0;
    padding-top: 0;
}

.content section {
    padding-bottom: 20px;
    padding-top: 0;
}

.column-2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}


.quickshopcontent {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.sidebar-nav-heading {
    padding-left: 10px;
}

.capitalize {
    text-transform: capitalize !important;
}

.uppercase {
    text-transform: uppercase !important;
}

/*FIX FOR MECS START*/
.sidebar-nav-items {
    border-top: 1px solid #eee;
}

.toggle > .toggle-item:first-child {
    border-top: none;
}

.modal-header .close {
    margin-right: 10px;
}

.banner-wrapper-slide {
    padding-top: 50px;
}

.banner-wrapper-main {
    padding-top: 0 !important;
}

.product-favourite-btn.selected {
    color: black;
}

.sidebar-nav-items a {
    padding-right: 20px;
    /*margin: 3px 0 13px 20px;*/
}

.toggle-lvl-one a {
    margin-left: 0;
}

.navbar-nav li.active {
    background-color: #333;
}

    .navbar-nav li.active .menulabel {
        color: white !important;
        outline: 0;
        background-color: #333;
    }



.secondleveltoggle {
    outline: 0 !important;
}

.header {
    padding: 10px 0 !important;
}

.navbar-nav a {
    font-weight: 600 !important;
}

/*.featured-carousel .flex-direction-nav a{
    width: 40px !important;
}

.flex-direction-nav a{
    height:40px !important;
}

.featured-carousel .flex-direction-nav .flex-prev{
    padding:0 0 0 14px !important;
    top:-50px !important;
    right: 50px !important;
}

.featured-carousel .flex-direction-nav .flex-next{
    padding: 0 14px 0 0 !important;
    top:-50px !important;
}

.flex-direction-nav a:before{
    font-size:30px !important;
}*/

/*.more-black{
   background-color:#333;
   color:white;
   padding-left:10px;
   padding-right:10px;
}*/

.product-grid.product-grid-horizontal {
    padding: 0px;
}

.product-grid.product-grid-horizontal {
    /*padding: 2px 0;*/
    padding-bottom: 2px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

/*.product{
    padding: 10px 0 0px 0 !important;
}*/

hr.thin {
    margin-bottom: 0px;
    margin-top: 0px;
}

.nav-tabs li a {
    background-color: #F7F7F7;
}

.nav-tabs li.active a {
    font-weight: 600;
}

a {
    outline: 0 !important;
}

.cart-view-table > tbody tr td {
    padding: 0 10px;
    padding-bottom: 3px;
}

.page-header, .sub-header {
    padding-bottom: 2px;
}

.page-header {
    font-size: 30px;
    color: #ff9900;
    border: none;
}

/*Carousel*/
.carousel-inner .item {
    background-color: #fff;
}

.carousel-caption, .carousel-btn {
    color: #000;
    border-color: #000;
}


/*Fix for small basket*/
.cart-product-nr {
    overflow: hidden;
}

.cart-field-amount {
    white-space: nowrap;
}

.sizeIds .btn {
    margin-bottom: 10px;
}

.btnColor {
    height: 23px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    /*opacity: 0.7;*/
}

.matrixColor {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #565656;
}

.input-group-addon {
    padding: 6px 6px;
    font-size: 12px;
}

.matrixView .form-control {
    text-align: center;
}

.btnColor-active, .btnConfig-active {
    border: none;
    /*border-bottom: 2px solid #000;*/
    outline: 2px solid #000;
    outline-offset: 1px;
}

.btnColor:focus {
    border: none;
    /*border-bottom: 2px solid #000;*/
    outline: 2px solid #999;
    outline-offset: 1px;
}

.btnSize:focus {
    border: 1px solid #999 !important;
}

.btn-selected {
    /*border: none;*/
    /*border-bottom: 2px solid #000;*/
    /*outline: 2px solid #000;*/
    /*outline-offset: 1px;*/
    background-color: #687e56 !important;
    color: #fff;
}

/*FIX FOR MECS END*/

/*.modal{
    display: inline;
}*/

/*FIX FOR POPUP IMAGE*/
.mfp-figure img {
    background-color: #fff;
}

.more-information {
    font-size: 14px;
}

.text-available {
    color: green;
}

.text-notavailable {
    color: red;
}


/*for flowting bottom link*/
.atlwdg-trigger {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #013466;
    border-color: -moz-use-text-color white white;
    border-image: none;
    border-radius: 0 0 5px 5px;
    border-right: 2px solid white;
    border-style: none solid solid;
    border-width: medium 2px 2px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    color: white;
    display: block;
    font-family: arial,FreeSans,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    position: fixed;
    text-decoration: none !important;
    white-space: nowrap;
}

.flag {
    width: 16px;
    height: 11px;
    background: url(../../Content/images/icons/flags.png) no-repeat;
}

    .flag.flag-ad {
        background-position: -16px 0;
    }

    .flag.flag-ae {
        background-position: -32px 0;
    }

    .flag.flag-af {
        background-position: -48px 0;
    }

    .flag.flag-ag {
        background-position: -64px 0;
    }

    .flag.flag-ai {
        background-position: -80px 0;
    }

    .flag.flag-al {
        background-position: -96px 0;
    }

    .flag.flag-am {
        background-position: -112px 0;
    }

    .flag.flag-an {
        background-position: -128px 0;
    }

    .flag.flag-ao {
        background-position: -144px 0;
    }

    .flag.flag-ar {
        background-position: -160px 0;
    }

    .flag.flag-as {
        background-position: -176px 0;
    }

    .flag.flag-at {
        background-position: -192px 0;
    }

    .flag.flag-au {
        background-position: -208px 0;
    }

    .flag.flag-aw {
        background-position: -224px 0;
    }

    .flag.flag-az {
        background-position: -240px 0;
    }

    .flag.flag-ba {
        background-position: 0 -11px;
    }

    .flag.flag-bb {
        background-position: -16px -11px;
    }

    .flag.flag-bd {
        background-position: -32px -11px;
    }

    .flag.flag-be {
        background-position: -48px -11px;
    }

    .flag.flag-bf {
        background-position: -64px -11px;
    }

    .flag.flag-bg {
        background-position: -80px -11px;
    }

    .flag.flag-bh {
        background-position: -96px -11px;
    }

    .flag.flag-bi {
        background-position: -112px -11px;
    }

    .flag.flag-bj {
        background-position: -128px -11px;
    }

    .flag.flag-bm {
        background-position: -144px -11px;
    }

    .flag.flag-bn {
        background-position: -160px -11px;
    }

    .flag.flag-bo {
        background-position: -176px -11px;
    }

    .flag.flag-br {
        background-position: -192px -11px;
    }

    .flag.flag-bs {
        background-position: -208px -11px;
    }

    .flag.flag-bt {
        background-position: -224px -11px;
    }

    .flag.flag-bv {
        background-position: -240px -11px;
    }

    .flag.flag-bw {
        background-position: 0 -22px;
    }

    .flag.flag-by {
        background-position: -16px -22px;
    }

    .flag.flag-bz {
        background-position: -32px -22px;
    }

    .flag.flag-ca {
        background-position: -48px -22px;
    }

    .flag.flag-catalonia {
        background-position: -64px -22px;
    }

    .flag.flag-cd {
        background-position: -80px -22px;
    }

    .flag.flag-cf {
        background-position: -96px -22px;
    }

    .flag.flag-cg {
        background-position: -112px -22px;
    }

    .flag.flag-ch {
        background-position: -128px -22px;
    }

    .flag.flag-ci {
        background-position: -144px -22px;
    }

    .flag.flag-ck {
        background-position: -160px -22px;
    }

    .flag.flag-cl {
        background-position: -176px -22px;
    }

    .flag.flag-cm {
        background-position: -192px -22px;
    }

    .flag.flag-cn {
        background-position: -208px -22px;
    }

    .flag.flag-co {
        background-position: -224px -22px;
    }

    .flag.flag-cr {
        background-position: -240px -22px;
    }

    .flag.flag-cu {
        background-position: 0 -33px;
    }

    .flag.flag-cv {
        background-position: -16px -33px;
    }

    .flag.flag-cw {
        background-position: -32px -33px;
    }

    .flag.flag-cy {
        background-position: -48px -33px;
    }

    .flag.flag-cz {
        background-position: -64px -33px;
    }

    .flag.flag-de {
        background-position: -80px -33px;
    }

    .flag.flag-dj {
        background-position: -96px -33px;
    }

    .flag.flag-dk {
        background-position: -112px -33px;
    }

    .flag.flag-dm {
        background-position: -128px -33px;
    }

    .flag.flag-do {
        background-position: -144px -33px;
    }

    .flag.flag-dz {
        background-position: -160px -33px;
    }

    .flag.flag-ec {
        background-position: -176px -33px;
    }

    .flag.flag-ee {
        background-position: -192px -33px;
    }

    .flag.flag-eg {
        background-position: -208px -33px;
    }

    .flag.flag-eh {
        background-position: -224px -33px;
    }

    .flag.flag-england {
        background-position: -240px -33px;
    }

    .flag.flag-er {
        background-position: 0 -44px;
    }

    .flag.flag-es {
        background-position: -16px -44px;
    }

    .flag.flag-et {
        background-position: -32px -44px;
    }

    .flag.flag-eu {
        background-position: -48px -44px;
    }

    .flag.flag-fi {
        background-position: -64px -44px;
    }

    .flag.flag-fj {
        background-position: -80px -44px;
    }

    .flag.flag-fk {
        background-position: -96px -44px;
    }

    .flag.flag-fm {
        background-position: -112px -44px;
    }

    .flag.flag-fo {
        background-position: -128px -44px;
    }

    .flag.flag-fr {
        background-position: -144px -44px;
    }

    .flag.flag-ga {
        background-position: -160px -44px;
    }

    .flag.flag-gb {
        background-position: -176px -44px;
    }

    .flag.flag-gd {
        background-position: -192px -44px;
    }

    .flag.flag-ge {
        background-position: -208px -44px;
    }

    .flag.flag-gf {
        background-position: -224px -44px;
    }

    .flag.flag-gg {
        background-position: -240px -44px;
    }

    .flag.flag-gh {
        background-position: 0 -55px;
    }

    .flag.flag-gi {
        background-position: -16px -55px;
    }

    .flag.flag-gl {
        background-position: -32px -55px;
    }

    .flag.flag-gm {
        background-position: -48px -55px;
    }

    .flag.flag-gn {
        background-position: -64px -55px;
    }

    .flag.flag-gp {
        background-position: -80px -55px;
    }

    .flag.flag-gq {
        background-position: -96px -55px;
    }

    .flag.flag-gr {
        background-position: -112px -55px;
    }

    .flag.flag-gs {
        background-position: -128px -55px;
    }

    .flag.flag-gt {
        background-position: -144px -55px;
    }

    .flag.flag-gu {
        background-position: -160px -55px;
    }

    .flag.flag-gw {
        background-position: -176px -55px;
    }

    .flag.flag-gy {
        background-position: -192px -55px;
    }

    .flag.flag-hk {
        background-position: -208px -55px;
    }

    .flag.flag-hm {
        background-position: -224px -55px;
    }

    .flag.flag-hn {
        background-position: -240px -55px;
    }

    .flag.flag-hr {
        background-position: 0 -66px;
    }

    .flag.flag-ht {
        background-position: -16px -66px;
    }

    .flag.flag-hu {
        background-position: -32px -66px;
    }

    .flag.flag-ic {
        background-position: -48px -66px;
    }

    .flag.flag-id {
        background-position: -64px -66px;
    }

    .flag.flag-ie {
        background-position: -80px -66px;
    }

    .flag.flag-il {
        background-position: -96px -66px;
    }

    .flag.flag-im {
        background-position: -112px -66px;
    }

    .flag.flag-in {
        background-position: -128px -66px;
    }

    .flag.flag-io {
        background-position: -144px -66px;
    }

    .flag.flag-iq {
        background-position: -160px -66px;
    }

    .flag.flag-ir {
        background-position: -176px -66px;
    }

    .flag.flag-is {
        background-position: -192px -66px;
    }

    .flag.flag-it {
        background-position: -208px -66px;
    }

    .flag.flag-je {
        background-position: -224px -66px;
    }

    .flag.flag-jm {
        background-position: -240px -66px;
    }

    .flag.flag-jo {
        background-position: 0 -77px;
    }

    .flag.flag-jp {
        background-position: -16px -77px;
    }

    .flag.flag-ke {
        background-position: -32px -77px;
    }

    .flag.flag-kg {
        background-position: -48px -77px;
    }

    .flag.flag-kh {
        background-position: -64px -77px;
    }

    .flag.flag-ki {
        background-position: -80px -77px;
    }

    .flag.flag-km {
        background-position: -96px -77px;
    }

    .flag.flag-kn {
        background-position: -112px -77px;
    }

    .flag.flag-kp {
        background-position: -128px -77px;
    }

    .flag.flag-kr {
        background-position: -144px -77px;
    }

    .flag.flag-kurdistan {
        background-position: -160px -77px;
    }

    .flag.flag-kw {
        background-position: -176px -77px;
    }

    .flag.flag-ky {
        background-position: -192px -77px;
    }

    .flag.flag-kz {
        background-position: -208px -77px;
    }

    .flag.flag-la {
        background-position: -224px -77px;
    }

    .flag.flag-lb {
        background-position: -240px -77px;
    }

    .flag.flag-lc {
        background-position: 0 -88px;
    }

    .flag.flag-li {
        background-position: -16px -88px;
    }

    .flag.flag-lk {
        background-position: -32px -88px;
    }

    .flag.flag-lr {
        background-position: -48px -88px;
    }

    .flag.flag-ls {
        background-position: -64px -88px;
    }

    .flag.flag-lt {
        background-position: -80px -88px;
    }

    .flag.flag-lu {
        background-position: -96px -88px;
    }

    .flag.flag-lv {
        background-position: -112px -88px;
    }

    .flag.flag-ly {
        background-position: -128px -88px;
    }

    .flag.flag-ma {
        background-position: -144px -88px;
    }

    .flag.flag-mc {
        background-position: -160px -88px;
    }

    .flag.flag-md {
        background-position: -176px -88px;
    }

    .flag.flag-me {
        background-position: -192px -88px;
    }

    .flag.flag-mg {
        background-position: -208px -88px;
    }

    .flag.flag-mh {
        background-position: -224px -88px;
    }

    .flag.flag-mk {
        background-position: -240px -88px;
    }

    .flag.flag-ml {
        background-position: 0 -99px;
    }

    .flag.flag-mm {
        background-position: -16px -99px;
    }

    .flag.flag-mn {
        background-position: -32px -99px;
    }

    .flag.flag-mo {
        background-position: -48px -99px;
    }

    .flag.flag-mp {
        background-position: -64px -99px;
    }

    .flag.flag-mq {
        background-position: -80px -99px;
    }

    .flag.flag-mr {
        background-position: -96px -99px;
    }

    .flag.flag-ms {
        background-position: -112px -99px;
    }

    .flag.flag-mt {
        background-position: -128px -99px;
    }

    .flag.flag-mu {
        background-position: -144px -99px;
    }

    .flag.flag-mv {
        background-position: -160px -99px;
    }

    .flag.flag-mw {
        background-position: -176px -99px;
    }

    .flag.flag-mx {
        background-position: -192px -99px;
    }

    .flag.flag-my {
        background-position: -208px -99px;
    }

    .flag.flag-mz {
        background-position: -224px -99px;
    }

    .flag.flag-na {
        background-position: -240px -99px;
    }

    .flag.flag-nc {
        background-position: 0 -110px;
    }

    .flag.flag-ne {
        background-position: -16px -110px;
    }

    .flag.flag-nf {
        background-position: -32px -110px;
    }

    .flag.flag-ng {
        background-position: -48px -110px;
    }

    .flag.flag-ni {
        background-position: -64px -110px;
    }

    .flag.flag-nl {
        background-position: -80px -110px;
    }

    .flag.flag-no {
        background-position: -96px -110px;
    }

    .flag.flag-np {
        background-position: -112px -110px;
    }

    .flag.flag-nr {
        background-position: -128px -110px;
    }

    .flag.flag-nu {
        background-position: -144px -110px;
    }

    .flag.flag-nz {
        background-position: -160px -110px;
    }

    .flag.flag-om {
        background-position: -176px -110px;
    }

    .flag.flag-pa {
        background-position: -192px -110px;
    }

    .flag.flag-pe {
        background-position: -208px -110px;
    }

    .flag.flag-pf {
        background-position: -224px -110px;
    }

    .flag.flag-pg {
        background-position: -240px -110px;
    }

    .flag.flag-ph {
        background-position: 0 -121px;
    }

    .flag.flag-pk {
        background-position: -16px -121px;
    }

    .flag.flag-pl {
        background-position: -32px -121px;
    }

    .flag.flag-pm {
        background-position: -48px -121px;
    }

    .flag.flag-pn {
        background-position: -64px -121px;
    }

    .flag.flag-pr {
        background-position: -80px -121px;
    }

    .flag.flag-ps {
        background-position: -96px -121px;
    }

    .flag.flag-pt {
        background-position: -112px -121px;
    }

    .flag.flag-pw {
        background-position: -128px -121px;
    }

    .flag.flag-py {
        background-position: -144px -121px;
    }

    .flag.flag-qa {
        background-position: -160px -121px;
    }

    .flag.flag-re {
        background-position: -176px -121px;
    }

    .flag.flag-ro {
        background-position: -192px -121px;
    }

    .flag.flag-rs {
        background-position: -208px -121px;
    }

    .flag.flag-ru {
        background-position: -224px -121px;
    }

    .flag.flag-rw {
        background-position: -240px -121px;
    }

    .flag.flag-sa {
        background-position: 0 -132px;
    }

    .flag.flag-sb {
        background-position: -16px -132px;
    }

    .flag.flag-sc {
        background-position: -32px -132px;
    }

    .flag.flag-scotland {
        background-position: -48px -132px;
    }

    .flag.flag-sd {
        background-position: -64px -132px;
    }

    .flag.flag-se {
        background-position: -80px -132px;
    }

    .flag.flag-sg {
        background-position: -96px -132px;
    }

    .flag.flag-sh {
        background-position: -112px -132px;
    }

    .flag.flag-si {
        background-position: -128px -132px;
    }

    .flag.flag-sk {
        background-position: -144px -132px;
    }

    .flag.flag-sl {
        background-position: -160px -132px;
    }

    .flag.flag-sm {
        background-position: -176px -132px;
    }

    .flag.flag-sn {
        background-position: -192px -132px;
    }

    .flag.flag-so {
        background-position: -208px -132px;
    }

    .flag.flag-somaliland {
        background-position: -224px -132px;
    }

    .flag.flag-sr {
        background-position: -240px -132px;
    }

    .flag.flag-ss {
        background-position: 0 -143px;
    }

    .flag.flag-st {
        background-position: -16px -143px;
    }

    .flag.flag-sv {
        background-position: -32px -143px;
    }

    .flag.flag-sx {
        background-position: -48px -143px;
    }

    .flag.flag-sy {
        background-position: -64px -143px;
    }

    .flag.flag-sz {
        background-position: -80px -143px;
    }

    .flag.flag-tc {
        background-position: -96px -143px;
    }

    .flag.flag-td {
        background-position: -112px -143px;
    }

    .flag.flag-tf {
        background-position: -128px -143px;
    }

    .flag.flag-tg {
        background-position: -144px -143px;
    }

    .flag.flag-th {
        background-position: -160px -143px;
    }

    .flag.flag-tj {
        background-position: -176px -143px;
    }

    .flag.flag-tk {
        background-position: -192px -143px;
    }

    .flag.flag-tl {
        background-position: -208px -143px;
    }

    .flag.flag-tm {
        background-position: -224px -143px;
    }

    .flag.flag-tn {
        background-position: -240px -143px;
    }

    .flag.flag-to {
        background-position: 0 -154px;
    }

    .flag.flag-tr {
        background-position: -16px -154px;
    }

    .flag.flag-tt {
        background-position: -32px -154px;
    }

    .flag.flag-tv {
        background-position: -48px -154px;
    }

    .flag.flag-tw {
        background-position: -64px -154px;
    }

    .flag.flag-tz {
        background-position: -80px -154px;
    }

    .flag.flag-ua {
        background-position: -96px -154px;
    }

    .flag.flag-ug {
        background-position: -112px -154px;
    }

    .flag.flag-um {
        background-position: -128px -154px;
    }

    .flag.flag-us {
        background-position: -144px -154px;
    }

    .flag.flag-uy {
        background-position: -160px -154px;
    }

    .flag.flag-uz {
        background-position: -176px -154px;
    }

    .flag.flag-va {
        background-position: -192px -154px;
    }

    .flag.flag-vc {
        background-position: -208px -154px;
    }

    .flag.flag-ve {
        background-position: -224px -154px;
    }

    .flag.flag-vg {
        background-position: -240px -154px;
    }

    .flag.flag-vi {
        background-position: 0 -165px;
    }

    .flag.flag-vn {
        background-position: -16px -165px;
    }

    .flag.flag-vu {
        background-position: -32px -165px;
    }

    .flag.flag-wales {
        background-position: -48px -165px;
    }

    .flag.flag-wf {
        background-position: -64px -165px;
    }

    .flag.flag-ws {
        background-position: -80px -165px;
    }

    .flag.flag-ye {
        background-position: -96px -165px;
    }

    .flag.flag-yt {
        background-position: -112px -165px;
    }

    .flag.flag-za {
        background-position: -128px -165px;
    }

    .flag.flag-zanzibar {
        background-position: -144px -165px;
    }

    .flag.flag-zm {
        background-position: -160px -165px;
    }

    .flag.flag-zw {
        background-position: -176px -165px;
    }


.activeFilters {
    display: none;
}

.hiddenFilter {
    display: none;
}

.hideIrrelevantFilter {
    display: none;
}

.filter-box {
    margin-bottom: 6px;
    margin-top: 10px;
    max-width: 100%;
    line-height: 22px;
    padding: 5px;
    border: 1px solid #dedede;
}

    .filter-box .label {
        margin-bottom: 0;
        margin-right: 3px;
        cursor: pointer;
    }

.filter-tag, .clearAllFilter {
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
}

    .filter-tag .label {
        background-color: #007ba5;
    }

.clearAllFilter {
    padding-left: 6px;
}

    .clearAllFilter .label {
        background-color: #5bc0de;
    }

.filterMore .icon-plus, .filterLess .icon-minus {
    cursor: pointer;
}

.clearFilter, .clearAllFilter, .clearBoxFilter {
    cursor: pointer;
}


/*
    .normalView .col-xs-1:nth-child() {
    padding-left: 0;
}
*/

.normalView .col-xs-1 {
    padding-left: 0;
}

.productparentnode {
    position: relative;
    padding-bottom: 0 !important;
}

    .productparentnode > a {
        margin: 3px 0 13px 20px;
    }

    .productparentnode .toggle-sign {
        font-family: "Maven pro", sans-serif, Arial;
    }

.subnodemenu ul {
    padding-left: 0;
}

.subnodemenu li {
    float: left;
    margin: 10px;
    margin-left: 0;
    list-style: none;
}

.multiselect {
    border-radius: 4px !important;
}

.subnodemenu li:first-child {
    margin-left: 0;
}

#productfilter .form-group {
    float: left;
    /*width: 200px;*/
    padding-right: 20px;
}

.table-responsive .order-lines th {
    font-size: 12px;
    vertical-align: top;
}



/*POPUP temp fix fix*/
body.modal-open {
    overflow: hidden;
}

.modal-dialog {
    max-width: 90%;
    margin: 10px auto;
}

.modal-content {
    overflow-x: hidden;
    overflow-y: hidden;
}

    .modal-content .container {
        width: auto;
        padding: 0 30px;
    }

.table-responsive .order-lines a {
    text-decoration: underline;
}

.section_OrderDetail a {
    text-decoration: underline;
}

.section_TransactionalDocumentDetails a {
    text-decoration: underline;
}

.invoice-list a {
    text-decoration: underline !important;
}

.order-list a {
    text-decoration: underline !important;
}

.your-clock {
    margin-left: 0;
    margin-right: 0;
}

.multiselect-container label.checkbox {
    font-size: 10px;
}

.producttable th {
    white-space: nowrap;
}

.product-nav {
    margin-bottom: 0px;
}

.producttable #itemsAvailable {
    margin-left: 0;
}

.producttable .dl-horizontal dt {
    text-align: left;
}

.reloadlist {
    margin-top: 20px;
}



.navbar-collapse.in {
    overflow-y: inherit;
}

/*.dropdown .dropdown-menu {
    background-color: #333;
}*/

li.dropdown-submenu a:hover {
    color: #333;
}

@media (min-width: 1200px) {
    .mediaPull-left {
        float: left !important;
    }

    .mediaPull-right {
        float: right !important;
    }
}

.block {
    display: block !important;
}

.navbar-collapse {
    max-height: none;
}

.item p {
    margin: 0;
}

.toggle-lvl-one div.sidebar-item {
    font-size: 14px;
}

ul.product-table-image {
    padding-left: 0;
}

li.subnode-item .label h4 {
    color: #555;
    margin-top: 0;
}

.cart {
    position: relative;
}

.cart-content {
    position: absolute;
    background-color: #fff;
    z-index: 9999;
    width: 100%;
    -webkit-box-shadow: 0px 19px 8px 2px rgba(50,50,50,0.63);
    -moz-box-shadow: 0px 19px 8px 2px rgba(50,50,50,0.63);
    box-shadow: 0px 19px 8px 2px rgba(50, 50, 50, 0.63);
}

.countdown {
    float: left;
    font-weight: bold;
}

    .countdown span {
        font-weight: normal;
    }

@media (min-width: 992px) {
    .cart:hover {
        width: 180%;
    }
}

.mini-cart-content .row {
    border-bottom: 1px solid #ccc;
}

    .mini-cart-content .row:last-child {
        border-bottom: none;
    }

.mini-cart-content .image-column, .mini-cart-content .info-column {
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 4px;
}

.mini-cart-content p {
    margin-bottom: 0;
}

.cart-content, .cart-content .row {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.js-removeFromBasket {
    position: absolute;
    right: 10px;
}



/*#editpageform > .row .fullwidthtype {
    display: block;
}*/

.column .fullwidthtype {
    display: none;
}

.footer .section {
    padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .page {
        display: flex;
        min-height: 100vh;
        flex-direction: column;
    }

    .content {
        flex: 1;
    }
}

.tooltip-inner {
    min-width: 80px;
}

.hover-product-price {
    min-width: 55px;
}

.form-horizontal .form-control-static {
    padding-top: 0 !important;
}

.form-horizontal .control-label-lg {
    padding-top: 0;
}

.producttable h4 {
    font-size: 14px;
}

h2.subcategoryheader {
    border-bottom: 1px solid #eee;
}

.section_LoginStatus ul.dropdown-menu {
    margin-top: 0;
}

#forgot-pw-msg {
    font-weight: bold;
    color: red;
    margin-top: 15px;
}

#login-response-msg-holder {
    padding-left: 15px;
    font-weight: bold;
    color: red;
}

.download-product-image {
    max-width: 50px;
    position: relative;
}

/*Worldpay logos*/
.worldPayIcons table, .worldPayIcons td {
    padding-right: 10px;
}


/* Diagram Books */
.DiagramBookHighlightHotspot {
    border: 2px solid #ff0000;
}

.DiagramBookHideHotspots:not(:hover) {
    border-width: 0px !important;
    background-color: transparent !important;
}

.DiagramBookToggleHideHotspots:not(:hover) {
    border-width: 0px !important;
    background-color: transparent !important;
}

.CheckoutFieldHelpText {
    color: #ff0000;
}

.CheckoutTermsOfSale {
    text-align: right;
}

    .CheckoutTermsOfSale a {
        text-decoration: underline;
    }

    .CheckoutTermsOfSale p {
        color: #ff0000;
    }

/* Fix for horizontal scroll */

@media (max-width: 1199px) {
    .table-responsive {
        overflow-x: auto;
    }

    .modal-body .table-responsive {
        display: block;
    }
}

/* Fix for Total price listings */

@media (min-width: 1200px) {
    #summaryWrapper #basketList-standard .col-md-12 .cart-view-content.table-responsive ~ .row {
        padding-right: 47px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #summaryWrapper #basketList-standard .col-md-12 .cart-view-content.table-responsive ~ .row {
        padding-right: 41px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #summaryWrapper #basketList-standard .col-md-12 .cart-view-content.table-responsive ~ .row {
        padding-right: 34px;
    }
}

/* Order Summary Details margin */

#summaryWrapper .OrderSummaryDetails {
    margin-top: 15px;
}

.OrderSummaryShipToAddress .form-group div {
    padding-left: 0px;
}

#summaryWrapper .cart-view-table tbody tr {
    height: auto;
}

#summaryWrapper .cart-view-content .cart-view-table .tooltip {
    padding-left: 5px;
}

#summaryWrapper .cart-view-table thead {
    border: none;
}

#summaryWrapper .OrderSummaryBillToAddress .form-group div {
    padding-left: 10px;
}

.section_Checkout .OrderSummaryShipToAddress {
    padding-left: 0px;
}

.OrderSummaryDetails .OrderSummaryDetailsHeader .form-group div {
    padding-left: 0px;
}

/* Fix for OrderSummaryHelpText */

#checkoutWrapper > #summarySection > #summaryWrapper > .row:nth-of-type(2) {
    margin-bottom: 5px;
    padding-right: 15px;
}

/*fix for max width of news image*/
.news-list .post-img {
    max-width: 120px;
}

.js-product-erp-selector .btn-group.buttons {
    display: block;
}

.js-product-erp-selector .btn-attr-value {
    float: none;
}

    .js-product-erp-selector .btn-attr-value.active {
        background-color: black;
        color: white;
    }

    .js-product-erp-selector .btn-attr-value img {
        border: 2px solid transparent;
    }

    .js-product-erp-selector .btn-attr-value.active img {
        border: 2px solid white;
    }

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

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

/*customization title from title2 attribute*/
.infotitle[title2]:hover:after {
    content: attr(title2);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: 0;
    top: 100%;
    white-space: nowrap;
    z-index: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

/*  tooltip customization
.tooltip-inner {
  background-color: #00acd6 !important;
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #00acd6;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #00acd6;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #00acd6;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #00acd6;
}
    */

.minibasket-fullview .cart:hover .cart-content {
    display: none;
}

.minibasket-fullview .cart:hover {
    box-shadow: none;
    width: 100%;
}

.minibasket-fullview .cart-switcher-tooltip {
    display: none;
}

.cart .cart-icon .cart-switcher {
    background: url("../images/icons/cart.png") no-repeat;
    background-size: cover;
    width: 57px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    z-index: 99;
}


/*Hide login in header at login page*/
.pt-page-login .section_LoginStatus {
    visibility: hidden;
}
/*Hide login in header at login page end*/


/*padding to quantie in table @ shoppinglist*/
.section_ShopplingList #quantity-table {
    padding-left: 50px;
}
/*padding to quantie in table @ shoppinglist end*/

.diagram-book-zoom-slider-container {
    margin-bottom: 20px;
}

.section_Checkout .OrderSummaryDetailsHeader label {
    padding-left: 0px;
}

.section_Checkout #summaryWrapper .form-horizontal {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.section_Checkout #summaryWrapper #basketList-standard {
    border-top: 0px;
}

.section_Checkout #basketList-standard td.basket-thumbnail img, .section_Basket #basketList-standard td.basket-thumbnail img {
    max-width: 100px;
    height: auto !important;
    padding-top: 5px;
    padding-bottom: 3px;
}


@media (max-width: 768px) {
    .OrderSummaryAddresses .form-group label {
        padding-left: 20px;
    }

    .OrderSummaryAddresses .form-group div {
        padding-left: 20px !important;
    }

    .OrderSummaryAddresses .form-group {
        margin-top: 15px;
    }


    .OrderSummaryShipToAddress {
        margin-left: 15px;
        margin-right: 15px;
    }


        .OrderSummaryShipToAddress .form-group label {
            padding-left: 20px;
        }

        .OrderSummaryShipToAddress .form-group div {
            padding-left: 20px !important;
        }

        .OrderSummaryShipToAddress .form-group {
            margin-top: 15px;
        }




    .OrderSummaryDetailsHeader .form-group label {
        padding-left: 20px;
    }

    .OrderSummaryDetailsHeader .form-group div {
        padding-left: 20px !important;
    }

    .OrderSummaryDetailsHeader .form-group {
        margin-top: 15px;
    }
}

.section_Checkout #btn-continue-holder {
    float: right;
    margin-left: 10px;
}

.invoice-due-date-expired {
    color: red;
}

#pos_field_container .col-md-12 {
    padding-left: 0px;
}

#pos_field_container .col-sm-12 {
    padding-left: 0px;
}

#pos_field_container .col-sm-6 {
    padding-left: 0px;
}

#pos_field_container .col-sm-8 {
    padding-left: 0px;
}

#pos_field_container .col-sm-4 {
    padding-left: 0px;
}

#pos_field_container .col-md-12 {
    padding-bottom: 10px;
}

#pos_fields {
    margin-top: 15px;
}

.btnPlacePosCashOrCheckOrder {
    float: right;
}


.js-expandable-table .editable-text {
    min-width: 100%;
}

.form-horizontal-fix.form-horizontal .control-label-lg {
    padding-top: 8px;
}

.form-horizontal-fix.form-horizontal .form-control-static {
    padding-top: 7px !important;
}

.js-MergeToCurrentQuote {
    display: inline-block;
    color: #226949;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

    .js-MergeToCurrentQuote:after {
        background-color: #226949;
        display: block;
        content: "";
        height: 2px;
        width: 0%;
        -webkit-transition: width .3s ease-in-out;
        -moz--transition: width .3s ease-in-out;
        transition: width .3s ease-in-out;
    }

    .js-MergeToCurrentQuote:hover:after,
    .js-MergeToCurrentQuote:focus:after {
        width: 100%;
    }

#selectAllFullFields {
    margin-top: 13px;
    margin-left: -50px;
}

.basket-qty-input-field {
    width: 70px;
    height: 32px;
    text-align: center;
}

.headerSortDown:after,
.headerSortUp:after {
    content: ' ';
    position: relative;
    left: 2px;
    border: 8px solid transparent;
}

.headerSortDown:after {
    top: 10px;
    border-top-color: silver;
}

.headerSortUp:after {
    bottom: 15px;
    border-bottom-color: silver;
}

.headerSortDown,
.headerSortUp {
    padding-right: 10px;
}

.sortableHeader:hover {
    cursor: pointer;
}

.bookPageDescription {
    margin-left: 10px;
}

.slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.high-light-product-list-row {
    background: lightGrey;
}


@media (hover: hover) {
    .show-second-image .hover-product-image-second {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: 2s ease;
    }

    .show-second-image .hover-product-image-first {
        opacity: 0;
        transition: 2s ease;
    }

    .show-second-image .hover-product-image-second {
        opacity: 1;
        display: block !important;
    }
}

@media (hover: none) {
    .show-second-image .hover-product-image-second {
        display: none !important;
    }
}

.hover-product-image-second {
}

.section_ProductDetailDiagrams .product-detail-diagrams-list {
    list-style-type: none;
    padding-left: 15px;
}

.section_ProductDetailDiagrams .product-diagram-detail-img {
    cursor: pointer;
}

.section_CheckoutConfirmation .basket-qty-input-field[readonly] {
    background: transparent;
    border: none;
}


.filter-dropdown-numeric-container .filterinputbutton {
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: 20px;
    padding-left: 20px;
}

    .filter-dropdown-numeric-container .filterinputbutton label {
        height: 100%;
        margin: 0px;
        position: relative;
        border: 0px;
        font-size: 14px;
        font-weight: normal;
    }

        .filter-dropdown-numeric-container .filterinputbutton label input {
            background-color: transparent;
            border: 0px;
        }

        .filter-dropdown-numeric-container .filterinputbutton label span {
            top: 3px;
            position: relative;
        }

.filter-dropdown-numeric-container li.checked .filterinputbutton {
    background-color: #999;
}

.filter-dropdown-numeric-container

.clear-numeric-dropdown-filter {
    background-color: #007ba5;
    margin-bottom: 0;
    margin-right: 3px;
    cursor: pointer;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}



.filter-dropdown-numeric-container .filterinputbutton {
    margin: 0px;
}




.filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

    .filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton label {
        height: 100%;
        margin: 0px;
        position: relative;
        border: 0px;
        font-size: 14px;
        font-weight: normal;
        padding: 3px 20px 3px 40px;
    }

        .filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton label input {
            text-transform: none;
            background-color: transparent;
            border: 0px;
            color: #333;
            height: 25px;
            text-align: left;
            padding-left: 40px;
        }

.filter-dropdown-numeric-in-dropdown-view-container .active .filterinputbutton label input {
    color: rgb(255, 255, 255);
}

.filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton label span {
    top: 3px;
    position: relative;
}

.filter-dropdown-numeric-in-dropdown-view-container li.checked .filterinputbutton {
    background-color: #999;
}

.filter-dropdown-numeric-in-dropdown-view-container .btn-group {
    width: 100%;
}

.activeFilterDrop .filtervalues-dropdown {
    padding: 0px;
}

.filter-dropdown-numeric-in-dropdown-view-container label {
}

.form-group.activeFilterDrop .filter-dropdown-numeric-in-dropdown-view-container ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.filter-dropdown-numeric-in-dropdown-view-container .filterinputbutton .drop-down-select-button {
    width: 100%;
    position: absolute;
    left: 0px;
}

.filter-dropdown-numeric-in-dropdown-view-container .checkbox input[type="radio"] {
    float: left;
    margin-left: -20px;
}

.filter-dropdown-numeric-in-dropdown-view-container ul {
    background-color: #eeeeee;
}


.save-configuration-button {
    float: right;
    margin-right: 5px;
}

/*.configurator-field-container {
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    padding: 25px;
}*/

.configurator-container .nav-tabs a::before {
    content: '\25CF';
    font-size: 20px;
    color: red;
    margin-right: 15px;
}

.configurator-container .nav-tabs {
    margin-top: 20px;
}

    .configurator-container .nav-tabs .config-page-is-complete a::before {
        color: green;
    }

.configurator-field-container {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 10%);
    padding: 25px;
}

.configurator-container .nav-tabs {
    margin-top: 20px;
}

.config-optional-container {
    margin-top: 30px;
    text-align: center;
}

.remove-optional-select-from-config {
    font-size: 18px;
    cursor: pointer;
}

.configurator-container .configurator-field-caption::before {
    color: red;
    content: '\25CF';
    font-size: 20px;
    margin-right: 15px
}

.configurator-container .field-is-completed .configurator-field-caption::before {
    color: green;
}

.configurator-container .tab-content {
    margin-left: 0px;
    margin-right: 0px;
}

.configurator-container .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
}

.config-debug-content-container {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.config-debug-btn {
    margin-top: 15px;
}

/*CONFIG IMAGE BUTTON START*/
/* HIDE RADIO */
.config-image-button-container [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

    /* IMAGE STYLES */
    .config-image-button-container [type=radio] + .config-image-button-img {
        cursor: pointer;
    }

    /* CHECKED STYLES */
    .config-image-button-container [type=radio]:checked + .config-image-button-img {
        outline: 2px solid #f00;
    }

.config-image-button-img {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-image: url("/en/image/getthumbnail/1000");
}

.config-image-button-container .image-button-holder {
    float: left;
    margin: 10px;
}

/*CONFIG IMAGE BUTTON END*/



.section_Toggle .switch-field label {
    color: white;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 16px;
    margin-right: -4px;
    border: 3px solid #02A4E4;
    transition: all 0.1s ease-in-out;
}

.section_Toggle .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.section_Toggle .switch-field label:hover {
    cursor: pointer;
}

.section_Toggle .switch-field input:checked + label {
    background-color: #02A4E4;
    box-shadow: none;
    border-color: #02A4E4;
    color: #02A4E4;
}

.section_Toggle .toggle-label-hidden {
    display: none;
}

    .section_Toggle .toggle-label-hidden.toggle-visible-label {
        display: inline-block;
        width: auto;
    }

.section_Toggle .switch-field {
    display: inline-block;
    width: auto;
}

/*JQUERY UI FIXES FROM EARLIER VERSION*/
.ui-tooltip {
    opacity: 1;
    color: white;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    font-weight: normal;
    color: #222;
    background-color: #fff;
}

/*Availabilitycheck*/
.avail-check-wrapper {
    
}

.avail-check-result {
    margin-top: 0.5em;    
}
.product-grid ul .avail-check-result {
    text-align: right;
}

/* ---------- PT3D / 2D configurator iframe box ----------

   One ratio box for every mode, 3D and 2D alike. The spacer is a
   pseudo-element so a min-height cannot stack on top of the padding, which is
   what made the landscape box half again too tall. ONE decides the ratio
   through the aspect-ratio-* class; nothing here reads the mode. */

.PT3D-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* Unset renders as Landscape, and so does anything unrecognised: an unknown
   class must not collapse the box to nothing. */
.PT3D-container::before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.PT3D-container.aspect-ratio-Portrait::before {
    padding-top: 133.3333%;
}

/* A 3:4 box in a wide column would be taller than the viewport, so portrait is
   bounded by height and centred instead. */
.PT3D-container.aspect-ratio-Portrait {
    max-width: 75vh;
    margin-left: auto;
    margin-right: auto;
}

.PT3D-container > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.PT3D-container .pt2d-config-note {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    margin: 0;
    padding: .4em .6em;
    font-size: .8em;
    line-height: 1.3;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    pointer-events: none;
}

/* ---------- 2D configurator carousel ----------
   Built by PT3D (CarouselLayerSurface / CarouselLightbox) straight into this
   page's DOM, so it is styled here rather than inside the section's iframe.
   PT3D sets no inline styles: the slide on screen and the selected thumbnail
   carry .is-active, and the root carries --empty (no images) or --single (one).
   Themes can re-skin it through the custom properties below. */
.pt2d-carousel {
    --pt2d-accent: #222;
    --pt2d-radius: 8px;
    --pt2d-thumb-size: 72px;
    --pt2d-control-size: 40px;
    --pt2d-speed: .3s;
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    gap: 12px;
    outline: none;
}

.pt2d-carousel:focus-visible {
    box-shadow: 0 0 0 2px var(--pt2d-accent);
    border-radius: var(--pt2d-radius);
}

.pt2d-carousel__stage {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    border-radius: var(--pt2d-radius);
    cursor: zoom-in;
}

.pt2d-carousel--empty .pt2d-carousel__stage {
    cursor: default;
}

/* Fade, like the product image library. Inactive slides must stay hidden. */
.pt2d-carousel__slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--pt2d-speed) ease, visibility 0s linear var(--pt2d-speed);
}

.pt2d-carousel__slide.is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity var(--pt2d-speed) ease;
}

/* Round controls shared by the carousel and the lightbox; chevrons are drawn here. */
.pt2d-carousel__prev,
.pt2d-carousel__next,
.pt2d-lightbox__prev,
.pt2d-lightbox__next,
.pt2d-lightbox__close {
    position: absolute;
    z-index: 2;
    width: var(--pt2d-control-size, 40px);
    height: var(--pt2d-control-size, 40px);
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #222;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    cursor: pointer;
    transition: opacity .2s ease, background-color .2s ease, transform .2s ease;
}

.pt2d-carousel__prev:hover,
.pt2d-carousel__next:hover,
.pt2d-lightbox__prev:hover,
.pt2d-lightbox__next:hover,
.pt2d-lightbox__close:hover {
    background: #fff;
}

.pt2d-carousel__prev:focus-visible,
.pt2d-carousel__next:focus-visible,
.pt2d-lightbox__prev:focus-visible,
.pt2d-lightbox__next:focus-visible,
.pt2d-lightbox__close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.pt2d-carousel__prev::before,
.pt2d-carousel__next::before,
.pt2d-lightbox__prev::before,
.pt2d-lightbox__next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.pt2d-carousel__prev::before,
.pt2d-lightbox__prev::before {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.pt2d-carousel__next::before,
.pt2d-lightbox__next::before {
    transform: translate(-70%, -50%) rotate(45deg);
}

.pt2d-carousel__prev,
.pt2d-carousel__next {
    top: 50%;
    margin-top: calc(var(--pt2d-control-size) / -2);
}

.pt2d-carousel__prev {
    left: 12px;
}

.pt2d-carousel__next {
    right: 12px;
}

/* With a mouse, the arrows appear on hover; on touch they are always there. */
@media (hover: hover) {
    .pt2d-carousel__prev,
    .pt2d-carousel__next {
        opacity: 0;
    }

    .pt2d-carousel__stage:hover .pt2d-carousel__prev,
    .pt2d-carousel__stage:hover .pt2d-carousel__next,
    .pt2d-carousel__prev:focus-visible,
    .pt2d-carousel__next:focus-visible {
        opacity: 1;
    }
}

.pt2d-carousel__thumbs {
    flex: 0 0 var(--pt2d-thumb-size);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 3px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.pt2d-carousel__thumb {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: calc(var(--pt2d-radius) - 2px);
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    opacity: .6;
    cursor: pointer;
    transition: opacity .2s ease, box-shadow .2s ease;
}

.pt2d-carousel__thumb:hover {
    opacity: .9;
}

.pt2d-carousel__thumb.is-active {
    opacity: 1;
    box-shadow: 0 0 0 2px var(--pt2d-accent);
}

.pt2d-carousel__thumb:focus-visible {
    outline: none;
    opacity: 1;
    box-shadow: 0 0 0 2px var(--pt2d-accent), 0 0 0 5px rgba(0, 0, 0, .12);
}

.pt2d-carousel__thumb img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

/* Thumbnails show from one image up; arrows only when there is somewhere to go. */
.pt2d-carousel--empty .pt2d-carousel__thumbs,
.pt2d-carousel--empty .pt2d-carousel__prev,
.pt2d-carousel--empty .pt2d-carousel__next,
.pt2d-carousel--single .pt2d-carousel__prev,
.pt2d-carousel--single .pt2d-carousel__next {
    display: none;
}

/* ---------- 2D configurator lightbox ----------
   Opened by clicking the image on screen; appended to <body>. */
.pt2d-lightbox {
    --pt2d-control-size: 48px;
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 88px;
    background: rgba(17, 17, 17, .88);
    outline: none;
    animation: pt2d-fade-in .2s ease;
}

.pt2d-lightbox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 48px rgba(0, 0, 0, .45);
}

.pt2d-lightbox__prev,
.pt2d-lightbox__next {
    top: 50%;
    margin-top: calc(var(--pt2d-control-size) / -2);
}

.pt2d-lightbox__prev {
    left: 20px;
}

.pt2d-lightbox__next {
    right: 20px;
}

.pt2d-lightbox__close {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
}

.pt2d-lightbox__close::before,
.pt2d-lightbox__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    background: currentColor;
}

.pt2d-lightbox__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.pt2d-lightbox__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pt2d-lightbox__counter {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    padding: .25em .75em;
    border-radius: 999px;
    font-size: .85em;
    color: #fff;
    background: rgba(0, 0, 0, .45);
}

.pt2d-lightbox--single .pt2d-lightbox__prev,
.pt2d-lightbox--single .pt2d-lightbox__next,
.pt2d-lightbox--single .pt2d-lightbox__counter {
    display: none;
}

body.pt2d-lightbox-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .pt2d-lightbox {
        padding: 56px 12px;
    }

    .pt2d-lightbox__prev {
        left: 8px;
    }

    .pt2d-lightbox__next {
        right: 8px;
    }
}

@keyframes pt2d-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .pt2d-carousel {
        --pt2d-speed: 0s;
    }

    .pt2d-lightbox {
        animation: none;
    }
}

/* ---------- Info hotspot popup ---------- */
.pt3d-infopopup {
    position: absolute;
    top: 7rem;
    right: 10rem;
    z-index: 20; 

    width: 320px;
    min-height: 200px;
    max-width: calc(100% - 32px);
    max-height: calc(100% - 32px);
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); 
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18), 0 2px 6px rgba(0, 0, 0, 0.10);
    color: #1c1c1e;
    overflow: hidden;
    animation: pt3d-popup-in 0.22s ease-out;
}


.pt3d-infopopup.hidden {
    display: none;
}

@keyframes pt3d-popup-in {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


.pt3d-infopopup .pt3d-popup-body {
    padding: 30px 20px 58px;
    overflow-y: auto;
    max-height: calc(100% - 32px);
    font-size: 14px;
    line-height: 1.5;
}


.pt3d-infopopup .pt3d-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #6b6b70;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.pt3d-infopopup .pt3d-popup-close:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #1c1c1e;
}


.pt3d-infopopup .pt3d-popup-prev,
.pt3d-infopopup .pt3d-popup-next {
    position: absolute;
    bottom: 12px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 50%;
    background: #fff;
    color: #1c1c1e;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    transition: transform 0.12s ease, background 0.15s ease;
}

.pt3d-infopopup .pt3d-popup-prev {
    left: 16px;
}

.pt3d-infopopup .pt3d-popup-next {
    right: 16px;
}

.pt3d-infopopup .pt3d-popup-prev:hover,
.pt3d-infopopup .pt3d-popup-next:hover {
    background: #f2f2f4;
    transform: scale(1.06);
}

.pt3d-infopopup .pt3d-popup-prev:active,
.pt3d-infopopup .pt3d-popup-next:active {
    transform: scale(0.96);
}


ul.ui-autocomplete {
    z-index: 10000;
}

#quicksearchform .btn {
    cursor: auto;
}
/*
 * Categorized search dropdown — structural / layout styles only.
 *
 * Colours, typography, and brand details are owned by the front-end team. A
 * neutral white background and 1px borders are included as defaults so the
 * widget is readable out of the box; the front-end team replaces these with
 * the site theme.
 *
 * Class hooks the widget JS and partial rely on:
 *   .categorized-search                 — form wrapper
 *   .categorized-search__anchor         — positioning context for the dropdown
 *   .categorized-search-input           — the <input>
 *   .categorized-search-dropdown        — dropdown root
 *     --loading                         — toggled on the dropdown while a fetch
 *                                         is in flight; intentionally unstyled
 *                                         here so the front-end team can wire
 *                                         a spinner / shimmer / etc. The input
 *                                         also receives aria-busy="true".
 *     __tabs                            — tab strip
 *       __tab                           — single tab button
 *         --active                      — currently selected tab
 *     __items                           — results <ul>
 *       __item                          — result row
 *         --highlighted                 — keyboard-selected row
 *         --empty                       — "No results for ..." row
 *         __item-category               — left category label
 *         __item-label                  — right column wrapping stockcode + text
 *           __item-stockcode            — inline stock-code tag inside the label cell
 *           __item-text                 — the descriptive text (with <mark>)
 *     __footer                          — keyboard hints + More Results
 *       __hints / __hint                — keyboard hint group
 *       __more-results                  — footer link
 */

.categorized-search__anchor {
    position: relative;
}

.categorized-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    /* Default: match the input's width and never overflow the viewport. The
       wider 520px floor only kicks in on desktop (>=768px) — see the media
       query below. Without that gate, min-width: 520px beats max-width on a
       400px-wide phone and the dropdown spills off the right of the screen. */
    min-width: 100%;
    max-width: calc(100vw - 32px);
    max-height: 70vh;
    margin-top: 2px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    overflow: hidden;
}

@media (min-width: 768px) {
    .categorized-search-dropdown {
        min-width: 100%;
        min-width: max(100%, 520px);
    }
}

.categorized-search-dropdown[hidden] {
    display: none;
}

/* Tabs strip */

.categorized-search-dropdown__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 8px 8px 0 8px;
    flex: 0 0 auto;
}

.categorized-search-dropdown__tab {
    appearance: none;
    background: none;
    border: 1px solid #ccc;
    padding: 4px 12px;
    cursor: pointer;
    line-height: 1.4;
    white-space: nowrap;
}

.categorized-search-dropdown__tab:focus {
    outline: 2px solid;
    outline-offset: 1px;
}

/* `--active` only flips weight; colour and chip styling come from the
   front-end team's theme. */
.categorized-search-dropdown__tab--active {
    font-weight: bold;
}

/* Items list */

.categorized-search-dropdown__items {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    overflow-y: auto;
}

.categorized-search-dropdown__item {
    /* Explicit block so Bootstrap nav/dropdown rules (.nav > li > a, etc.) that
       float or inline list items can't affect this element. */
    display: block;
    padding: 8px 12px;
    cursor: pointer;
    border-top: 1px solid #eee;
}

/* Two-class selector (0,2,0) beats Bootstrap's .nav > li > a (0,1,2) so
   display:grid is not overridden when the search is inside a navbar context. */
.categorized-search-dropdown__item .categorized-search-dropdown__item-link {
    display: grid;
    /* `minmax(0, 1fr)` (not bare `1fr`) lets the label column shrink below
       its content's natural width so long product names wrap instead of
       overflowing the dropdown's right edge. */
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.categorized-search-dropdown__item:first-child {
    border-top: 0;
}

.categorized-search-dropdown__item--highlighted,
.categorized-search-dropdown__item:hover {
    /* Front-end team owns the highlight colour; the structural cue is the
       cursor + a subtle inset stripe that adopts the page text colour. */
    background: rgba(0, 0, 0, 0.04);
    box-shadow: inset 3px 0 0 currentColor;
}

.categorized-search-dropdown__item--empty {
    cursor: default;
    font-style: italic;
}

.categorized-search-dropdown__item--more .categorized-search-dropdown__item-link {
    grid-template-columns: 1fr;
    font-style: italic;
}

.categorized-search-dropdown__item--empty:hover,
.categorized-search-dropdown__item--empty.categorized-search-dropdown__item--highlighted {
    background: none;
    box-shadow: none;
}

.categorized-search-dropdown__item-category {
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.categorized-search-dropdown__item-label {
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
}

.categorized-search-dropdown__item-label mark {
    background: transparent;
    font-weight: bold;
    padding: 0;
}

.categorized-search-dropdown__item-stockcode {
    display: inline-block;
    font-family: monospace;
    font-size: 0.85em;
    padding: 1px 6px;
    margin-right: 6px;
    border: 1px solid #ccc;
    border-radius: 2px;
    white-space: nowrap;
}

/* Footer */

.categorized-search-dropdown__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px 12px;
    border-top: 1px solid #eee;
    flex: 0 0 auto;
}

.categorized-search-dropdown__hints {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.85em;
}

.categorized-search-dropdown__hint {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.categorized-search-dropdown__hint kbd {
    /* Bootstrap 3 ships kbd as white-on-dark; we override to a neutral chip
       so it doesn't clash with the dropdown background. `color: inherit` is
       critical — without it Bootstrap's `color: #fff` survives and the key
       label renders white-on-white. */
    padding: 1px 6px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 0.9em;
    line-height: 1.2;
    background: none;
    color: inherit;
    box-shadow: none;
}

.categorized-search-dropdown__more-results {
    flex: 0 0 auto;
    text-decoration: underline;
    cursor: pointer;
}

.categorized-search-dropdown__more-results:empty {
    display: none;
}

.section_ProductImageLibrary .product-slider .flex-active-slide a {
    text-align: center;
}

.onlyrepresentative_image {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    margin-bottom: 0;
    background-color: white;
    padding: 4px;
}

.product-slider {
    position: relative;
}

@media screen and (min-width: 1031px) {

    .vertical .slick-slider.main .slick-slide {
        padding-left: 120px;
    }

    .vertical .slider-nav-section {
        margin: 0 auto;
    }

    .vertical .slick-slide {
        width: 80px;
        margin-right: 10px;
    }

        .vertical .slick-slide:focus, .vertical .slick-slide:active {
            outline: none;
        }

    .vertical .slides img {
        border: none;
    }

    .vertical .slider-nav-section {
        width: 350px;
    }

    .vertical .slider-nav-section {
        position: absolute;
        top: 0;
        transform: rotate(90deg) translateX(50%);
        left: -120px;
    }

        .vertical .slider-nav-section .slick-slide img {
            transform: rotate(-90deg);
        }
}

.FilterMultiSelect .btn-group, .FilterMultiSelect .btn-group .multiselect, .FilterMultiSelect .btn-group .multiselect-container {
    width: 100%;
}

.multiselect-container > li > a > label > input[type="checkbox"] {
    margin-top: 2px;
}

.multiselect-container > li > a > label > input[type="radio"] {
    margin-top: 2px;
}

.multiselect-container > li.divider {
    margin: 0px;
}

.iconFilter {
    margin-right: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    line-height: normal;
}

.activeIconFilter {
    border: 1px solid #333;
    margin:-2px;
}

.filter-dropdown {
    position: relative;
    width: 180px;
}

    .filter-dropdown div.control-label {
        overflow: hidden;
        text-overflow: ellipsis;
    }

#productfilter button.dropdown-toggle {
    text-transform: none;
}

.activeFilters:after{
clear:both;
content:"";
display:block;
}

.additionalpricetext label{
    font-weight: inherit;
}

@media (min-width: 768px) {
    #productfilter .col-sm-12 > div:nth-of-type(5) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    #productfilter .col-sm-12 > div:nth-of-type(5) {
        clear: none;
    }

    #productfilter .col-sm-12 > div:nth-of-type(6) {
        clear: both;
    }
}


/*For dropdown filter*/
 #productfilter.dropDownFilters .FilterMultiSelect button {
        display: none;
    }

    .form-group.activeFilterDrop .js-filterboxMulti, .form-group.activeFilterDrop .js-filterboxMultiValues {
        border-bottom: 1px solid transparent;
        z-index: 1003;
        position: relative;
    }

    .form-group.activeFilterDrop ul {
        /*z-index: 1 !important;*/
        top: -11px;
        border-radius: 0;
        padding: 0 0 5px 0;
        /*left: -1px;*/
        box-shadow: none;
    }

    .js-iconContainer, .filtervalues-dropdown {
        position: relative;
        background-color: #eeeeee;
        padding: 5px;
        border: 1px solid rgba(0,0,0,0.15);
        top: -1px;
        z-index: 1;
        display: none;
        visibility: hidden;
    }

    .activeFilterDrop, .activeFilterDrop .js-iconSelect {
        border-bottom: transparent;
        z-index: 1003;
        position: relative;
    }

    #productfilter.dropDownFilters .control-label.btn.btn-default {
        width: 100%;
    }

    .activeFilterDrop .js-iconContainer, .activeFilterDrop .filtervalues-dropdown {
        display: block;
        visibility: visible;
        z-index: 1003;
    }

    .filterWrapper {
        height: 40px;
        border-top: 1px solid #ccc;
        position: relative;
        /*z-index: 3;*/
    }

        .filterWrapper .btn {
            border-top: none;
            border-radius: 0;
        }

            .filterWrapper .btn:active {
                box-shadow: none;
                background-color: white;
            }

    .activeFilterDrop .filterWrapper {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        z-index: 1004;
          background-color: #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }

        .activeFilterDrop .filterWrapper .btn {
            border-left: none;
            border-right: none;
        }

    #productfilter.dropDownFilters .FilterMultiSelect, #productfilter.dropDownFilters .FilterMultiSelectValues {
        visibility: hidden;
    }

    #productfilter.dropDownFilters .activeFilterDrop .FilterMultiSelect, #productfilter.dropDownFilters .activeFilterDrop .FilterMultiSelectValues {
        visibility: visible;
        z-index: 1002;
    }

    div.activeFilter {
        font-weight: bold;
    }

    .js-iconContainer .row {
        margin: 0;
    }

        .js-iconContainer .row:hover {
            background-color: #f5f5f5;
            cursor: pointer;
        }

        .js-iconContainer .row input {
            /*background-color: #f5f5f5;*/
            cursor: pointer;
        }

    .filterWrapper .control-label {
        background-color: #eeeeee;
    }

        .filterWrapper .control-label:hover {
            background-color: #eeeeee;
        }


    .FilterMultiSelect .multiselect-container {
        background-color: #eeeeee;
    }

    .dropDownFilters .form-group {
        margin-bottom: 0;
    }
/* Ion.RangeSlider
// css version 2.0.2
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
    position: relative; display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
        outline: none !important;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 11%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 11%;
        }

    .irs-bar {
        position: absolute; display: block;
        left: 0; width: 0;
    }
        .irs-bar-edge {
            position: absolute; display: block;
            top: 0; left: 0;
        }

    .irs-shadow {
        position: absolute; display: none;
        left: 0; width: 0;
    }

    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {

        }
        .irs-slider.from {

        }
        .irs-slider.to {

        }
        .irs-slider.type_last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }

.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        padding: 0 3px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: -1%;
    width: 102%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}
.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

/* Ion.RangeSlider, Nice Skin
// css version 2.0.0
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
    background: url(../img/sprite-skin-nice.png) repeat-x;
}

.irs {
    height: 40px;
}
.irs-with-grid {
    height: 60px;
}
.irs-line {
    height: 8px; top: 25px;
}
    .irs-line-left {
        height: 8px;
        background-position: 0 -30px;
    }
    .irs-line-mid {
        height: 8px;
        background-position: 0 0;
    }
    .irs-line-right {
        height: 8px;
        background-position: 100% -30px;
    }

.irs-bar {
    height: 8px; top: 25px;
    background-position: 0 -60px;
}
    .irs-bar-edge {
        top: 25px;
        height: 8px; width: 11px;
        background-position: 0 -90px;
    }

.irs-shadow {
    height: 1px; top: 34px;
    background: #000;
    opacity: 0.15;
}
.lt-ie9 .irs-shadow {
    filter: alpha(opacity=15);
}

.irs-slider {
    width: 22px; height: 22px;
    top: 17px;
    background-position: 0 -120px;
}
#irs-active-slider, .irs-slider:hover {
    background-position: 0 -150px;
}

.irs-min, .irs-max {
    color: #999;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    top: 0; padding: 1px 3px;
    background: rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #fff;
    font-size: 10px; line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid-pol {
    background: #99a4ac;
}
.irs-grid-text {
    color: #99a4ac;
}

.irs-disabled {
}

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}

#floatingBarsG,#floatingBarsG2 {
    position: absolute;
    width: 32px;
    height: 40px;
    display: none;
    z-index: 9999;
}
#floatingBarsG2 {
    top: 20%;
    left: 50%;
    position: fixed !important;
}


.blockG {
    position: absolute;
    background-color: #FFFFFF;
    width: 5px;
    height: 12px;
    -moz-border-radius: 5px 5px 0 0;
    -moz-transform: scale(0.4);
    -moz-animation-name: fadeG;
    -moz-animation-duration: 0.64s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 5px 5px 0 0;
    -webkit-transform: scale(0.4);
    -webkit-animation-name: fadeG;
    -webkit-animation-duration: 0.64s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -o-border-radius: 5px 5px 0 0;
    -o-transform: scale(0.4);
    -o-animation-name: fadeG;
    -o-animation-duration: 0.64s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -ms-border-radius: 5px 5px 0 0;
    -ms-transform: scale(0.4);
    -ms-animation-name: fadeG;
    -ms-animation-duration: 0.64s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    border-radius: 5px 5px 0 0;
    transform: scale(0.4);
    animation-name: fadeG;
    animation-duration: 0.64s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#rotateG_01 {
    left: 0;
    top: 15px;
    -moz-animation-delay: 0.72s;
    -moz-transform: rotate(-90deg);
    -webkit-animation-delay: 0.72s;
    -webkit-transform: rotate(-90deg);
    -o-animation-delay: 0.72s;
    -o-transform: rotate(-90deg);
    -ms-animation-delay: 0.72s;
    -ms-transform: rotate(-90deg);
    animation-delay: 0.72s;
    transform: rotate(-90deg);
}

#rotateG_02 {
    left: 4px;
    top: 5px;
    -moz-animation-delay: 0.64s;
    -moz-transform: rotate(-45deg);
    -webkit-animation-delay: 0.64s;
    -webkit-transform: rotate(-45deg);
    -o-animation-delay: 0.64s;
    -o-transform: rotate(-45deg);
    -ms-animation-delay: 0.64s;
    -ms-transform: rotate(-45deg);
    animation-delay: 0.64s;
    transform: rotate(-45deg);
}

#rotateG_03 {
    left: 13px;
    top: 2px;
    -moz-animation-delay: 0.56s;
    -moz-transform: rotate(0deg);
    -webkit-animation-delay: 0.56s;
    -webkit-transform: rotate(0deg);
    -o-animation-delay: 0.56s;
    -o-transform: rotate(0deg);
    -ms-animation-delay: 0.56s;
    -ms-transform: rotate(0deg);
    animation-delay: 0.56s;
    transform: rotate(0deg);
}

#rotateG_04 {
    right: 4px;
    top: 5px;
    -moz-animation-delay: 0.4800000000000001s;
    -moz-transform: rotate(45deg);
    -webkit-animation-delay: 0.4800000000000001s;
    -webkit-transform: rotate(45deg);
    -o-animation-delay: 0.4800000000000001s;
    -o-transform: rotate(45deg);
    -ms-animation-delay: 0.4800000000000001s;
    -ms-transform: rotate(45deg);
    animation-delay: 0.4800000000000001s;
    transform: rotate(45deg);
}

#rotateG_05 {
    right: 0;
    top: 15px;
    -moz-animation-delay: 0.4s;
    -moz-transform: rotate(90deg);
    -webkit-animation-delay: 0.4s;
    -webkit-transform: rotate(90deg);
    -o-animation-delay: 0.4s;
    -o-transform: rotate(90deg);
    -ms-animation-delay: 0.4s;
    -ms-transform: rotate(90deg);
    animation-delay: 0.4s;
    transform: rotate(90deg);
}

#rotateG_06 {
    right: 4px;
    bottom: 4px;
    -moz-animation-delay: 0.32s;
    -moz-transform: rotate(135deg);
    -webkit-animation-delay: 0.32s;
    -webkit-transform: rotate(135deg);
    -o-animation-delay: 0.32s;
    -o-transform: rotate(135deg);
    -ms-animation-delay: 0.32s;
    -ms-transform: rotate(135deg);
    animation-delay: 0.32s;
    transform: rotate(135deg);
}

#rotateG_07 {
    bottom: 0;
    left: 13px;
    -moz-animation-delay: 0.24000000000000005s;
    -moz-transform: rotate(180deg);
    -webkit-animation-delay: 0.24000000000000005s;
    -webkit-transform: rotate(180deg);
    -o-animation-delay: 0.24000000000000005s;
    -o-transform: rotate(180deg);
    -ms-animation-delay: 0.24000000000000005s;
    -ms-transform: rotate(180deg);
    animation-delay: 0.24000000000000005s;
    transform: rotate(180deg);
}

#rotateG_08 {
    left: 4px;
    bottom: 4px;
    -moz-animation-delay: 0.8s;
    -moz-transform: rotate(-135deg);
    -webkit-animation-delay: 0.8s;
    -webkit-transform: rotate(-135deg);
    -o-animation-delay: 0.8s;
    -o-transform: rotate(-135deg);
    -ms-animation-delay: 0.8s;
    -ms-transform: rotate(-135deg);
    animation-delay: 0.8s;
    transform: rotate(-135deg);
}

@-moz-keyframes fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@-webkit-keyframes fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@-o-keyframes fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@-ms-keyframes fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@keyframes fadeG {
    0% {
        background-color: #000000;
    }

    100% {
        background-color: #FFFFFF;
    }
}

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 10000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}

/**
 * Twitter Bootstrap Look and Feel
 * Based on http://twitter.github.com/bootstrap/
 */
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	border: 1px solid #8E8E8E; /* browsers that don't support rgba */
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 6px;
	box-shadow: 0 3px 7px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.alertify-dialog {
	padding: 0;
}
	.alertify-inner {
		text-align: left;
	}
		.alertify-message {
			padding: 15px;
			margin: 0;
		}
		.alertify-text-wrapper {
			padding: 0 15px;
		}
			.alertify-text {
				color: #555;
				border-radius: 4px;
				padding: 8px;
				background-color: #FFF;
				border: 1px solid #CCC;
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			}
			.alertify-text:focus {
				border-color: rgba(82,168,236,.8);
				outline: 0;
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
			}

		.alertify-buttons {
			padding: 14px 15px 15px;
			background: #F5F5F5;
			border-top: 1px solid #DDD;
			border-radius: 0 0 6px 6px;
			box-shadow: inset 0 1px 0 #FFF;
			text-align: right;
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:focus,
			.alertify-button:active {
				margin-left: 10px;
				border-radius: 4px;
				font-weight: normal;
				padding: 4px 12px;
				text-decoration: none;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
				background-image:         linear-gradient(0deg, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
			}
			.alertify-button:focus {
				outline: none;
				box-shadow: 0 0 5px #2B72D5;
			}
			.alertify-button:active {
				position: relative;
				box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
			}
				.alertify-button-cancel,
				.alertify-button-cancel:hover,
				.alertify-button-cancel:focus,
				.alertify-button-cancel:active {
					text-shadow: 0 -1px 0 rgba(255,255,255,.75);
					background-color: #E6E6E6;
					border: 1px solid #BBB;
					color: #333;
					background-image:         linear-gradient(0deg, #FFF, #E6E6E6);
					background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
					background-image:    -moz-linear-gradient(top, #FFF, #E6E6E6);
					background-image:     -ms-linear-gradient(top, #FFF, #E6E6E6);
					background-image:      -o-linear-gradient(top, #FFF, #E6E6E6);
				}
				.alertify-button-cancel:hover,
				.alertify-button-cancel:focus,
				.alertify-button-cancel:active {
					background: #E6E6E6;
				}
				.alertify-button-ok,
				.alertify-button-ok:hover,
				.alertify-button-ok:focus,
				.alertify-button-ok:active {
					text-shadow: 0 -1px 0 rgba(0,0,0,.25);
					background-color: #04C;
					border: 1px solid #04C;
					border-color: #04C #04C #002A80;
					border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
					color: #FFF;
				}
				.alertify-button-ok:hover,
				.alertify-button-ok:focus,
				.alertify-button-ok:active {
					background: #04C;
				}

.alertify-log {
	background: #007ba5;
	padding: 8px 14px;
	border-radius: 4px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	border: 1px solid #056D91;
}
	.alertify-log-error {
    	color: #fff;
		background: #ff9900;
		border: 1px solid #EA920C;
	}
	.alertify-log-success {
		color: #fff;
		background: #007ba5;
		border: 1px solid #D6E9C6;
	}
/**
 * EasyZoom core styles
 */
.easyzoom {
    position: relative;
    /* 'Shrink-wrap' the element */
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    .easyzoom img {
        vertical-align: bottom;
    }

    .easyzoom.is-loading img {
        cursor: progress;
    }

    .easyzoom.is-ready img {
        cursor: crosshair;
    }

    .easyzoom.is-error img {
        cursor: not-allowed;
    }

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}

/* CUSTOM */


div.easyzoom-flyout {
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    border: 3px solid #555;
    background-color: #fff !important;
}

    div.easyzoom-flyout img {
        max-width: none;
        z-index: 9999;
    }

.product-slider-section[data-zoom-alignment="right"] div.easyzoom-flyout {
    left: 110%;
}

.product-slider-section[data-zoom-alignment="left"] div.easyzoom-flyout {
    left: -110%;
}
/*
.zoom-alignment--right div.easyzoom-flyout {

}

.zoom-alignment--left div.easyzoom-flyout {
	left: -110%;
}*/


/* THIS CLASS IS SET WITH JAVASCRIPT ON HOVER ON IMAGE*/
div.overflow-hoover {
    overflow: visible !important;
    z-index:99;
}

    div.overflow-hoover .slick-slide {
        display: none;
    }
    div.overflow-hoover .slick-current {
        display: block;
        left :0 !important;
    }


@media screen and (max-width: 767px) {
    div.easyzoom-flyout {
        left: 0 !important;
        border: 3px solid;
    }
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/fontello/fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    /*font-family: 'entypo';
      src: url('../../../fonts/fontello/font/entypo.eot?81035702');
      src: url('../../../fonts/fontello/font/entypo.eot?81035702#iefix') format('embedded-opentype'),
           url('../../../fonts/fontello/font/entypo.woff?81035702') format('woff'),
           url('../../../fonts/fontello/font/entypo.ttf?81035702') format('truetype'),
           url('../../../fonts/fontello/font/entypo.svg?81035702#entypo') format('svg');
        */
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {  position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 50px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 1px; }
.flex-direction-nav .flex-next { right: 1px; text-align: right; }
.flexslider:hover .flex-prev { left: 10px; }
.flexslider:hover .flex-next { right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "entypo"; font-size: 30px; display: inline-block; content: '\e874'; }
.flex-direction-nav a.flex-next:before  { content: '\e875'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* Featured Carousel
*********************************/
.featured-carousel .slides > li { margin-right: 30px;}
.featured-carousel { margin: 10px 0 0;}
.featured-carousel .flex-direction-nav a { height: 40px; }
.featured-carousel .flex-direction-nav .flex-prev { opacity: 1; left: auto; right: 50px; top: -53px; padding: 0 0 0 14px; border-radius: 2px; background: #aaa; color: #fff;}
.featured-carousel .flex-direction-nav .flex-next { opacity: 1; right: 0; top: -53px; padding: 0 14px 0 0; border-radius: 2px; background: #333; color: #fff;}
.featured-carousel .flexslider:hover .flex-prev { opacity: 0.7; right: 70px; }
.featured-carousel .flexslider:hover .flex-next { opacity: 0.7; }
.featured-carousel img {
    -webkit-box-shadow: 0 10px 10px -7px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0 10px 10px -7px rgba(50, 50, 50, 0.5);
	box-shadow:         0 10px 10px -7px rgba(50, 50, 50, 0.5);

    border: 1px solid #ccc;

}
.featured-carousel h4 {
    font-size: 16px;
}

@media screen and (max-width: 860px) {
  .featured-carousel .flex-direction-nav .flex-prev { opacity: 1; }
  .featured-carousel .flex-direction-nav .flex-next { opacity: 1; } 
}

@media (max-width: 767px) {
    .featured-carousel { margin: 40px 0 0;}
    .featured-carousel .flex-direction-nav .flex-prev { right: auto; left: 0; top: -28px;}
    .featured-carousel .flex-direction-nav .flex-next { right: auto; left: 50px; top: -28px;} 
}


/* Details Carousel
*********************************/
.product-carousel .slides > li { margin-right: 30px;}
.product-carousel { margin: 30px 0;}
.product-carousel .flex-direction-nav a { padding: 0 5px 0; top: 49%; height: 30px;}
.product-carousel .flex-direction-nav .flex-prev { width: 20px; }
.product-carousel .flex-direction-nav .flex-next { width: 20px; } 
/*
* cursors
*/
.lhp_cursor_drag {
	cursor: url(lhp_miv/cursorDrag.png), move;
}

.lhp_cursor_hand {
	cursor: url(lhp_miv/cursorHand.png), default;
}

/*
 * navigation
 */
.lhp_miv_nav {
	position:absolute;
	z-index:5;
}

.lhp_miv_nav_pos_T {
	top:5px;
	left:50%;
}

.lhp_miv_nav_pos_TL {
	top:5px;
	left:5px;
}

.lhp_miv_nav_pos_TR {
	top:5px;
	right:5px;
}

.lhp_miv_nav_pos_B {
	bottom:5px;
	left:50%;
}

.lhp_miv_nav_pos_BL {
	bottom:5px;
	left:5px;
}

.lhp_miv_nav_pos_BR {
	bottom:5px;
	right:5px;
}

.lhp_miv_nav_pos_L {
	left:5px;
	top:50%;
}

.lhp_miv_nav_pos_R {
	right: 5px;
	top:50%;
}

.lhp_miv_nav ul {
	margin:0;
	padding:0;
}

.lhp_miv_nav ul li {
	position:relative; 
	padding:4px 0; 
	cursor:pointer; 
	float:left; 
	list-style:none;
	margin-right:1px;
	margin-bottom:1px;
}

.lhp_miv_nav ul li span {
	float:left; 
	margin:0 4px;
}

ul li.lhp_miv_nav_btt_disab {
	cursor:default;
}

/*
* map palette
*/
.lhp_miv_map {
	position:absolute;
	z-index:4;
}

.lhp_miv_map_pos_T {
	left:50%;
}

.lhp_miv_map_pos_TL {

}

.lhp_miv_map_pos_TR {
	position:absolute;
	right:0;
}

.lhp_miv_map_pos_B {
	left:50%;
	bottom:0;
	position:absolute;
}

.lhp_miv_map_pos_BL {
	bottom:0;
	position:absolute;
}

.lhp_miv_map_pos_BR {
	bottom:0;
	right:0;
	position:absolute;
}

.lhp_miv_map_pos_L {
	top:50%;
}

.lhp_miv_map_pos_R {
	right:0;
	position:absolute;
	top:50%;
}

.lhp_miv_map_wrapp_hol {
	position:relative;
	overflow: hidden;
	border:1px solid #0f0f0f;
}

.lhp_miv_map_wrapp_hol_T {
	border-top:none;
}

.lhp_miv_map_wrapp_hol_TL {
	border-top:none;
	border-left:none;
}

.lhp_miv_map_wrapp_hol_TR {
	border-right:none;
	border-top:none;
}

.lhp_miv_map_wrapp_hol_B {
	position:absolute;
	border-bottom:none;
}

.lhp_miv_map_wrapp_hol_BL {
	border-left:none;
	border-bottom:none;
}

.lhp_miv_map_wrapp_hol_BR {
	border-right:none;
	border-bottom:none;
}

.lhp_miv_map_wrapp_hol_L {
	border-left:none;
}

.lhp_miv_map_wrapp_hol_R {
	border-right:none;
}

.lhp_miv_map_vr {
	background: #000;
	opacity: 0.5;
}

.lhp_miv_map_vr_over {
	background: #4cf1fe;
}

/*
 * preloader
 */
.lhp_miv_preload_holder {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-17px;
	margin-left:-17px;
	z-index:10000;
	width:33px;
	height:33px;
	background: #fff url('lhp_miv/ajax-loader.gif') no-repeat center;
	opacity: .5;
	border-radius: 17px;
}

/*
* info box
*/
.lhp_miv_infoBox_holder {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	padding: 2px 6px;
	background:#262626;
	font:10px arial,sans-serif;
	color:#ddd;
	display: none;
}

/*
* markers
*/
.lhp_miv_hotspot .lhp_miv_marker {

}

.lhp_miv_hotspot .pos-TL {

}

.lhp_miv_hotspot .pos-T {
	position:relative;
	left:-50%;
}

.lhp_miv_hotspot .pos-TR {
	position:relative;
	left:-100%;
}

.lhp_miv_hotspot .pos-L {
	position:relative;
	top:-50%;
}

.lhp_miv_hotspot .pos-C {
	position:relative;
	top:-50%;
	left:-50%;
}

.lhp_miv_hotspot .pos-R {
	position:relative;
	top:-50%;
	left:-100%;
}

.lhp_miv_hotspot .pos-BL {
	position:relative;
	top:-100%;
}

.lhp_miv_hotspot .pos-B {
	position:relative;
	top:-100%;
	left:-50%;
}

.lhp_miv_hotspot .pos-BR {
	position:relative;
	top:-100%;
	left:-100%;
}

.lhp_miv_popup_close {
	position:absolute;
	z-index:1000;
	width:15px;
	height:15px;
	right:14px;
	top:14px;
	cursor:pointer;
	border-radius:5px;
	background: #00c6ff url('lhp_miv/popupClose.png') no-repeat center;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1051; /*modded*/
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1052;/*modded*/
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}


.minilogin {
    float: right; 
    /*width: 400px;*/ 
    margin-top: 6px;
}

.minilogin button {
    float: right; 
    height: 21px; 
    font-size: 12px;
}

    .minilogin input {
    float:right;
    width: 100px;
    margin-right: 10px;
    padding: 0; 
    padding-left: 2px; 
    font-size:12px;
    height: 21px;
    }

    .nav-minilogin {
        float: right;
        padding-left: 4px;
    }
.slick-initialized .slick-slide {
    position: relative;
}
.slick-prev:before, .slick-next:before {
    color: lightgray;
}
.slick-prev {
    left: 0;

}
.slick-next:before {
  content: '▶';
}
.slick-prev:before {
  content: '◀';
}
.slick-vertical .slick-prev:before {
  content: '▲';
}
.slick-vertical .slick-next:before {
  content: '▼';
}
.slick-next {
    right: 0;
}

.js-singleSlider .slick-dots,.js-contentSlider .slick-dots {
    bottom: 0;
    /*position: relative;*/
}
.slick-slider .hover-product {
    margin: 5px;
}
.slick-vertical .slick-prev{
left:50%;
top:0;
}

.slick-vertical .slick-next{
left:50%;
top:100%;
}
.hover-product-image {
    width: 100%;
}
.attribute-image-wrapper-hor {
    padding-left: 4px;
    padding-right: 4px;
}

.attribute-image-wrapper-vert {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 4px;
}

.list-attr-image,.grid-attr-image {
    max-height: 30px;
}
.news-menu ul {
    display: none;
    padding-left: 10px;
}

    .news-menu, .news-menu ul li {
        list-style: none;
    }

    .news-menu li.active, .news-node:hover  {
        background-color: #eee;
    }

.news-node {
    border-bottom: #eee solid 1px;

}

.news-node .date {
    float: right;
    margin-bottom: 0;
}

.news-node news-header {
    font-weight: bold;
}

.toggle-lvl-one div.sidebar-item {
    font-size: 14px;
    font-weight: 500;
}

/*ul.toggle h3 {
    margin-left: 10px;
}*/

.toggle-item {
    height: 100%;
}

.toggle-lvl-one li {
    padding-bottom: 0;
}

.toggle-lvl-two {
    /*margin-left: 10px;*/
}

.toggle-lvl-three {
    padding-left: 0;
}

li.active .toggle-btn {
    font-weight: 700;
}
.replacecurrent {
    /*color: #ff9900;*/
}

.fa-small-header {
    font-size: 26px;
}

.no-bullets {
    list-style: none;
    display: inline-block;
    padding: 0;
}

@media (max-width: 1500px) {
    ul.no-bullets .dropdown-menu {
        left: -190px;
    }
}

.editShoppingListName {
    margin-left: 5px;
    cursor: pointer;
}

.editShoppingListNameMargin {
    margin-left: 5px;
}

.renameList {
    margin-left: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

.no-margin-top {
     margin-top: 0 !important;

 }

.section_ShopplingList .fa-shopping-cart {
    padding-top: 12px;
}
.favoriteToggler {
    width: 20px;
    height: 20px;
    color: black;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    cursor: pointer;
}

a.favoriteToggler {
    line-height: 30px;
}

.basket-total-lines {
    font-size: 19px;
    text-transform: uppercase;
}

.quickshopcontent input {
    margin-bottom: 10px;
}
.cart-field-label {
    float: left;
}


.js-add-to-basket-by-attribute-matrix {
    height: 300px;
    /*overflow-y: scroll;*/
}

table.add-to-basket-matrix-table thead tr th:first-child {
    width: 100px;
}

.add-to-basket-matrix-table-header img {
    min-width: 30px;
    max-width: 60px;
    margin-right: 9px;
}

.noQtyAvailable {
    color: red;
}

.hidden-title-text {
    text-align: center;
    padding-top: 10px;
}

/*.add-to-basket-matrix-table select {
    -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
    text-indent: 38px;
    font-weight: bold;
}*/

.add-to-basket-matrix-table tbody th, .add-to-basket-matrix-table-header tbody th:first-child {
    text-align: center;
    width: 70px;
}

.add-to-basket-matrix-table-header {
    margin-bottom: 0;
    width: 1092px;
}

.add-to-basket-matrix-table-header tbody td{
    text-align: center;
}

.add-to-basket-matrix-table-header tbody h5{
    margin-bottom: 0;
}

.add-to-basket-matrix-table input {
    text-align: center;
    font-weight: bold;
    padding: 0;
}

.add-to-basket-matrix-table .input-group {
    max-width: 100px;
    margin: auto;
}

.add-to-basket-matrix-table .attribute-matrix-step button {
    line-height: 20px;
    /*font-size: 30px;*/
    padding-left: 8px;
    padding-right: 8px;
    /* background-color: #EAEAEA;
    border-color: silver;
    */
}

table.add-to-basket-matrix-table tbody td {
    text-align: center;
}

.add-to-basket-matrix-picker-list li {
    list-style: none;
    padding-bottom: 10px;
}

.add-to-basket-matrix-picker-panel {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.input-change-in-list-buttons-container {
	width: 100%;
	position: relative;
	display: flex;
	
	margin-right:5px;
}
.input-group-change-qty-buttons > span {
	display: block;
	margin-right: 0px !important;
}

.input-group-change-qty-buttons span {
	margin-right: 0px !important;
}

	

	.input-change-in-list-buttons-container .form-control.product-quantity-input {
		width: 45px
	}

	/**/
.section_Checkout .basket-qty-input-field[readonly] {
	background: transparent;
		border: none;
}


.priceladder {
    width: 180px;
    text-align: right;
    float: right;
}

.priceladder table {
    width: 100%;   
}
.section_ProductDetail_Price  .priceladder {
    float: left;
    text-align: left;
}

.product-grid-thumbs-horizontal .priceladder,.product-grid .priceladder {
    margin-right: 6px;
}
.product-grid-horizontal .priceladder {
    margin-right: 5px;
}

.modal-content {
    max-height:900px ;
    overflow-y: auto ;
}
.input-group .product-quantity-input {
    width: 60px;
}

.product-nav-pagination {
    margin-top: 0;
}

.nav>li .nav-mobile-expand {
    display: none;
    float: right; 
}

/*.js-slickSlider {
    display: none;
}*/

.dropdown-header{
    font-size: 14px;
}

.modal-content {
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-toggle {
    float: none;
}

.mfp-bg {
    z-index: 1051;
}

.mfp-wrap {
    z-index: 1052;
}
.mfp-zoom-out-cur,.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: default;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;

}

.footer .row {
    margin-left: 0;
    margin-right: 0;
}

td.productlist-image-tablecell {
    max-width: 100px;
}

td.productlist-image-tablecell img {
    min-width: 70px;
}

.nowrap {
    white-space: nowrap;
}

.autocomplete-text {
    white-space: nowrap;
    overflow: hidden;
}

.edit-content-toggle {
    left: 0;
    bottom: 0;
    border: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    background-color: #f5f5f5;
    color: #444;
    font-size: 11px;
    padding: 6px;
    box-shadow: 2px rgba(0, 0, 0, 0.5) -1px -1px;
    border-radius: 0 2px 0 0;
    z-index: 1000;
}

.edit-content-toggle-active {
    background-color: red;
    color: white;
}

a.atlwdg-trigger {
    z-index: 1000;
}

#cookieNotification {
    position: fixed;
    display: none;
    bottom: 0px;
    background-color: #478fca;
    min-height: 50px;
    color: #fff;
    z-index: 9999;
}

.relation-category-list-buttons {
    padding-bottom: 20px;
}

.js-relation-category-button {
    background-color: grey;
}

.js-relation-category-button.selected {
    background-color: black;
}

.empty-basket-button/*, .export-basketlist-to-excel*/
{
    display: none;
}

.basket-print-page {
    display: none;
}

.retailertemplate {
    display: none;
    width: 500px;
}

.li-retailer.active, .li-retailer.active:hover  {
    background-color: #D7D7D7;
}

li.li-retailer {
    padding: 0;
}

div.retailer-column {
height: 530px; 
overflow-y: hidden;
    overflow-x: hidden; 
}

ul.retailer-list {
    padding: 0;
    min-height: 345px;
}

ul.retailer-list li {
    border-bottom: 1px solid lightgrey;
    padding-top: 10px;
    padding-left: 4px;
    height: 90px;
    padding-right: 10px;
    position: relative;
}

.retailer-list-header .label-default {
    margin-right: 4px;
}

.retailer-list-header {
    white-space: nowrap;
}

/*address.retailer {
    background: black;
}*/

.js-map-retailer-detail:hover{
    background-color: #EEEEEE;
}

.retailer-popup-image {
    max-height: 100px;
}

.retailer-summary-image {
    max-width: 300px;
}

button.retailer-pick {
    float: right;
    top: 10px;
    right: 10px;
    margin-top: 2px;
    margin-bottom: 4px;
    margin-right: 6px;
    margin-left: 4px;
    line-height: 1.02857;
    position: absolute;
}

.retailer-popup-row {
    width: 300px;
    margin: 0;
}

.modal-google-map {
    margin: 20px;
}

.retailer-list-header {
    margin-bottom: 4px;
    margin-top: 0;
}

.retailer-list-more-info {
    float: right;
    position: relative;
    top: 20px;
}

.modal-google-map .retailer-list-more-info {
    display: none;

}

.retailer-popup-row .column {
    padding: 0;
}

.google-map-wrapper address {
    margin-bottom: 0;
    margin-top: 0;
    
}
.google-map-wrapper address.retailer-address {
    float: left;
}

.google-map-wrapper address:after {
    clear: both;
}

a.retailer-homepage {
    white-space: nowrap;
    float: right;
    position: relative;
    top: 40px;
    text-decoration: underline;
}

.gm-style-iw .row {
    margin: 0;
}

.gm-style-iw a {
    text-decoration: underline;
}

.js-map-retailer-detail address{
margin-left:6px;
}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.top37 { margin-top:37px; }
.align-left {
    text-align: left !important;
}

#orderTypes button {
    min-width: 230px;
}

#btnAddRecipients {
    margin-bottom: 5px;
}

.recipients-label {
    font-weight: bold;
}

@media (max-width: 600px) {
    .checkout-btn {
        float: left !important;
    }
}

@media (max-width:785px) {
    #deliveryinformation {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width:991px) {
    #summaryWrapper .col-md-6 {
        margin-bottom:20px;
    }
    #summaryWrapper .col-md-12 .col-md-6 {
        padding-left: 0;
    }
}

@media (max-width:698px) {
    #orderForm #btnPrevious {
        margin-right: 5px !important;
        margin-bottom: 5px !important;
    }
}

.price-line-through
{
    text-decoration: line-through;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }

    .col-section-flow:after {
        clear: both;
    }

    .col-section-flow section {
        float: left;
    }

    .col-section-flow .input-group-btn {
        display: block;
    }

    .pt-btn-basket .badge {
        top: -10px;
        margin-left: 16px;
    }

    .nav-mobile-expand {
        float: right;
    }

    .pt-btn-favorite .badge {
        top: -10px;
        margin-left: 2px;
    }

    .nav > li > .nav-mobile-expand {
        display: block;
    }

    .dropdown-menu > li > a.dropdown-toggle .caret, .nav > li > a.dropdown-toggle .caret {
        display: none;
    }

    /*.nav > li > a:first-child {
        width: 87%;
        float: left;
        background-color: transparent;
    }*/

    .navbar-default .navbar-nav > .open > a.menulabel {
        color: #111;
    }

    .navbar-nav .open > a.nav-mobile-expand {
        color: #999;
    }

    .navbar-default .navbar-nav > .open > a {
        background-color: transparent;
    }

    .navbar-default .navbar-nav > .open > span {
        color: #999 !important;
        padding: 0;
    }

    .dropdown-submenu > a:after {
        display: none;
    }

    span.nav-mobile-expand {
        padding: 10px;
    }

    /*a.nav-mobile-expand {
       padding: 0px !important;
       
   }*/
    .dropdown-menu > li > a.dropdown-header {
        /*width: 80%;*/
        float: left;
    }

    .dropdown-menu > li > a {
        clear: none;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 0px;
        font-size: 12px;
    }

    .navbar-nav .open .dropdown-menu .nav-mobile-expand {
        display: block;
        /*font-size: 20px;*/
        /*padding: 0 10px;*/
        float: right;
    }

    span.expanded {
        color: #999;
    }

    .modal-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .product-grid-thumbs-horizontal .product .dl-horizontal {
        margin-bottom: 0;
        float: left;
    }

    .col-xs-7 .product-netprice.hover-product-price {
        float: right;
    }

    .product-list-thumbs .addToBasketContainer {
        /*left: -10px;*/
        float: right;
    }

    .product-grid-thumbs-horizontal .product-header {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-list-noThumbs .product {
        border-bottom: 2px solid whitesmoke;
        margin-top: 10px;
    }
    .product-list-noThumbs .product:last-child {
        border: none;
    }
    .product-nav-layout {
        float: left;
    }
    .table.producttable .shoppingList, .table.producttable .favorite {
        display: none;
    }
    .table.producttable>thead>tr>th {
        border-bottom: none;
    }
    .product-grid .favoriteToggler {
        margin-right: 0;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
   
}

@media (min-width: 980px) {
     
}

.pt-btn-basket {
    background-color: #ff9900;
    border-color: #EA920C;
    color: #fff;
}

.pt-btn-favorite {
    background-color: #A9A9A9;
    color: #ffffff;
    border-color: #999;
}

    .pt-btn-favorite .badge {
        top: -10px;
    }



/*#region Ribbons*/
.ribbon {
    /*width: 75%;*/
    padding: 8px 10px;
    margin: 0 auto;
    /*background: #eee;*/
    z-index: 999;
    position: absolute;
}

.ribbonText {
    clear: both;
    position: relative;
    color: #fff;
    background: #cc0000;
    margin: 0 -20px 20px -20px;
    padding: 0.5em 20px;
    text-shadow: 0 -1px #990000, 0 1px #660000;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    font-size: 12px;
}

    .ribbonText:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -10px;
        left: 0;
        z-index: -1;
        border-top: 10px solid maroon;
        border-left: 10px solid transparent;
        background: transparent;
    }

/*SPECIFIC RIBBONS*/
.onsale:before {
    border-top: 10px solid #006600;
}
.onsale {
    background: #009900;
    color: #fff;
    text-shadow: 0 -1px #006600, 0 1px #009900;
}


.fewleft:before {
    border-top: 10px solid #b36b00;
}
.fewleft {
    background: #e68a00;
    color: #fff;
    text-shadow: 0 -1px #e68a00, 0 1px #b36b00;
}


.ribbon .campaign
{
    background: Yellow;
    color: black;
    text-shadow: none;
}

.campaigns-popover-trigger[data-toggle='popover']
{
    cursor:pointer;
}

.ribbon .popover-content
{
    padding: .5em;
}


/*SPECIFIC RIBBONS*/


/*#endregion Ribbons*/

.campaign-code
{
    font-weight: bolder;
}







    .query-box {
        font-weight: normal;
        margin-bottom: 10px;
    }

    .query-drop-down {
        color: #858585 !important;
        height: 25px;
        font-weight: normal !important;
        width: 100%;
        margin-bottom:10px
    }

    .payment-search-row {
        margin-bottom: 15px;
        margin-left: -7px;
    }


.form-control .select2-choice {
    border: 0;
    border-radius: 2px;
}

.form-control .select2-choice .select2-arrow {
    border-radius: 0 2px 2px 0;   
}

.form-control.select2-container {
    height: auto !important;
    padding: 0;
}

.form-control.select2-container.select2-dropdown-open {
    border-color: #5897FB;
    border-radius: 3px 3px 0 0;
}

.form-control .select2-container.select2-dropdown-open .select2-choices {
    border-radius: 3px 3px 0 0;
}

.form-control.select2-container .select2-choices {
    border: 0 !important;
    border-radius: 3px;
}

.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #C09853 !important;
}

.control-group.warning .select2-container .select2-choice div {
    border-left: 1px solid #C09853 !important;
    background: #FCF8E3 !important;
}

.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #B94A48 !important;
}

.control-group.error .select2-container .select2-choice div {
    border-left: 1px solid #B94A48 !important;
    background: #F2DEDE !important;
}

.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #3A87AD !important;
}

.control-group.info .select2-container .select2-choice div {
    border-left: 1px solid #3A87AD !important;
    background: #D9EDF7 !important;
}

.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #468847 !important;
}

.control-group.success .select2-container .select2-choice div {
    border-left: 1px solid #468847 !important;
    background: #DFF0D8 !important;
}

ul.documentlist {
    list-style: none;
     /*list-style-image: url(data:0);*/
    padding-left: 20px;
}

ul.documentlist li {
    margin-bottom: 4px;
}

.visibilityRestriction {
    color: #d9534f;
}

.documentlist .tooltip-inner >strong{
    text-transform: uppercase;
}
.documentlist .tooltip{
border: 1px solid rgba(0,0,0,0.15);
border-radius: 2px;
background-color:#fff;
}

.documentlist .tooltip.in{
opacity:1!important;
}

.documentlist .tooltip.top .tooltip-arrow{
display:none;
}
.documentlist .tooltip.top{
    padding-bottom: 0;
}

.documentlist .tooltip-inner >p{
margin-top:5px;
}
.documentlist .tooltip-inner{
text-align:left;
background-color:transparent;
color:#333;
}


.pt-transactional-document .table-borderless > tbody > tr > td,
.pt-transactional-document .table-borderless > tbody > tr > th,
.pt-transactional-document .table-borderless > tfoot > tr > td,
.pt-transactional-document .table-borderless > tfoot > tr > th,
.pt-transactional-document .table-borderless > thead > tr > td,
.pt-transactional-document .table-borderless > thead > tr > th {
    border: none;
}

/* Header table — remove Bootstrap .table default 8px cell padding */
.pt-transactional-document .pt-transactional-document-header-table > tbody > tr > td,
.pt-transactional-document .pt-transactional-document-header-table > tbody > tr > th,
.pt-transactional-document .pt-transactional-document-header-table > tfoot > tr > td,
.pt-transactional-document .pt-transactional-document-header-table > tfoot > tr > th,
.pt-transactional-document .pt-transactional-document-header-table > thead > tr > td,
.pt-transactional-document .pt-transactional-document-header-table > thead > tr > th {
    padding: 0;
}

/* Select-all checkbox in the CopyLinesToBasket column header — reset the negative margin-left
   from the legacy #selectAllFullFields rule in PT.One.css (which targeted a grid-offset layout) */
.pt-transactional-document th.CopyLinesToBasket #selectAllFullFields {
    margin-left: 0;
    margin-top: 0;
}

/* Parcel tracking row — extra top spacing to separate from detail fields above */
.pt-transactional-document .pt-transactional-document-header-table > tbody > .pt-transactional-document-header-item-parceltracking > td {
    padding-top: 15px !important;
}

/* Long header values (e.g. a long customer name) must wrap within their fixed-width
   column instead of overflowing into the neighbouring column. Overrides the inline
   white-space: nowrap emitted for items with WrapText = false. Short values never wrap. */
.pt-transactional-document .pt-transactional-document-header-value {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* Transactional document title */
.pt-transactional-document-title {
    margin-bottom: 15px;
}

/* Transactional document detail — order/invoice/quote line table */
.pt-transactional-document-line-value {
    margin-bottom: 0;
}

.Quote-document table.order-lines tbody td {
    padding-top: 15px;
}

.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) .textlineHolderQuote {
    white-space: normal;
    display: inline;
    margin: 0;
    padding: 0;
}

.section_TransactionalDocumentDetails table.order-lines > tbody > tr > td:nth-of-type(2) .toggleTxtLinesQuote {
    display: inline-block;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 767px) { 
    .requestBtn {
        white-space: inherit;
    }
}
.no-search-results {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    color:rgb(51, 51, 51)
}

.section_ProductNodeList .producttable tr.product-custom-panel.collapse.in {
	display: table-row;
}

.section_ProductNodeList .producttable tr.product-custom-panel td {
	border-top: 0px !important;
}

.section_ProductNodeList .producttable .btn-custom-product-tabs-toggle.collapsed .fa-chevron-up {
	display: none;
}

.section_ProductNodeList .producttable .btn-custom-product-tabs-toggle.collapsed .fa-chevron-down {
	display: block;
}

.section_ProductNodeList .producttable .btn-custom-product-tabs-toggle .fa-chevron-down {
	display: none;
}

.section_ProductNodeList .producttable .btn-custom-product-tabs-toggle {
	width: 100%;
	height: 30px;
	position: relative;
	text-align: right;
	float: right;
	margin-top: 10px;
}

	.section_ProductNodeList .producttable .btn-custom-product-tabs-toggle i {
		bottom: 0px;
		position: absolute;
		right: 0px;
	}


/* -------------------------------- 

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    /*broke fullsceen video in chrome*/
    /*will-change: transform;*/
}

.cd-main-content, .cd-main-header {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

/*
@media only screen and (max-width: 1169px) {
    .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);
    }

    .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }
}
*/

@media only screen and (max-width: 1199px) {
    .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(-225px);
        -moz-transform: translateX(-225px);
        -ms-transform: translateX(-225px);
        -o-transform: translateX(-225px);
        transform: translateX(-225px);
    }

    .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
        -webkit-transform: translateX(225px);
        -moz-transform: translateX(225px);
        -ms-transform: translateX(225px);
        -o-transform: translateX(225px);
        transform: translateX(225px);
    }
}

.cd-main-content {
    /*background: #e2e3df;*/
    min-height: 100vh;
    z-index: 2;
}

.cd-main-header {
    height: 50px;
    background: #ffffff;
    z-index: 3;
}

.nav-is-fixed .cd-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

@media only screen and (min-width: 1200px) {
    .cd-main-header::after {
        clear: both;
        content: "";
        display: table;
    }
}

.cd-logo {
    position: absolute;
    top: 12px;
    left: 5%;
}

    .cd-logo img {
        display: block;
    }

@media only screen and (max-width: 1199px) {
    .nav-on-left .cd-logo {
        left: auto;
        right: 5%;
    }
}

@media only screen and (min-width: 1200px) {
    .cd-logo {
        top: 26px;
        left: 4em;
    }
}

.cd-header-buttons {
    position: absolute;
    display: inline-block;
    top: 3px;
    right: 5%;
}

    .cd-header-buttons li {
        display: inline-block;
    }

@media only screen and (max-width: 1199px) {
    .nav-on-left .cd-header-buttons {
        right: auto;
        left: 5%;
    }

        .nav-on-left .cd-header-buttons li {
            float: right;
        }
}

@media only screen and (min-width: 1200px) {
    .cd-header-buttons {
        top: 18px;
        right: 4em;
    }
}

.cd-search-trigger, .cd-nav-trigger {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    /* hide text */
    color: transparent;
    z-index: 3;
}

    .cd-search-trigger::before, .cd-search-trigger::after {
        /* search icon */
        content: '';
        position: absolute;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .cd-search-trigger::before {
        /* lens */
        top: 11px;
        left: 11px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        border: 3px solid #2e3233;
    }

    .cd-search-trigger::after {
        /* handle */
        height: 3px;
        width: 8px;
        background: #2e3233;
        bottom: 14px;
        right: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-search-trigger span {
        /* container for the X icon */
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

        .cd-search-trigger span::before, .cd-search-trigger span::after {
            /* close icon */
            content: '';
            position: absolute;
            display: inline-block;
            height: 3px;
            width: 22px;
            top: 50%;
            margin-top: -2px;
            left: 50%;
            margin-left: -11px;
            background: #2e3233;
            opacity: 0;
            /* Force Hardware Acceleration in WebKit */
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
            -moz-transition: opacity 0.3s, -moz-transform 0.3s;
            transition: opacity 0.3s, transform 0.3s;
        }

        .cd-search-trigger span::before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .cd-search-trigger span::after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
        /* hide search icon */
        opacity: 0;
    }

    .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
        /* show close icon */
        opacity: 1;
    }

    .cd-search-trigger.search-is-visible span::before {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .cd-search-trigger.search-is-visible span::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
        /* hamburger icon in CSS */
        position: absolute;
        display: inline-block;
        height: 3px;
        width: 24px;
        background: #2e3233;
    }

    .cd-nav-trigger span {
        /* line in the center */
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -2px;
        -webkit-transition: background 0.3s 0.3s;
        -moz-transition: background 0.3s 0.3s;
        transition: background 0.3s 0.3s;
    }

        .cd-nav-trigger span::before, .cd-nav-trigger span::after {
            /* other 2 lines */
            content: '';
            right: 0;
            /* Force Hardware Acceleration in WebKit */
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform-origin: 0% 50%;
            -moz-transform-origin: 0% 50%;
            -ms-transform-origin: 0% 50%;
            -o-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
            -webkit-transition: -webkit-transform 0.3s 0.3s;
            -moz-transition: -moz-transform 0.3s 0.3s;
            transition: transform 0.3s 0.3s;
        }

        .cd-nav-trigger span::before {
            /* menu icon top line */
            top: -6px;
        }

        .cd-nav-trigger span::after {
            /* menu icon bottom line */
            top: 6px;
        }

    .cd-nav-trigger.nav-is-visible span {
        /* hide line in the center */
        background: rgba(46, 50, 51, 0);
    }

        .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
            /* keep visible other 2 lines */
            background: #2e3233;
        }

        .cd-nav-trigger.nav-is-visible span::before {
            -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
            -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
            -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
            -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
            transform: translateX(4px) translateY(-3px) rotate(45deg);
        }

        .cd-nav-trigger.nav-is-visible span::after {
            -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
            -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
            -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
            -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
            transform: translateX(4px) translateY(2px) rotate(-45deg);
        }

@media only screen and (min-width: 1200px) {
    .cd-nav-trigger {
        display: none;
    }
}

.cd-primary-nav, .cd-primary-nav ul {
    padding-left: 0;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    background: #2e3233;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 9999;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

    .cd-primary-nav a, .cd-primary-nav ul a {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        color: #ffffff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 1px solid #3a3f40;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        will-change: transform, opacity;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
    }

    .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
        /* secondary navigations hidden by default */
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
        /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

@media only screen and (max-width: 1199px) {
    .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
        right: auto;
        left: 0;
    }
}

.cd-primary-nav .see-all a {
    /* different style for the See all button on mobile and tablet */
    color: #2e3233;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
    /* items with picture (or icon) and title */
    height: 80px;
    line-height: 80px;
}

    .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: inherit;
    }

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
    padding-left: 90px;
}

    .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: absolute;
        display: block;
        height: 40px;
        width: auto;
        left: 20px;
        top: 50%;
        margin-top: -20px;
    }

.cd-primary-nav .cd-nav-icons .cd-nav-item {
    padding-left: 75px;
}

    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        color: #2e3233;
        font-size: 1.3rem;
        /* hide description on small devices */
        display: none;
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        /* item icon */
        /*content: '';*/
        display: block;
        position: absolute;
        left: 25px;
        text-align: right;
        /*top: 50%;*/
        /*margin-top: -20px;*/
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 40px 40px;
        font-size: 25px;
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
        background-image: url("../img/line-icon-1.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
        background-image: url("../img/line-icon-2.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
        background-image: url("../img/line-icon-3.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
        background-image: url("../img/line-icon-4.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
        background-image: url("../img/line-icon-5.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
        background-image: url("../img/line-icon-6.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
        background-image: url("../img/line-icon-7.svg");
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
        background-image: url("../img/line-icon-8.svg");
    }

@media only screen and (max-width: 1199px) {
    .cd-primary-nav {
        /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
        visibility: hidden;
        -webkit-transition: visibility 0s 0.3s;
        -moz-transition: visibility 0s 0.3s;
        transition: visibility 0s 0.3s;
    }

        .cd-primary-nav.nav-is-visible {
            visibility: visible;
            padding-left: 0;
            -webkit-transition: visibility 0s 0s;
            -moz-transition: visibility 0s 0s;
            transition: visibility 0s 0s;
        }
}

@media only screen and (min-width: 1200px) {
    .cd-primary-nav {
        position: static;
        padding: 0 150px 0 0;
        height: auto;
        width: auto;
        float: right;
        overflow: visible;
        background: transparent;
    }

        .cd-primary-nav::after {
            clear: both;
            content: "";
            display: table;
        }

        .cd-primary-nav.moves-out > li > a {
            /* reset mobile style */
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }

        .cd-primary-nav ul {
            position: static;
            height: auto;
            width: auto;
            background: transparent;
            overflow: visible;
            z-index: 3;
        }

            .cd-primary-nav ul.is-hidden {
                /* reset mobile style */
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
            }

            .cd-primary-nav ul.moves-out > li > a {
                /* reset mobile style */
                -webkit-transform: translateX(0);
                -moz-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
                opacity: 1;
            }

        .cd-primary-nav > li {
            float: left;
            margin-left: 3em;
        }

            .cd-primary-nav > li > a {
                /* main navigation buttons style */
                position: relative;
                display: inline-block;
                height: 80px;
                line-height: 80px;
                padding: 0 10px;
                color: #2e3233;
                overflow: visible;
                border-bottom: none;
                -webkit-transition: color 0.3s, box-shadow 0.3s;
                -moz-transition: color 0.3s, box-shadow 0.3s;
                transition: color 0.3s, box-shadow 0.3s;
            }
        /*.cd-primary-nav > li > a:hover {
    color: #69aa6f;
  }
  .cd-primary-nav > li > a.selected {
    color: #69aa6f;
    box-shadow: inset 0 -2px 0 #69aa6f;
  }*/
        .cd-primary-nav .go-back, .cd-primary-nav .see-all {
            display: none;
        }

        .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
            /* dropdown menu style */
            position: absolute;
            top: 85px;
            width: 100vw;
            background: #ffffff;
            padding: 48px 64px 130px;
            box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.55);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            -webkit-transition: opacity .3s 0s, visibility 0s 0s;
            -moz-transition: opacity .3s 0s, visibility 0s 0s;
            transition: opacity .3s 0s, visibility 0s 0s;
        }

            .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
                clear: both;
                content: "";
                display: table;
            }

            .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
                opacity: 0;
                visibility: hidden;
                -webkit-transition: opacity .3s 0s, visibility 0s .3s;
                -moz-transition: opacity .3s 0s, visibility 0s .3s;
                transition: opacity .3s 0s, visibility 0s .3s;
            }

            .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
                /* this is the BIG See all button at the bottom of the dropdown menu */
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                height: 80px;
                width: 100%;
                overflow: hidden;
                /* reset some inherited style */
                margin: 0;
                padding: 0;
            }

                .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    font-size: 2.2rem;
                    font-weight: bold;
                    text-align: center;
                    line-height: 80px;
                    border-top: 1px solid #e2e3df;
                    /* reset some inherited style */
                    border-bottom: none;
                    margin: 0;
                    padding: 0;
                    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
                    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
                    transition: color 0.2s, background 0.2s, border 0.2s;
                }

                    .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
                        background: #2e3233;
                        border-color: #2e3233;
                        color: #ffffff;
                    }

            .cd-primary-nav .cd-secondary-nav > li {
                /* change the height according to your needs - you can even set height: auto */
                height: 340px;
                /* here you set the number of columns - use width percentage */
                width: 23%;
                float: left;
                margin-right: 2.66%;
                border-right: 1px solid #e2e3df;
                overflow: hidden;
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch;
            }

                .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
                    /* +2 because we have 2 list items with display:none */
                    margin-right: 0;
                    border-right: none;
                }

                .cd-primary-nav .cd-secondary-nav > li > a {
                    /* secondary nav title */
                    /*color: #69aa6f;*/
                    font-weight: bold;
                    font-size: 1.6rem;
                    /*margin-bottom: .6em;*/
                }

            .cd-primary-nav .cd-secondary-nav a {
                height: 30px;
                line-height: 30px;
                padding: 0 18% 0 0;
                color: #2e3233;
                border-bottom: none;
                font-size: 1.4rem;
            }
            /*.cd-primary-nav .cd-secondary-nav a:hover {
    color: #69aa6f;
  }*/
            .cd-primary-nav .cd-secondary-nav ul {
                /* Force Hardware Acceleration in WebKit */
                -webkit-transform: translateZ(0);
                -moz-transform: translateZ(0);
                -ms-transform: translateZ(0);
                -o-transform: translateZ(0);
                transform: translateZ(0);
            }

                .cd-primary-nav .cd-secondary-nav ul ul {
                    /* tertiary navigation */
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                }

                    .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
                        -webkit-transform: translateX(100%);
                        -moz-transform: translateX(100%);
                        -ms-transform: translateX(100%);
                        -o-transform: translateX(100%);
                        transform: translateX(100%);
                    }

                    .cd-primary-nav .cd-secondary-nav ul ul .go-back {
                        display: block;
                    }

                        .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
                            color: transparent;
                        }

                    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
                        display: block;
                    }

            .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
                /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
                -webkit-transform: translateX(-100%);
                -moz-transform: translateX(-100%);
                -ms-transform: translateX(-100%);
                -o-transform: translateX(-100%);
                transform: translateX(-100%);
            }

            .cd-primary-nav .cd-nav-gallery li {
                /* set here number of columns - use width percentage */
                width: 22%;
                float: left;
                margin: 0 4% 40px 0;
            }

                .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
                    /* +2 because we have two additional list items with display:none */
                    margin-right: 0;
                }

            .cd-primary-nav .cd-nav-gallery .cd-nav-item {
                border-bottom: none;
                padding: 0;
                height: auto;
                line-height: 1.2;
            }

                .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
                    position: static;
                    margin-top: 0;
                    max-height: 11em;
                    height: auto;
                    width: auto;
                    margin-bottom: .6em;
                }

                .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
                    color: #333;
                    font-weight: bold;
                    padding: 0 .4em;
                }

            .cd-primary-nav .cd-nav-icons li {
                /* set here number of columns - use width percentage */
                width: 32%;
                float: left;
                margin: 0 2% 20px 0;
            }

                .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
                    /* +2 because we have two additional list items with display:none */
                    margin-right: 0;
                }

            .cd-primary-nav .cd-nav-icons .cd-nav-item {
                border-bottom: none;
                height: 80px;
                line-height: 1.2;
                padding: 12px 0 0 85px;
                position: relative;
            }

                .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
                    background: #f6f6f5;
                }

                .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
                    color: #2e3233;
                    font-weight: bold;
                }

                .cd-primary-nav .cd-nav-icons .cd-nav-item p {
                    display: block;
                }

                .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
                    left: 35px;
                }
}

.has-children > a, .go-back a {
    position: relative;
}

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #464c4e;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .has-children > a::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

@media only screen and (min-width: 1200px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #c9cbc4;
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        color: #2e3233;
        margin-top: -2px;
    }
    /*.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f;
  }*/
}

.has-children > a {
    padding-right: 40px;
}

    .has-children > a::before, .has-children > a::after {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 9px 50%;
        -moz-transform-origin: 9px 50%;
        -ms-transform-origin: 9px 50%;
        -o-transform-origin: 9px 50%;
        transform-origin: 9px 50%;
    }

.cd-primary-nav .go-back a {
    padding-left: 40px;
}

    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
        /* arrow goes on the left side - go back button */
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }

@media only screen and (min-width: 1200px) {
    .has-children > a::before, .has-children > a::after {
        right: 15%;
    }

    .cd-primary-nav > .has-children > a {
        /* main navigation arrows on larger devices */
        padding-right: 30px !important;
    }

        .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
            width: 9px;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            background: #c9cbc4;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: width 0.3s, -webkit-transform 0.3s;
            -moz-transition: width 0.3s, -moz-transform 0.3s;
            transition: width 0.3s, transform 0.3s;
        }

        .cd-primary-nav > .has-children > a::before {
            right: 12px;
        }

        .cd-primary-nav > .has-children > a::after {
            right: 7px;
        }

        .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
            width: 14px;
        }

        .cd-primary-nav > .has-children > a.selected::before {
            -webkit-transform: translateX(5px) rotate(-45deg);
            -moz-transform: translateX(5px) rotate(-45deg);
            -ms-transform: translateX(5px) rotate(-45deg);
            -o-transform: translateX(5px) rotate(-45deg);
            transform: translateX(5px) rotate(-45deg);
        }

        .cd-primary-nav > .has-children > a.selected::after {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
        /* remove arrows on secondary nav titles */
        display: none;
    }

    .cd-primary-nav .go-back a {
        padding-left: 20px;
    }

        .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
            left: 1px;
        }
}

.cd-search {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 50px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-search form {
        height: 100%;
        width: 100%;
    }

    .cd-search input {
        border-radius: 0;
        border: none;
        background: #ffffff;
        height: 100%;
        width: 100%;
        padding: 0 5%;
        box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
    }

        .cd-search input::-webkit-input-placeholder {
            color: #c9cbc4;
        }

        .cd-search input::-moz-placeholder {
            color: #c9cbc4;
        }

        .cd-search input:-moz-placeholder {
            color: #c9cbc4;
        }

        .cd-search input:-ms-input-placeholder {
            color: #c9cbc4;
        }

        .cd-search input:focus {
            outline: none;
        }

    .cd-search.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

.nav-is-fixed .cd-search {
    position: fixed;
}

@media only screen and (min-width: 1200px) {
    .cd-search {
        height: 120px;
        top: 80px;
    }

        .cd-search input {
            padding: 0 2em;
            font-size: 3.2rem;
            font-weight: 300;
        }
}

.cd-overlay {
    /* shadow layer visible when navigation is active */
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(105, 170, 111, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}

    .cd-overlay.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
    }

@media only screen and (max-width: 1199px) {
    .cd-overlay.is-visible {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
        transform: translateX(-260px);
    }

    .nav-on-left .cd-overlay.is-visible {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        -ms-transform: translateX(260px);
        -o-transform: translateX(260px);
        transform: translateX(260px);
    }

        .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
        }
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
    position: relative;
    height: auto;
    width: 100%;
    overflow: visible;
    visibility: visible;
    z-index: 2;
}

.no-js .cd-search {
    position: relative;
    top: 0;
    opacity: 1;
    visibility: visible;
}

@media only screen and (min-width: 1200px) {
    .no-js .cd-primary-nav {
        position: absolute;
        z-index: 3;
        display: inline-block;
        width: auto;
        top: 0;
        right: 150px;
        padding: 0;
    }

    .no-js .nav-is-fixed .cd-primary-nav {
        position: fixed;
    }
}



.cd-nav > ul {
    list-style-type: none;
    margin-left: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    /*left: -192px;*/
}

.cd-nav-gallery {
    list-style-type: none;
}

.cd-nav > ul > li {
    margin-left: 1em;
}

.cd-nav .cd-secondary-nav ul {
    padding-left: 0;
    overflow: hidden;
}

.cd-primary-nav .cd-nav-gallery .cd-nav-item .cd-nav-title,
.cd-primary-nav .cd-nav-icons .cd-nav-item .cd-nav-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: inherit;
    font-size: 16px;
}

.navbar .moves-out.cd-primary-nav .see-all a, .section_Menu .moves-out.cd-primary-nav .see-all a {
    color: #2e3233;
}

.moves-out.cd-primary-nav .see-all a {
    color: #fff;
}

.mobile-mega-menu .cd-secondary-nav.moves-out > li {
    display: none;
}

.mobile-mega-menu .cd-secondary-nav.moves-out > li.selected-list {
    display: block;
}

.cd-nav .mobile-mega-menu .cd-secondary-nav ul {
    overflow: auto;
}

.mobile-mega-menu .is-hidden {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .cd-nav > ul {
        -webkit-transition: visibility 0s 0s !important;
        -moz-transition: visibility 0s 0s !important;
        -ms-transition: visibility 0s 0s !important;
        -o-transition: visibility 0s 0s !important;
        transition: visibility 0s 0s !important;
    }
}

@media only screen and (min-width: 1200px) {
    .cd-main-header {
        height: 100%;
        border-bottom: 1px solid #eaeaea;
    }

    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
        color: #333;
    }

    .cd-primary-nav .cd-secondary-nav > li {
        height: 195px;
        height: auto;
        border: none;
        margin-bottom: .6em;
    }

    .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .section_Menu .moves-out.cd-primary-nav .see-all a:hover {
        color: white;
    }

    .cd-primary-nav .cd-nav-icons .cd-nav-item {
        height: auto;
    }

    .cd-primary-nav .cd-nav-icons li:nth-child(3n), .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+3) {
        clear: both;
    }

    .cd-primary-nav .cd-secondary-nav > li:nth-child(4) {
        clear: none;
    }

    .cd-nav-item div {
        color: black;
        padding-bottom: 5px;
        white-space: normal;
    }

    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
        padding-top: 20px;
        top: 55px;
    }

    .cd-logo {
        top: 11px;
        left: 4em;
        z-index: 5;
    }

    .cd-primary-nav > li > a {
        height: 50px;
        line-height: 50px;
    }
    .cd-primary-nav .cd-secondary-nav a {
        height: auto;

    }
    /*.cd-primary-nav .cd-secondary-nav a div{
        font-weight: normal;

    }*/

	.cd-nav ul {
		list-style: none !important;
	}

    .cd-nav .cd-secondary-nav ul {
        overflow: initial;
    }

    .cd-primary-nav .cd-nav-gallery .cd-nav-item .cd-nav-title {
        color: #333;
        font-weight: bold;
    }

}

#minibasket #topViewCartBtn .fa-shopping-cart {
    font-size: 22px;
    margin-top: 1px;
}

    #minibasket #topViewCartBtn .fa-shopping-cart p {
        font-size: 11px;
    }

        #minibasket #topViewCartBtn .fa-shopping-cart p.no-spacing {
            margin: 0;
            padding: 0;
        }

.cartBtnEmpty {
    background-color: #444;
}

    .cartBtnEmpty .fa-shopping-cart {
        font-size: 22px;
        margin-top: 12px;
    }

.topViewLine {
    margin-bottom: 5px;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0;
}

.topViewDesc, .topViewQty, .topViewSum, .topViewRemove {
    padding: 10px 0;
}

.topViewQty {
    z-index: 1;
}

    .topViewQty input[type=number] {
        text-align: center;
        max-width: 90px;
        margin-top: -10px;
    }

.topViewRemove {
    z-index: 99;
}
.topViewTotalLines {
    padding-bottom: 10px;
}
.topViewEmpty {
    padding:15px 27px;
}
.topViewBtn, .topViewBtn i {
    margin:5px;
}

/*Accessibility feature, tabbing opens minibasket*/
.cart:focus-within .cart-content {
    display: block;
}

.section_ClaimsList .claims-request-details.in
{
    border: 1px solid Black;
    box-shadow: rgba(0,0,0,0.3) .2em .2em;
    padding: 1em;
}
.section_ClaimsList .claims-request-line:nth-child(2n)
{
    background-color: #f0f0f0;
}
.section_ClaimsList .row.claims-request-line.in
{
    background-color: lightyellow;
    font-weight: bold;
}
.section_ClaimsList .product-header
{
    background-color: #f0f0f0;
    padding: .3em;
}
.section_ClaimsList table
{
    margin-top: .5em;
    border: 1px solid #808080;
}
.section_ClaimsList thead
{
    background-color: #808080;
    color: white;
}
.section_ClaimsList td, th
{
    padding: .4em;
}
.section_ClaimsRegister .step.active
{
    background-color: lightyellow;
}
.section_ClaimsRegister .step-container table th td
{
    padding: .2em;
}
.section_ClaimsRegister .step-container table tr:nth-child(even)
{
    background-color: #f0f0f0;
}
.section_ClaimsRegister .step-container[data-step-current='ClaimInfo'] .item
{
    padding: .5em;
}
.section_ClaimsRegister .step-container[data-step-current='ClaimInfo'] .item:nth-child(even)
{
    background-color: #f0f0f0;
}
.section_ClaimsRegister .step-container .invalid
{
    border: 2px solid Red;
}
.section_ClaimsRegister .step-container *[data-invalidfield-descriptor-for]
{
    color: red;
    font-weight: bold;
}

.section_ClaimsRegister .step-nav .btn-nav.is-disabled
{
    display:none;
}

.section_ClaimsList .claim-col, .section_ClaimsRegister .claim-col 
{
    padding: 10px;
    border-collapse: collapse;
    border-right: 1px solid #aaa;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 100px;
    width: 15%;
    font-size: 12px
}

.section_ClaimsList .claim-col:last-child, .section_ClaimsRegister .claim-col:last-child 
{
    border-right: none
}

.section_ClaimsList .claim-col.status, .section_ClaimsRegister .claim-col.status 
{
    width: 20%;
    min-width: 150px
}

.section_ClaimsList .claim-col.tab, .section_ClaimsRegister .claim-col.tab 
{
    min-width: 50px;
    width: 5%
}

.section_ClaimsList .claim-col.tab a, .section_ClaimsRegister .claim-col.tab a 
{
    text-align: center;
    width: 100%;
    padding: 15px 5px
}

.section_ClaimsList .claim-col.tab a img, .section_ClaimsRegister .claim-col.tab a img
{
    display: block;
    margin: 0 auto;
    width: 12px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all .4s ease;
}

.table-wrapper
{
    width: 100%;
    overflow: auto;
    overflow-y: visible;
    padding: 0;
}

.claims-container
{
    position: relative;
}

.claims-table
{
    max-width: 98%;
}

.section_ClaimsList .row.claims-request-list-header, .section_ClaimsRegister .row.claims-request-list-header
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.claims-request-list-header
{
    font-weight: bolder;
    border-bottom: 1px solid black;
}

.section_ClaimsRegister .claim-col
{
    border: none;
}

.section_ClaimsList .row.claims-request-line, .section_ClaimsRegister .row.claims-request-line
{
    display: flex;
}

.section_ClaimsList .claim-col.tab, .section_ClaimsRegister .claim-col.tab
{
    min-width: 50px;
    width: 5%;
}

.section_ClaimsList .claim-col, .section_ClaimsRegister .claim-col
{
    border-collapse: collapse;
    display: inline-flex;
    align-items: center;
    min-width: 100px;
    width: 15%;
    font-size: 12px;
}

.table-wrapper td:nth-child(3) {
    text-align: end;
}

.claim-return-policy-container.accept-alert {
    border: 2px solid red;
}

.claim-return-policy-container {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 15px;
    padding-bottom: 5px;
    border: 2px solid black;
}
.quotation-details .quotation-header .info-col > *
{
    display: block;
}
.quotation-details .quotation-section-subheading
{
    font-size: .7em;
    color: rgb(170,170,170);
}
.quotation-details .quotation-part
{
    border: 1px solid Black;
    margin-top: 1em;
    padding: 1em;
}
.quotation-details input[type='checkbox']
{
    visibility:visible;
}
.quotation-details input[type='radio']
{
    visibility:visible;
}
.quotation-details .q-disabled
{
    color: lightgray;
}
.quotation-details .q-right
{
    text-align: right;
}
.quotation-details .q-center
{
    text-align: center;
}
/*.quotation-details .q-basket-image
{
    max-height: 3em;
    max-width: 10em;
}*/
.quotation-details .quotation-basket-settings
{
    padding: .4em;
    float:right;
}
.quotation-details .quotation-basket-settings .q-option
{
    display: inline-block;    
}
.quotation-details .quotation-basket-table > table > tbody > tr.even
{
    background-color: inherit;
}
.quotation-details .quotation-basket-table > table > tbody > tr.odd
{
    background-color: #f8f8f8;
}
.quotation-details .quotation-basket-table input[name='FillValue']
{
    color: black;
}
.quotation-details .quotation-basket-table .btn-fill
{
    background-color: white;
}
.quotation-details .quotation-basket-table .q-basket-sortrow-handle
{
    cursor: pointer;
}
.quotation-details .quotation-quickadd
{
    padding: .3em;
}
.quotation-details .q-part-toggle input[type='radio']
{
    width: inherit;
}
.quotation-details .q-part-toggle label
{
    display: inline-block;
}
.quotation-details .q-brand-logo {
    display:inline-block;
}
.quotation-details .q-brand-logo input[type='checkbox'] {
    display: inline-block;
    width: inherit;
}
.quotation-details .q-brand-logo img 
{
    max-width: 10em;
    max-height: 10em;
}
.quotation-details .q-template-setting
{
    background-color: #FFFD9E;
}
.quotation-details .quotation-headerbg
{
    background-color: black;
}
.quotation-details .is-inactive
{
    /*background-color: gray;*/
}
.cart.mode-quotation
{
    background-color: #4990E2;
}
.cart.mode-quotation:hover
{
    background-color: #4990E2;
}
.cart .quotation-content
{
    background-color: white;
    top: 63px;
    position: absolute;
    width: 100%;
    z-index: 9998;
    display: none;
    color: black;
}
.cart .quotation-content-mini
{
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 9998;
    color: black;
}
.cart .quotation-content.is-visible
{
    display: block !important;
}
.cart .quotation-content
{
    line-height: normal;
}
.cart .quotation-footer
{
    background-color: #F8F8F8;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    min-height: 3em;
    padding: .4em;
}
.cart .quotation-footer > div
{
    float:right;
    background-color: transparent;
}

/*General*/
.quotation-details .btn
{
    border-radius: 0;
    background: black;
    color: white;
    margin-bottom: 5px;
    border-color: black;
}

.quotation-details .quotation-section-subheading
{
    font-size: 1em;
}

.quotation-details .quotation-headerbg
{
    height: 50px;
    padding-right: 0;
}

.quotation-details .quotation-headerbg h2
{
    padding-top: 7px !important;
}

.quotation-details .quotation-headerbg .btn
{
    height: 100%;
    background: black;
    border: none;
}


.quotation-details .quotation-part
{
    border-top: none;
    padding-top: 0;
}

.quotation-details .q-template-setting
{
    background: #d1eef1;
}

.quotation-details textarea
{
    width: 100%;
}

/*Product presentation*/
.quotation-details .q-template-setting
{
    width: 100%;
}

.togglesection-container #toggle-panel-SwitchCustomer
{
    position: absolute;
    border: 1px solid rgb(220,220,220);
    background-color: white;
    padding: 1em;
    z-index: 10;
    width: 800px;
}

.togglesection-container #toggle-panel-SwitchCustomer .btn-toggle-dropdown-item
{
    background-color: rgb(250,250,250);
    display: inline-block;
}
.togglesection-container #toggle-panel-SwitchCustomer .btn-toggle-dropdown-item img
{
    max-width: 2em;
    max-height: 2em;
}
.togglesection-container #toggle-panel-SwitchCustomer .btn-toggle-dropdown-item.active
{
    background-color: #007ba5;
    color: white;
    font-weight: bolder;
    border: 1px solid black;
}

/*
Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
     -moz-box-sizing: border-box; /* firefox */
          box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;

    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;

    border-radius: 4px;

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    /*background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%);*/
}

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;

    border-radius: 0 0 4px 4px;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;
    float: none;
    width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0;
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;

    font-size: 1px;
    text-decoration: none;

    border: 0;
    background: url(/Content/css/select2/select2.png) right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;

    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;

    border-radius: 0 0 4px 4px;

    /*-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);*/
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;

    border-radius: 4px 4px 0 0;

    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;

    background-clip: padding-box;

    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;

    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/Content/css/select2/select2.png) no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px;
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 4px 4px 0 4px;

    position: relative;
    z-index: 10000;

    white-space: nowrap;
}

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;

    outline: 0;
    font-family: sans-serif;
    font-size: 1em;

    border: 1px solid #aaa;
    border-radius: 0;

    -webkit-box-shadow: none;
            box-shadow: none;

    background: #fff url(/Content/css/select2/select2.png) no-repeat 100% -22px;
    background: url(/Content/css/select2/select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(/Content/css/select2/select2.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/Content/css/select2/select2.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/Content/css/select2/select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;

    background: #fff url(/Content/css/select2/select2.png) no-repeat -37px -22px;
    background: url(/Content/css/select2/select2.png) no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(/Content/css/select2/select2.png) no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/Content/css/select2/select2.png) no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/Content/css/select2/select2.png) no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-search input.select2-active {
    background: #fff url(/Content/css/select2/select2-spinner.gif) no-repeat 100%;
    background: url(/Content/css/select2/select2-spinner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(/Content/css/select2/select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/Content/css/select2/select2-spinner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(/Content/css/select2/select2-spinner.gif) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
            box-shadow: 0 1px 0 #fff inset;

    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0;
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;

    min-height: 1em;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
}

.select2-results li em {
    background: #feffde;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-more-results.select2-active {
    background: #f4f4f4 url(/Content/css/select2/select2-spinner.gif) no-repeat 100%;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, .2);
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;

    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
    float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;

    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url(/Content/css/select2/select2-spinner.gif) no-repeat 100% !important;
}

.select2-default {
    color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;

    font-size: 1px;
    outline: none;
    background: url(/Content/css/select2/select2.png) right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
    background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url(/Content/css/select2/select2x2.png) !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important;
    }

    .select2-search input {
        background-position: 100% -21px !important;
    }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url(/Content/external/slick/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url(/Content/external/slick/fonts/slick.eot);
    src: url(/Content/external/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/Content/external/slick/fonts/slick.woff) format('woff'), url(/Content/external/slick/fonts/slick.ttf) format('truetype'), url(/Content/external/slick/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '•';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }

/* ============================================================
   Claims Services – detail view
   ============================================================ */

.claims-services-detail-container {
    box-sizing: border-box;
}

/* --- Edit header bar (errand id + edit/end-edit button) --- */
    .claims-services-detail-container .errand-edit-container {
        justify-content: space-between;
        /*display: flex;*/
        align-items: flex-end;
        margin-bottom: 15px;
    }

.claims-services-detail-container .errand-edit-title {
    margin: 0;
}

.claims-property-submitdata {
    float: right;
}

/* --- Steps --- */
.claims-services-detail-container .errand-header-step {
    padding: .8em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.claims-services-detail-container .errand-step {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    margin-top: 40px;
}

.claims-services-detail-container .errand-header-step .property-form-inner-container {
    border: none;
}

.claims-services-detail-container .errand-header-step .property-form-container h3 {
    padding-left: 30px;
}

/* --- Validation report --- */
.claims-services-detail-container .errand-validation-report {
    padding: .8em;
    margin-bottom: 15px;
}

/* --- Property form --- */
.claims-services-detail-container .property-form-container {
    margin-bottom: 15px;
}

.property-form-container .property-form-inner-container {
    padding: 10px 15px 15px 15px;
}

.property-form-inner-container .errand-action-collection {
    float: right;
}

/* --- Item table --- */
.claims-services-detail-container .item-table-container .item-table-innercontainer {
    padding: 1em;
}

.claims-services-detail-container .item-table-container table {
    width: 100%;
}

.claims-services-detail-container .item-table-container th {
    border: none;
}

.claims-services-detail-container .item-table-container td {
    padding: .3em;
    border-top: 0;
}

.item-table-innercontainer .item-table-row,
.cross-list-table .cross-list-option-row {
    margin-left: 0;
    margin-right: 0;
}

.item-properties-container .item-property.row {
    margin-left: 0;
    margin-right: 0;
}

/* --- Property query (typeahead result) --- */
.claims-services-detail-container .claims-property-query-result-container {
    position: relative;
}

.claims-services-detail-container .claims-property-query-result-container .property-query-innercontainer {
    position: absolute;
    z-index: 1;
    min-width: 95%;
    background-color: white;
}

.claims-services-detail-container .claims-property-query-result-container .property-query-item {
    background: #f9f9f9;
    padding: .3em;
    cursor: pointer;
}

    .claims-services-detail-container .claims-property-query-result-container .property-query-item:hover {
        background-color: rgb(245, 245, 245);
    }

.claims-services-detail-container .claims-property-query-result-container .property-query-cell-value-stockcode-stockcode {
    font-weight: bolder;
    font-size: 1.1em;
}

.claims-services-detail-container .claims-property-query-result-container .property-query-cell-value-stockcode-description {
    font-size: .8em;
}

.claims-services-detail-container .property-query-paging .btn-property-query-paging {
    background: none;
    border: none;
}

    .claims-services-detail-container .property-query-paging .btn-property-query-paging:hover {
        background: rgb(245, 245, 245);
    }

.claims-services-detail-container .claims-property-query-result-container .property-query-paging form {
    display: inline-block;
}

/* --- Comments / messages --- */
.claims-services-detail-container .message-list {
    padding: 1em;
    min-height: 4em;
}

.claims-services-detail-container .comments-topic-newmessage {
    padding: 1em;
}

    .claims-services-detail-container .comments-topic-newmessage .message-container {
        width: 100%;
    }

        .claims-services-detail-container .comments-topic-newmessage .message-container textarea {
            width: 100%;
            min-height: 10em;
        }

.claims-services-detail-container .comments-topic-message {
    padding: 15px;
}

.claims-services-detail-container .comments-topic-message-header {
    font-weight: bolder;
}

.claims-services-detail-container .comments-topic-message-body {
    padding-top: 15px;
}

.claims-services-detail-container .comments-topic .topic-label {
    display: none;
}

/* --- Shared property controls --- */
.claims-property-textarea {
    min-height: 150px;
}

.upload-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .upload-form .input-upload {
        margin-right: 10px;
    }

    .upload-form .btn-upload {
        margin-right: 10px;
    }

    .upload-form .claims-property-textbox {
        width: 95%;
    }

.claims-property-validation-message {
    margin-top: 4px;
    font-size: 0.875rem;
}

    .claims-property-validation-message.not-valid {
        color: red;
    }

    .claims-property-validation-message.valid {
        color: green;
    }

.claims-action-validation-message {
    margin-top: 4px;
    font-size: 0.875rem;
}

    .claims-action-validation-message.not-enabled {
        color: red;
    }

    .claims-action-validation-message.enabled {
        color: green;
    }

/* --- Per-control save status ("Saved!", "Save failed!", inline validation) ---
   Overlaid on the field only while it has a message, so a transient status never reflows the
   form and makes the fields below it jump around. Empty -> no box, no layout impact. */
.claims-services-detail-container .property-value-container {
    position: relative;
}

.claims-services-detail-container .control-validation:not(:empty) {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 3;
    max-width: 95%;
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 0.75rem;
    line-height: 1.5;
    background-color: rgba(33, 37, 41, 0.85);
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    /* Green = saved, red = save failed / validation error. */
    .claims-services-detail-container .control-validation.valid:not(:empty) {
        background-color: rgba(46, 125, 50, 0.92);
    }

    .claims-services-detail-container .control-validation.not-valid:not(:empty) {
        background-color: rgba(198, 40, 40, 0.92);
    }

/* ============================================================
   Claims Services – search view
   ============================================================ */

.claims-services-search-add-btn,
.claims-services-search-search-btn {
    float: right;
}

.claims-services-search-sort-column-btn {
    cursor: pointer;
}

.claims-services-search-container .table th:nth-of-type(1) {
    padding-left: 0;
}

.claims-services-search-container .table tr td:nth-of-type(1) {
    padding-left: 0;
}

.claims-services-search-container .input-group-addon select {
    border: none;
    background: transparent;
    padding: 0;
}

.claims-services-search-container .input-group-btn select.form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.claims-services-search-container .add-errand-container form {
    display: inline-block;
}

.search-table-title {
    display: block;
    font-size: 150%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

/* --- Pagination --- */
.total-hits {
    font-weight: bold;
    font-size: 14px;
}

/* ============================================================
   Claims Services – controls
   ============================================================ */

/* --- Cross list --- */
.cross-list-option-row {
    border-bottom: solid 1px #e4e4e4;
}

.cross-list-option-display-value {
    padding: 5px 30px 5px 5px;
}

/* --- File upload / dropzone --- */
.claims-dropzone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px dashed #333;
    border-radius: 4px;
    background-color: #eee;
    padding: 10px 14px;
    gap: 12px;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

    .claims-dropzone.dragover {
        background-color: #aaa;
        border-color: #333;
    }

.claims-dropzone-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.claims-dropzone-icon {
    color: #3b82f6;
    font-size: 16px;
}

.claims-dropzone .hint {
    font-size: 13px;
    color: #555;
    margin: 0;
    white-space: nowrap;
}

.claims-dropzone-right {
    flex-shrink: 0;
}

/* --- Export errands button + modal --- */
.export-controls {
    display: inline-block;
    margin-top: 15px;
    float: right;
}

.selected-errands-count {
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

#errandExportTypeModal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 1000;
}

    #errandExportTypeModal .modal-content {
        margin: 15px;
    }

    #errandExportTypeModal .modal-footer {
        margin-top: 20px;
        text-align: right;
    }

    #errandExportTypeModal .btn {
        margin-left: 10px;
    }

    /* classes replacing inline styles so themes can override them. */
    .item-table-container .item-table-title-note {
        color: #000;
        font-weight: normal;
        font-size: 0.7em;
    }
    
    .claims-required-asterisk {
        font-size: 10px;
        color: red;
    }
    
    .item-table-container .item-table-required-cell {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    
    .item-table-container .item-table-required-cell .item-table-required-cell-control {
        flex: 1 1 auto;
    }

    .errand-edit-actions{
        float: right
    }

/* ============================================================
   Claims Services – action toasts (client "toast" directive)
   ============================================================ */

.claims-toast-container {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 100000;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
}

.claims-toast {
    min-width: 200px;
    max-width: 360px;
    padding: 10px 16px;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    pointer-events: auto;
}

.claims-toast-success {
    background-color: #2e7d32;
}

.claims-toast-info {
    background-color: #0277bd;
}

.claims-toast-warning {
    background-color: #ef6c00;
}

.claims-toast-error {
    background-color: #c62828;
}
/* PT Configurator Manager - Bootstrap 3 Compatible Styles */

/* Main container using Bootstrap panel structure */
.pt-configurator-manager-container {
    max-width: 1600px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    min-height: 90vh;
}

.pt-configurator-manager-container .panel {
    margin-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/* Header using Bootstrap panel-heading */
.pt-configurator-manager-container .app-header {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pt-configurator-manager-container .app-header h2 {
    margin: 0;
    font-size: 16px;
    color: inherit;
}

.pt-configurator-manager-container .app-header-actions {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Settings modal language form */
#language-form-area {
    margin-bottom: 15px;
}

#language-settings-view .language-form-actions {
    margin-top: 10px;
}

#language-settings-view .table th,
#language-settings-view .table td {
    vertical-align: middle;
}

/* Translation editor */
.pt-translations-editor th,
.pt-translations-editor td {
    vertical-align: middle;
}

.translation-editor-wrap {
    padding: 5px 0;
}

/* Tab system using Bootstrap nav-tabs */
.pt-configurator-manager-container .app-tabs {
    background-color: #f8f8f8;
    border-bottom: 1px solid #ddd;
    padding: 0;
    margin: 0;
    flex-shrink: 0;
}

.pt-configurator-manager-container .nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding: 0 15px;
}

.pt-configurator-manager-container .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.pt-configurator-manager-container .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px;
    color: #555;
    background-color: transparent; /* override PT.One.css .nav-tabs li a { background-color: #F7F7F7 } */
}

.pt-configurator-manager-container .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
    background-color: #eee;
    color: #555;
    text-decoration: none;
}

.pt-configurator-manager-container .nav-tabs > li.active > a,
.pt-configurator-manager-container .nav-tabs > li.active > a:hover,
.pt-configurator-manager-container .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/* Tab content area */
.pt-configurator-manager-container .tab-content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin:0;
}

.pt-configurator-manager-container .tab-pane {
    flex: 1 1 auto;
    min-height: 0;
    display: none;
}

.pt-configurator-manager-container .tab-pane.active {
    display: flex;
    flex-direction: column;
}

/* Main body layout using Bootstrap grid with flexbox */
.pt-configurator-manager-container .app-body {
    flex: 1 1 auto;
    display: flex;
    padding-top: 15px;
    min-height: 0;
    gap: 15px;
}

/* Left panel - Bootstrap panel structure */
.pt-configurator-manager-container .tree-panel {
    width: 250px;
    min-width: 200px;
    max-width: 250px;
    display: flex;
    flex-direction: column;
}

.pt-configurator-manager-container .tree-panel .panel {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.pt-configurator-manager-container .tree-panel .panel-body {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    padding: 10px;
}

    /* step panel - Bootstrap panel structure */
    .pt-configurator-manager-container .step-panel {
        width: auto;
        min-width: 260px;
        max-width: 500px;
        display: flex;
        flex-direction: column;
    }

        .pt-configurator-manager-container .step-panel .panel {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
        }

        .pt-configurator-manager-container .step-panel .panel-body {
            flex: 1 1 auto;
            overflow: auto;
            min-height: 0;
            padding: 10px;
        }

/* Step panel content */
.steps-panel-view .step-group-header {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 4px 6px;
    margin: 8px -10px 0;
}

.steps-panel-view .step-group-header:first-child {
    margin-top: 0;
}

.steps-panel-view .step-group-header--unassigned {
    color: #999;
    font-style: italic;
}

.steps-panel-view .step-group-table {
    margin-bottom: 0;
    table-layout: fixed;
    width: 100%;
}

.steps-panel-view .step-group-table td {
    vertical-align: middle;
    padding: 4px 3px;
    overflow: hidden;
    white-space: nowrap;
}

.steps-panel-view .step-col-name {
    width: auto;
    font-size: 13px;
}

.steps-panel-view .step-col-drag {
    width: 22px;
    text-align: center;
    color: #bbb;
}

.steps-panel-view .step-drag-handle {
    cursor: move;
    cursor: grab;
    display: inline-block;
    padding: 0 2px;
}

.steps-panel-view .step-drag-handle:hover {
    color: #777;
}

/* Drop target while dragging a step */
.steps-panel-view .step-sortable-placeholder {
    height: 26px;
    background: #eaf3fb;
    outline: 1px dashed #9dc3e6;
}

.steps-panel-view .step-sortable-helper {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.steps-panel-view.step-sorting-busy {
    opacity: 0.6;
    pointer-events: none;
}

.steps-panel-view .step-col-badge {
    width: 50px;
    text-align: center;
}

.steps-panel-view .step-col-actions {
    white-space: nowrap;
}

.steps-panel-view .step-badge {
    background-color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    position:relative;
    top:0;
}

/* Step name link in step panel */
.steps-panel-view .step-name-link {
    color: #333;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.steps-panel-view .step-name-link:hover {
    color: #23527c;
    text-decoration: underline;
}

.steps-panel-view .step-name-link.active {
    color: #337ab7;
    font-weight: 600;
}

/* Step detail panel (detail-bottom) */
.step-detail-panel-view .step-detail-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 4px;
}

.step-detail-panel-view .step-detail-title {
    font-size: 15px;
    font-weight: 600;
    display: block;
}

.step-detail-panel-view .step-detail-subtitle {
    font-size: 12px;
    display: block;
    margin-top: 2px;
}

.step-detail-panel-view .step-detail-section-header {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #555;
    margin: 0 0 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #eee;
}

.step-detail-panel-view .step-detail-table {
    margin-bottom: 6px;
}

.step-detail-panel-view .step-detail-table th {
    font-size: 11px;
}

.step-detail-panel-view .step-detail-table td {
    vertical-align: middle;
    font-size: 13px;
}


/* Right panel - Bootstrap grid */
.pt-configurator-manager-container .detail-panel {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 15px;
}

.pt-configurator-manager-container .detail-top,
.pt-configurator-manager-container .detail-bottom {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.pt-configurator-manager-container .detail-top .panel,
.pt-configurator-manager-container .detail-bottom .panel {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.pt-configurator-manager-container .detail-top .panel-body,
.pt-configurator-manager-container .detail-bottom .panel-body {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
}



/* Tree search */
.pt-configurator-manager-container .tree-search {
    position: relative;
    margin-bottom: 8px;
}

.pt-configurator-manager-container .tree-search .tree-search-input {
    padding-left: 28px;
    padding-right: 28px;
}

.pt-configurator-manager-container .tree-search .tree-search-icon {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    font-size: 12px;
}

.pt-configurator-manager-container .tree-search .tree-search-clear {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    padding: 2px 6px;
    color: #999;
    cursor: pointer;
    line-height: 1;
}

.pt-configurator-manager-container .tree-search .tree-search-clear:hover {
    color: #333;
}

/* Tree styling - Bootstrap compatible */
.pt-configurator-manager-container .tree {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pt-configurator-manager-container .tree ul {
    list-style: none;
    margin-left: 20px;
    padding: 0;
}

.pt-configurator-manager-container .tree li {
    margin: 2px 0;
    position: relative;
}

.pt-configurator-manager-container .tree-node {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.pt-configurator-manager-container .tree-node > ul {
    flex: 0 0 100%;
}

.pt-configurator-manager-container .tree-node.folder > ul {
    margin-left: 20px;
}

.pt-configurator-manager-container .tree-node.folder.closed > ul {
    display: none;
}

.pt-configurator-manager-container .tree-node .node-label {
    flex: 1 1 0;
    min-width: 0;
    padding: 2px 8px;
    margin: 1px 0;
    border-radius: 3px;
    cursor: pointer;
    color: #333;
    user-select: none;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.pt-configurator-manager-container .tree-node .node-label:hover {
    background-color: #f5f5f5;
    color: #23527c;
}

.pt-configurator-manager-container .tree-node.selected > .node-label {
    background-color: #337ab7;
    color: #fff;
}

.pt-configurator-manager-container .tree-node.folder > i {
    margin-right: 5px;
    color: #777;
    cursor: pointer;
    flex: 0 0 auto;
    line-height: 1.5;
    padding: 2px 0;
    margin-top: 1px;
}

/* Detail panels - Bootstrap panel headers */
.pt-configurator-manager-container .panel-heading h4 {
    margin: 0;
    font-size: 16px;
    color: inherit;
}

/* Component details and attributes table styling */
.pt-configurator-manager-container .table {
    margin-bottom: 0;
}

.pt-configurator-manager-container .table th {
    border-top: none;
    background-color: #f9f9f9;
    font-weight: 600;
}

.pt-configurator-manager-container .form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pt-configurator-manager-container .app-body {
        flex-direction: column;
    }
    
    .pt-configurator-manager-container .tree-panel {
        width: 100%;
        min-width: auto;
        max-width: none;
        margin-bottom: 15px;
    }
    
    .pt-configurator-manager-container .detail-panel {
        gap: 10px;
    }
}

/* Splitter styling - hidden on mobile */
.pt-configurator-manager-container .splitter {
    display: none; /* Disable splitters for now, can be re-added if needed */
}

/* Context menu - Bootstrap dropdown style */
.pt-configurator-manager-context-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.pt-configurator-manager-context-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pt-configurator-manager-context-menu li {
    margin: 0;
    padding: 0;
}

.pt-configurator-manager-context-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.pt-configurator-manager-context-menu li a:hover,
.pt-configurator-manager-context-menu li a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

/* Loading states */
.pt-configurator-manager-container .loading {
    text-align: center;
    padding: 20px;
    color: #999;
}

.pt-configurator-manager-container .loading i {
    margin-right: 5px;
}

/* Empty states */
.pt-configurator-manager-container .empty-state {
    text-align: center;
    padding: 40px 20px;
    color: #999;
}

.pt-configurator-manager-container .empty-state h4 {
    margin-bottom: 10px;
    color: #999;
}

/* Rule form */
#rule-form .rule-section {
    border-left: 3px solid #e0e0e0;
    padding-left: 12px;
    margin-bottom: 8px;
}

#rule-form .rule-sub-section {
    margin-top: 10px;
}

#rule-form .rule-conditions-table td,
#rule-form .rule-conditions-table th {
    vertical-align: middle;
    padding: 4px 5px;
}

#rule-form .rule-conditions-table .form-control {
    padding: 3px 6px;
    height: 28px;
    font-size: 12px;
}

/* ConditionalFilter editor */
.cf-preview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

#conditional-filter-editor {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 12px;
    background: #fafafa;
    margin-top: 8px;
}

.cf-section-header {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
    margin: 0 0 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #eee;
}

.cf-then-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 8px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.cf-then-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #555;
    white-space: nowrap;
    min-width: 36px;
}

.cf-add-buttons {
    display: flex;
    gap: 4px;
    margin-bottom: 2px;
}

.cf-table td,
.cf-table th {
    vertical-align: middle !important;
    padding: 3px 4px !important;
    font-size: 12px;
}

.cf-table .form-control {
    height: 26px;
    padding: 2px 6px;
    font-size: 12px;
}

/* Ensure Bootstrap's sr-only is not overridden within this container */
.pt-configurator-manager-container .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Clearfix for Bootstrap compatibility */
.pt-configurator-manager-container .clearfix:before,
.pt-configurator-manager-container .clearfix:after {
    display: table;
    content: " ";
}

.pt-configurator-manager-container .clearfix:after {
    clear: both;
}

/* Neutralise Foundation's .panel heading overrides inside the manager */
.pt-configurator-manager-container .panel h1,
.pt-configurator-manager-container .panel h2,
.pt-configurator-manager-container .panel h3,
.pt-configurator-manager-container .panel h4,
.pt-configurator-manager-container .panel h5,
.pt-configurator-manager-container .panel h6 {
    color: inherit;
    line-height: 1.42857143;
    margin-bottom: 10px;
}

/* Rule row — clickable rows in the rules table */
.ptcm-rule-row {
    cursor: pointer;
}

.ptcm-rule-row:hover {
    background-color: #f0f7ff !important;
}

.ptcm-rule-row.ptcm-rule-row--active {
    background-color: #dbeafe !important;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}

.ptcm-rule-row td:first-child {
    font-weight: 500;
}

/* ═══════════════════════════════════════════════════════════════════
   BOOTSTRAP 3 ISOLATION
   Re-declare Bootstrap 3 defaults scoped to this container (and to
   the dynamically-created modals that the manager appends to <body>).
   This prevents site-wide CSS (Foundation from Site.css, PT.One.css
   overrides, etc.) from bleeding into ConfiguratorManager UI.
   The [id^="pt-configurator-modal"] covers both the static settings
   modal (#configurator-settings-modal) and runtime modals generated
   by ptconfiguratormanagergeneral.js (id="pt-configurator-modal-N").
═══════════════════════════════════════════════════════════════════ */

/* ── Buttons ──────────────────────────────────────────────────────── */
.pt-configurator-manager-container .btn,
[id^="pt-configurator-modal"] .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    box-sizing: border-box;
}
.pt-configurator-manager-container .btn:hover,
.pt-configurator-manager-container .btn:focus,
[id^="pt-configurator-modal"] .btn:hover,
[id^="pt-configurator-modal"] .btn:focus {
    text-decoration: none;
}
.pt-configurator-manager-container .btn-default,
[id^="pt-configurator-modal"] .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.pt-configurator-manager-container .btn-default:hover,
.pt-configurator-manager-container .btn-default:focus,
.pt-configurator-manager-container .btn-default:active,
[id^="pt-configurator-modal"] .btn-default:hover,
[id^="pt-configurator-modal"] .btn-default:focus,
[id^="pt-configurator-modal"] .btn-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration: none;
}
.pt-configurator-manager-container .btn-primary,
[id^="pt-configurator-modal"] .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.pt-configurator-manager-container .btn-primary:hover,
.pt-configurator-manager-container .btn-primary:focus,
.pt-configurator-manager-container .btn-primary:active,
[id^="pt-configurator-modal"] .btn-primary:hover,
[id^="pt-configurator-modal"] .btn-primary:focus,
[id^="pt-configurator-modal"] .btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    text-decoration: none;
}
.pt-configurator-manager-container .btn-success,
[id^="pt-configurator-modal"] .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.pt-configurator-manager-container .btn-success:hover,
.pt-configurator-manager-container .btn-success:focus,
.pt-configurator-manager-container .btn-success:active,
[id^="pt-configurator-modal"] .btn-success:hover,
[id^="pt-configurator-modal"] .btn-success:focus,
[id^="pt-configurator-modal"] .btn-success:active {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    text-decoration: none;
}
.pt-configurator-manager-container .btn-info,
[id^="pt-configurator-modal"] .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.pt-configurator-manager-container .btn-info:hover,
.pt-configurator-manager-container .btn-info:focus,
.pt-configurator-manager-container .btn-info:active,
[id^="pt-configurator-modal"] .btn-info:hover,
[id^="pt-configurator-modal"] .btn-info:focus,
[id^="pt-configurator-modal"] .btn-info:active {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
    text-decoration: none;
}
.pt-configurator-manager-container .btn-danger,
[id^="pt-configurator-modal"] .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.pt-configurator-manager-container .btn-danger:hover,
.pt-configurator-manager-container .btn-danger:focus,
.pt-configurator-manager-container .btn-danger:active,
[id^="pt-configurator-modal"] .btn-danger:hover,
[id^="pt-configurator-modal"] .btn-danger:focus,
[id^="pt-configurator-modal"] .btn-danger:active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
    text-decoration: none;
}
.pt-configurator-manager-container .btn-sm,
[id^="pt-configurator-modal"] .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.pt-configurator-manager-container .btn-xs,
[id^="pt-configurator-modal"] .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* ── Forms ────────────────────────────────────────────────────────── */
.pt-configurator-manager-container .form-group,
[id^="pt-configurator-modal"] .form-group {
    margin-bottom: 15px;
}
.pt-configurator-manager-container label,
[id^="pt-configurator-modal"] label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
    color: #333;
}
.pt-configurator-manager-container .form-control,
[id^="pt-configurator-modal"] .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-sizing: border-box;
}
.pt-configurator-manager-container .form-control:focus,
[id^="pt-configurator-modal"] .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.pt-configurator-manager-container select.form-control,
[id^="pt-configurator-modal"] select.form-control {
    height: 34px;
}
.pt-configurator-manager-container textarea.form-control,
[id^="pt-configurator-modal"] textarea.form-control {
    height: auto;
}
.pt-configurator-manager-container .input-sm,
[id^="pt-configurator-modal"] .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.pt-configurator-manager-container select.input-sm,
[id^="pt-configurator-modal"] select.input-sm {
    height: 30px;
}
.pt-configurator-manager-container .form-control-static,
[id^="pt-configurator-modal"] .form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 1.42857143;
}
.pt-configurator-manager-container .help-block,
[id^="pt-configurator-modal"] .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 14px;
    font-weight: 400;
}
.pt-configurator-manager-container .checkbox,
.pt-configurator-manager-container .radio,
[id^="pt-configurator-modal"] .checkbox,
[id^="pt-configurator-modal"] .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pt-configurator-manager-container .checkbox label,
.pt-configurator-manager-container .radio label,
[id^="pt-configurator-modal"] .checkbox label,
[id^="pt-configurator-modal"] .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.pt-configurator-manager-container .radio-inline,
[id^="pt-configurator-modal"] .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
.pt-configurator-manager-container .form-inline .form-group,
[id^="pt-configurator-modal"] .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.pt-configurator-manager-container .form-inline .form-control,
[id^="pt-configurator-modal"] .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/* ── Tables (additional variants) ────────────────────────────────── */
.pt-configurator-manager-container .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.pt-configurator-manager-container .table-condensed > thead > tr > th,
.pt-configurator-manager-container .table-condensed > tbody > tr > td,
.pt-configurator-manager-container .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.pt-configurator-manager-container .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.pt-configurator-manager-container .table-bordered {
    border: 1px solid #ddd;
}
.pt-configurator-manager-container .table-bordered > thead > tr > th,
.pt-configurator-manager-container .table-bordered > tbody > tr > td,
.pt-configurator-manager-container .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

/* ── Labels / Badges ──────────────────────────────────────────────── */
.pt-configurator-manager-container .label,
[id^="pt-configurator-modal"] .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.pt-configurator-manager-container .label-default,
[id^="pt-configurator-modal"] .label-default {
    background-color: #777;
}
.pt-configurator-manager-container .label-info,
[id^="pt-configurator-modal"] .label-info {
    background-color: #5bc0de;
}
.pt-configurator-manager-container .badge,
[id^="pt-configurator-modal"] .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

/* ── Text utilities ───────────────────────────────────────────────── */
.pt-configurator-manager-container .text-muted,
[id^="pt-configurator-modal"] .text-muted  { color: #777; }
.pt-configurator-manager-container .text-danger,
[id^="pt-configurator-modal"] .text-danger { color: #a94442; }
.pt-configurator-manager-container .text-center,
[id^="pt-configurator-modal"] .text-center { text-align: center; }
.pt-configurator-manager-container .text-right,
[id^="pt-configurator-modal"] .text-right  { text-align: right; }
.pt-configurator-manager-container .text-left,
[id^="pt-configurator-modal"] .text-left   { text-align: left; }

/* ── Panels ───────────────────────────────────────────────────────── */
.pt-configurator-manager-container .panel-body {
    padding: 15px;
    color: #333;
    font-size: 14px;
    line-height: 1.42857143;
}
.pt-configurator-manager-container .panel-heading {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    line-height: 1.42857143;
}
.pt-configurator-manager-container .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: inherit;
    line-height: 1.42857143;
}
.pt-configurator-manager-container .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* ── Alerts ───────────────────────────────────────────────────────── */
.pt-configurator-manager-container .alert,
[id^="pt-configurator-modal"] .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857143;
}
.pt-configurator-manager-container .alert-danger,
[id^="pt-configurator-modal"] .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.pt-configurator-manager-container .alert-success,
[id^="pt-configurator-modal"] .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/* ── Well ─────────────────────────────────────────────────────────── */
.pt-configurator-manager-container .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.pt-configurator-manager-container .well-sm {
    padding: 9px;
    border-radius: 3px;
}

/* ── dl-horizontal ────────────────────────────────────────────────── */
.pt-configurator-manager-container .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    line-height: 1.42857143;
}
.pt-configurator-manager-container .dl-horizontal dd {
    margin-left: 180px;
    line-height: 1.42857143;
}

/* ── Misc utilities ───────────────────────────────────────────────── */
.pt-configurator-manager-container .hidden {
    display: none !important;
}

/* ── Grid — only the col sizes actually used in the views ─────────── */
.pt-configurator-manager-container .row {
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}
.pt-configurator-manager-container .row:before,
.pt-configurator-manager-container .row:after {
    display: table;
    content: " ";
}
.pt-configurator-manager-container .row:after { clear: both; }
.pt-configurator-manager-container .col-md-12,
.pt-configurator-manager-container .col-md-6,
.pt-configurator-manager-container .col-md-4,
.pt-configurator-manager-container .col-sm-12,
.pt-configurator-manager-container .col-sm-6,
.pt-configurator-manager-container .col-sm-4,
.pt-configurator-manager-container .col-sm-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
}
.pt-configurator-manager-container .col-md-12,
.pt-configurator-manager-container .col-sm-12 { width: 100%; }
.pt-configurator-manager-container .col-md-6,
.pt-configurator-manager-container .col-sm-6  { width: 50%; }
.pt-configurator-manager-container .col-md-4,
.pt-configurator-manager-container .col-sm-4  { width: 33.33333333%; }
.pt-configurator-manager-container .col-sm-3  { width: 25%; }

/*
    3D rule builder styles.

*/

/* ── Reset & Base ─────────────────────────────────── */
.threed-rule-builder {
    /* Four surface levels, one per nesting depth. Each one flips against the
       one that holds it, so depth is legible without reading a single label:
       tinted component head > white component body > tinted choice well >
       white choice > tinted choice body > white action card. */
    --rb-bg: #e6e8ed;             /* the panel itself, behind the component cards */
    --rb-field: #ffffff;          /* every input, tag box and small control */
    --rb-surface: #ffffff;        /* a component's body */
    --rb-inset: #f2f3f7;          /* a well: the choices of a component, the body of a choice */
    --vo-bg: #ffffff;             /* a choice */
    --rb-surface-raised: #f0f2f7; /* hover, not a dark slab */

    /* Greyscale, so the only colour in the tree is an action's own. The depth
       still reads, because the levels alternate: a grey component head, a white
       component body, a grey choice well, white choices, a grey choice body and
       white action cards. Steps on the scale, not hues. */
    --rb-component-head: #e4e7ee;
    --rb-component-head-open: #dadee8;
    --rb-component-rail: #9aa1b4;

    /* Hairlines, not outlines. Three weights so nesting can get quieter. */
    --rb-border: #e2e5ec;
    --rb-border-strong: #ccd1dc;
    --rb-border-hover: #a9b0c2;

    --rb-text: #101223;
    --rb-text-dim: #5c6178;
    --rb-text-muted: #8b90a5;

    --rb-accent: #4f6ef7;
    --rb-accent-hover: #3d5ae0;
    --rb-accent-bg: rgba(79, 110, 247, 0.07);

    /* Same hues, a touch stronger — 0.08 alpha washes out on white. */
    --rb-show: #10b981;  --rb-show-bg: rgba(16, 185, 129, 0.10);  --rb-show-border: rgba(16, 185, 129, 0.30);
    --rb-hide: #ef4444;  --rb-hide-bg: rgba(239, 68, 68, 0.09);   --rb-hide-border: rgba(239, 68, 68, 0.28);
    --rb-color: #a855f7; --rb-color-bg: rgba(168, 85, 247, 0.09); --rb-color-border: rgba(168, 85, 247, 0.28);
    --rb-image: #e08c1a; --rb-image-bg: rgba(224, 140, 26, 0.10); --rb-image-border: rgba(224, 140, 26, 0.30);

    --rb-danger: #ef4444;
    --rb-radius: 8px;
    --rb-radius-lg: 12px;
    --rb-transition: 180ms ease;

    /* A shadow ladder that matches the nesting: a component casts further than a
       choice, a choice further than an action card. Each one is a tight contact
       shadow plus a wider soft one, both offset downward only - that is what
       makes a card look lifted off the well rather than outlined on it, and what
       makes the gap between two choices read as a gap. */
    --rb-shadow-sm: 0 1px 2px rgba(16, 18, 35, 0.05);
    --rb-shadow-card: 0 1px 1px rgba(16, 18, 35, 0.05), 0 2px 5px rgba(16, 18, 35, 0.09);
    --rb-shadow-choice: 0 1px 1px rgba(16, 18, 35, 0.05), 0 3px 8px rgba(16, 18, 35, 0.11);
    --rb-shadow-choice-open: 0 2px 4px rgba(16, 18, 35, 0.07), 0 8px 18px rgba(16, 18, 35, 0.13);
    --rb-shadow-md: 0 2px 4px rgba(16, 18, 35, 0.06), 0 10px 26px rgba(16, 18, 35, 0.12);

    font-family: 'Segoe UI', -apple-system, sans-serif;
    color: var(--rb-text);

    /* A panel rather than a page: padded and rounded, so the component cards
       float on it with a margin all round instead of butting up to its edges. */
    background: var(--rb-bg);
    border-radius: var(--rb-radius-lg);
    padding: 20px;
    max-width: 960px;
    margin: 0 auto;
}

    .threed-rule-builder *,
    .threed-rule-builder *::before,
    .threed-rule-builder *::after {
        box-sizing: border-box;
    }

    
    /* The rule needs to be darker than the panel it divides, not lighter. */
    .threed-rule-builder .rb-header {
        margin-bottom: 20px;
        padding-bottom: 18px;
        border-bottom: 1px solid var(--rb-border-strong);
    }

        .threed-rule-builder .rb-header h1 {
            font-size: 22px;
            font-weight: 600;
            color: var(--rb-text);
            margin: 0 0 4px 0;
            letter-spacing: -0.3px;
        }

        /* Filtering is a class on the panel, not a re-render: the cards stay in
           the DOM with their edits intact, which matters because this partial is
           already replaced wholesale on every configurator selection change. */
        .threed-rule-builder.rb-filter-3d [data-view="2d"],
        .threed-rule-builder.rb-filter-2d [data-view="3d"] {
            display: none;
        }

        /* Under the component heading rather than on a card: it belongs to the step. */
        .threed-rule-builder .rb-step-order {
            display: flex;
            align-items: center;
            gap: 8px;
            margin: 6px 0 10px 4px;
        }

            /* The same caption as an action's field label, so a control that sits
               above the cards does not read as a different kind of thing. */
            .threed-rule-builder .rb-step-order label {
                margin: 0;
                font-size: 11px;
                font-weight: 600;
                color: var(--rb-text);
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            /* Matches .action-field input. The spinner is hidden because the value
               is a layer order typed in, not a dial: the arrows are a misclick
               waiting to happen and they crowd a 72px box. */
            .threed-rule-builder .rb-step-order input[type="number"] {
                width: 76px;
                padding: 7px 10px;
                background: var(--rb-field);
                border: 1px solid var(--rb-border);
                border-radius: 6px;
                font-size: 13px;
                color: var(--rb-text);
                font-family: 'Consolas', 'Monaco', monospace;
                transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
                outline: none;
                -moz-appearance: textfield;
            }

                .threed-rule-builder .rb-step-order input[type="number"]::-webkit-outer-spin-button,
                .threed-rule-builder .rb-step-order input[type="number"]::-webkit-inner-spin-button {
                    -webkit-appearance: none;
                    margin: 0;
                }

                .threed-rule-builder .rb-step-order input[type="number"]::placeholder {
                    color: var(--rb-text-dim);
                }

                .threed-rule-builder .rb-step-order input[type="number"]:focus {
                    border-color: var(--rb-accent);
                    box-shadow: 0 0 0 2px var(--rb-accent-bg);
                }

            /* The draw order, then the selection on its own line under it. The bar
               stays in the 3D view, where the draw order itself is hidden. */
            .threed-rule-builder .rb-step-bar {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 8px 16px;
                padding: 10px 16px 4px 16px;
            }

                .threed-rule-builder .rb-step-bar .rb-step-order {
                    margin: 0;
                }

            /* In the component's title row, pushed to the far end. The normal cursor
               marks the part of that row which is not a toggle.
               It shrinks rather than holding its width, because what is inside it
               includes a status line of unknown length - see .rb-save-status. */
            .threed-rule-builder .rb-step-save {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                margin-left: auto;
                min-width: 0;
                cursor: default;
            }

                /* The row already has its own padding; the button set it for the bar. */
                .threed-rule-builder .component-title .rb-save-step-btn {
                    margin-top: 0;
                }

            .threed-rule-builder .rb-save-step-btn .rb-save-count:empty,
            .threed-rule-builder .rb-save-all-btn .rb-save-count:empty {
                display: none;
            }

            /* "Saved ✓" or an error, next to Save component or a choice's Save.
               An error can be a sentence, and it shares a nowrap flex row with the
               button it belongs to: without these it grows the row and pushes the
               button past the edge of the card, where it cannot be clicked. The
               text gives way and wraps; the button never shrinks. */
            .threed-rule-builder .rb-save-status {
                flex: 0 1 auto;
                min-width: 0;
                max-width: 340px;
                overflow-wrap: anywhere;
                font-size: 12px;
                line-height: 1.35;
                color: var(--rb-text-muted);
            }

            .threed-rule-builder .save-actions-btn,
            .threed-rule-builder .rb-save-step-btn,
            .threed-rule-builder .rb-save-all-btn,
            .threed-rule-builder .rb-revert-btn,
            .threed-rule-builder .copy-actions-btn,
            .threed-rule-builder .paste-actions-btn,
            .threed-rule-builder .paste-step-btn {
                flex-shrink: 0;
            }

            /* Both title rows are nowrap flex, so their text has to be what yields. */
            .threed-rule-builder .component-title h2,
            .threed-rule-builder .vo-title h5,
            .threed-rule-builder .rb-add-set,
            .threed-rule-builder .rb-step-pick {
                min-width: 0;
            }

                .threed-rule-builder .save-actions-btn + .rb-save-status {
                    margin-left: 10px;
                }

                .threed-rule-builder .rb-save-status.is-ok {
                    color: var(--rb-show);
                }

                .threed-rule-builder .rb-save-status.is-error {
                    color: var(--rb-danger);
                }

            .threed-rule-builder .save-actions-btn.is-saving,
            .threed-rule-builder .rb-save-step-btn.is-saving,
            .threed-rule-builder .rb-save-all-btn.is-saving {
                cursor: progress;
            }

            /* Unsaved changes: the same dot at all three levels - the component, the
               choice and the individual action card - so one mark means one thing
               wherever it is seen. A card with no dot is exactly as the server sent it. */
            .threed-rule-builder .component-item.is-unsaved > details > .component-title h2::after,
            .threed-rule-builder .value-option-item.is-unsaved > details > .vo-title h5::after,
            .threed-rule-builder .action-card.is-unsaved .action-type-badge::after {
                content: '';
                display: inline-block;
                width: 7px;
                height: 7px;
                margin-left: 8px;
                vertical-align: middle;
                border-radius: 50%;
                background: var(--rb-image);
            }

                /* The badge is a tight pill, so its dot needs to sit just outside it. */
                .threed-rule-builder .action-card.is-unsaved .action-type-badge::after {
                    width: 6px;
                    height: 6px;
                    margin-left: 6px;
                }

            /* Undo, beside the dot. Absent unless there is something to undo: an
               always-present revert on an untouched row is an invitation to a
               misclick with nothing to gain. */
            .threed-rule-builder .rb-revert-btn {
                display: none;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                padding: 0;
                margin-left: 2px;
                flex-shrink: 0;
                color: var(--rb-text-dim);
                background: transparent;
                border: 1px solid transparent;
                border-radius: 6px;
                cursor: pointer;
                transition: all var(--rb-transition);
            }

            .threed-rule-builder .component-item.is-unsaved > details > .component-title > .rb-revert-step,
            .threed-rule-builder .value-option-item.is-unsaved > details > .vo-title > .rb-revert-choice {
                display: inline-flex;
            }

                .threed-rule-builder .rb-revert-btn:hover {
                    color: var(--rb-danger);
                    background: rgba(239, 68, 68, 0.10);
                    border-color: rgba(239, 68, 68, 0.28);
                }

                .threed-rule-builder .rb-revert-btn:focus-visible {
                    outline: 2px solid var(--rb-danger);
                    outline-offset: 1px;
                }

                .threed-rule-builder .rb-revert-btn .rb-icon {
                    width: 14px;
                    height: 14px;
                }

            .threed-rule-builder .rb-step-order-hint {
                font-size: 11px;
                color: var(--rb-text-muted);
            }

        /* A segmented control: a white track carrying the three segments, so it
           sits on the grey panel the same way the fields do. */
        .threed-rule-builder .rb-view-filter {
            display: inline-flex;
            gap: 2px;
            margin-top: 10px;
            padding: 3px;
            background: var(--rb-field);
            border: 1px solid var(--rb-border-strong);
            border-radius: 8px;
            box-shadow: var(--rb-shadow-sm);
        }

        .threed-rule-builder .rb-view-btn {
            padding: 3px 12px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--rb-text-dim);
            background: transparent;
            border: 0;
            border-radius: 4px;
            cursor: pointer;
            transition: all var(--rb-transition);
        }

            .threed-rule-builder .rb-view-btn:hover:not(.is-active) {
                color: var(--rb-text);
                background: var(--rb-surface-raised);
            }

            .threed-rule-builder .rb-view-btn.is-active {
                color: var(--rb-accent);
                background: var(--rb-accent-bg);
            }

        .threed-rule-builder .rb-header .rb-id {
            font-size: 12px;
            color: var(--rb-text-dim);
            font-family: 'Consolas', 'Monaco', monospace;
            background: var(--rb-surface);
            display: inline-block;
            padding: 2px 8px;
            border-radius: 4px;
        }

        /* ── Search ── */
        /* The existing tag box, as a rounded search field. */
        .threed-rule-builder .rb-search {
            margin-top: 12px;
        }

            .threed-rule-builder .rb-search .rb-tag-box {
                padding-left: 34px;
                border-radius: 999px;
                background: var(--rb-field) no-repeat 12px center / 14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b90a5' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
            }

    /* display:none cannot transition; a component fades in when it comes back. */
    .threed-rule-builder .component-item.is-search-hidden {
        display: none;
    }

    .threed-rule-builder .component-item.is-search-revealed {
        animation: rb-search-in 180ms ease;
    }

    @keyframes rb-search-in {
        from { opacity: 0; transform: translateY(-4px); }
        to { opacity: 1; transform: none; }
    }


    .threed-rule-builder ul.components {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .threed-rule-builder .component-item {
        background: var(--rb-surface);
        border: 1px solid var(--rb-border-strong);
        border-radius: var(--rb-radius-lg);
        box-shadow: var(--rb-shadow-sm);
        overflow: hidden;
        transition: box-shadow var(--rb-transition), border-color var(--rb-transition);
    }

        .threed-rule-builder .component-item details[open] {
            border-color: var(--rb-border-hover);
        }

        /* An open component lifts off the page, so the one being worked on is
           obvious among a dozen closed ones. */
        .threed-rule-builder .component-item:has(details[open]) {
            box-shadow: var(--rb-shadow-md);
        }

        .threed-rule-builder .component-item details > summary {
            cursor: pointer;
            list-style: none;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: background var(--rb-transition);
            user-select: none;
        }

        /* The component's own row: the darkest surface in the tree, with a rail
           to anchor it. Two steps darker than the well below it, so a choice can
           never be mistaken for one. */
        .threed-rule-builder .component-title {
            background: var(--rb-component-head);
            box-shadow: inset 3px 0 0 var(--rb-component-rail);
        }

            .threed-rule-builder .component-item details > summary.component-title:hover {
                background: var(--rb-component-head-open);
            }

            .threed-rule-builder .component-item details[open] > .component-title {
                background: var(--rb-component-head-open);
                border-bottom: 1px solid var(--rb-border-strong);
            }

        .threed-rule-builder .component-item details > summary:not(.component-title):hover {
            background: var(--rb-surface-raised);
        }

            .threed-rule-builder .component-item details > summary::-webkit-details-marker {
                display: none;
            }

            .threed-rule-builder .component-item details > summary::before {
                content: '';
                display: inline-block;
                width: 6px;
                height: 6px;
                border-right: 2px solid var(--rb-text);
                border-bottom: 2px solid var(--rb-text);
                transform: rotate(-45deg);
                transition: transform var(--rb-transition);
                flex-shrink: 0;
            }

        .threed-rule-builder .component-item details[open] > summary::before {
            transform: rotate(45deg);
        }

    /* A size ladder as well as a colour one: component > choice > action badge. */
    .threed-rule-builder .component-title h2 {
        font-size: 15px;
        font-weight: 650;
        letter-spacing: -0.2px;
        color: var(--rb-text);
        margin: 0;
    }

    /* The well the choices sit in. Tinted, so the white choice cards inside it
       read as contents of the component rather than siblings of it. */
    .threed-rule-builder ul.value-options {
        list-style: none;
        padding: 14px;
        margin: 0;
        background: var(--rb-inset);
        display: flex;
        flex-direction: column;
        /* Enough air that two choices' shadows never touch. */
        gap: 12px;
    }

    .threed-rule-builder .value-option-item {
        background: var(--vo-bg);
        border: 1px solid var(--rb-border-strong);
        border-radius: var(--rb-radius);
        box-shadow: var(--rb-shadow-choice);
        transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
        overflow: hidden;
    }

        .threed-rule-builder .value-option-item:hover {
            border-color: var(--rb-border-hover);
            box-shadow: var(--rb-shadow-choice-open);
        }

        /* An open choice is a much taller object, so it needs a longer shadow to
           still read as one block - and it makes the seam to the next choice
           unmistakable. */
        .threed-rule-builder .value-option-item:has(> details[open]) {
            box-shadow: var(--rb-shadow-choice-open);
        }

        .threed-rule-builder .value-option-item > details[open] {
            /* The choice's contents get the well treatment in turn, so the action
               cards are the only white thing at this depth. */
            background: var(--rb-inset);
        }

        /* Specific enough to beat the shared summary padding above. */
        .threed-rule-builder .component-item details > summary.vo-title {
            padding: 11px 14px;
            background: var(--vo-bg);
        }

            .threed-rule-builder .component-item details > summary.vo-title:hover {
                background: var(--rb-surface-raised);
            }

            .threed-rule-builder .value-option-item > details[open] > .vo-title {
                border-bottom: 1px solid var(--rb-border);
            }

    .threed-rule-builder .vo-title h5 {
        font-size: 13px;
        font-weight: 600;
        margin: 0;
    }

    .threed-rule-builder .vo-header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 12px;
        padding: 12px 14px;
        flex-wrap: wrap;
    }

        .threed-rule-builder .vo-header .vo-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .threed-rule-builder .vo-header .vo-name {
            font-size: 14px;
            font-weight: 600;
            color: var(--rb-text);
            margin: 0;
        }

        .threed-rule-builder .vo-header .vo-stock {
            font-size: 15px;
            color: var(--rb-text-dim);
            font-family: 'Consolas', 'Monaco', monospace;
            overflow-wrap: break-word;
            word-break: break-all;
        }

    
    .threed-rule-builder .vo-toolbar {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }


    .threed-rule-builder .rb-add-set {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

        .threed-rule-builder .rb-add-set + .rb-add-set {
            padding-left: 8px;
            border-left: 1px solid var(--rb-border);
        }

    /* Keeps an add button and its info icon together when the toolbar wraps. */
    .threed-rule-builder .rb-add-group {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

    .threed-rule-builder .add-action-btn {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 5px 10px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border: 1px solid;
        border-radius: 6px;
        cursor: pointer;
        transition: all var(--rb-transition);
        background: transparent;
    }

        .threed-rule-builder .add-action-btn::before {
            content: '+';
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
        }

        .threed-rule-builder .add-action-btn[data-add-action-type="show"] {
            color: var(--rb-show);
            border-color: var(--rb-show-border);
        }

            .threed-rule-builder .add-action-btn[data-add-action-type="show"]:hover {
                background: var(--rb-show-bg);
            }

        .threed-rule-builder .add-action-btn[data-add-action-type="hide"] {
            color: var(--rb-hide);
            border-color: var(--rb-hide-border);
        }

            .threed-rule-builder .add-action-btn[data-add-action-type="hide"]:hover {
                background: var(--rb-hide-bg);
            }

        .threed-rule-builder .add-action-btn[data-add-action-type="color"] {
            color: var(--rb-color);
            border-color: var(--rb-color-border);
        }

            .threed-rule-builder .add-action-btn[data-add-action-type="color"]:hover {
                background: var(--rb-color-bg);
            }

        .threed-rule-builder .add-action-btn[data-add-action-type="showImage"] {
            color: var(--rb-image);
            border-color: var(--rb-image-border);
        }

            .threed-rule-builder .add-action-btn[data-add-action-type="showImage"]:hover {
                background: var(--rb-image-bg);
            }

   
    .threed-rule-builder .action-container {
        list-style: none;
        padding: 0 14px;
        margin: 0 0 12px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .threed-rule-builder .action-container:empty {
            margin: 8px 0;
            padding: 20px;
            border: 1px dashed var(--rb-border);
            border-radius: var(--rb-radius);
            position: relative;
        }

            .threed-rule-builder .action-container:empty::after {
                content: 'No actions — use the buttons above to add';
                color: var(--rb-text-dim);
                font-size: 12px;
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
            }

   
    .threed-rule-builder .action-card {
        background: #fff;
        border: 1px solid var(--rb-border-strong);
        border-radius: var(--rb-radius);
        box-shadow: var(--rb-shadow-card);
        padding: 12px 14px;
        position: relative;
        transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
        overflow: hidden;
    }

        .threed-rule-builder .action-card:hover {
            box-shadow: var(--rb-shadow-choice);
            border-color: var(--rb-border-hover);
        }

        
        /* Opaque: the tint is layered over white rather than over whatever is
           behind the card, so a card keeps its colour now that it sits in a
           tinted well. The rail is the loudest edge in the tree - an action is
           the only thing here identified by colour alone. */
        .threed-rule-builder .action-card[data-action-type="show"] {
            border-left: 4px solid var(--rb-show);
            background: linear-gradient(var(--rb-show-bg), var(--rb-show-bg)), #fff;
        }

        .threed-rule-builder .action-card[data-action-type="hide"] {
            border-left: 4px solid var(--rb-hide);
            background: linear-gradient(var(--rb-hide-bg), var(--rb-hide-bg)), #fff;
        }

        .threed-rule-builder .action-card[data-action-type="color"] {
            border-left: 4px solid var(--rb-color);
            background: linear-gradient(var(--rb-color-bg), var(--rb-color-bg)), #fff;
        }

        .threed-rule-builder .action-card[data-action-type="showImage"] {
            border-left: 4px solid var(--rb-image);
            background: linear-gradient(var(--rb-image-bg), var(--rb-image-bg)), #fff;
        }

    .threed-rule-builder .action-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .threed-rule-builder .action-type-badge {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        padding: 2px 8px;
        border-radius: 4px;
    }

    .threed-rule-builder .action-card[data-action-type="show"] .action-type-badge {
        color: var(--rb-show);
        background: rgba(52, 211, 153, 0.15);
    }

    .threed-rule-builder .action-card[data-action-type="hide"] .action-type-badge {
        color: var(--rb-hide);
        background: rgba(248, 113, 113, 0.15);
    }

    .threed-rule-builder .action-card[data-action-type="color"] .action-type-badge {
        color: var(--rb-color);
        background: rgba(192, 132, 252, 0.15);
    }

    .threed-rule-builder .action-card[data-action-type="showImage"] .action-type-badge {
        color: var(--rb-image);
        background: rgba(240, 166, 58, 0.15);
    }

    /* An action type this build has no editor for: shown, kept, not editable. */
    .threed-rule-builder .action-card-readonly {
        border-left: 3px solid var(--rb-text-dim);
        background: var(--rb-surface-raised);
    }

        .threed-rule-builder .action-card-readonly .action-type-badge {
            color: var(--rb-text-dim);
            background: rgba(92, 97, 120, 0.15);
        }

    .threed-rule-builder .action-note {
        font-size: 12px;
        color: var(--rb-text-dim);
        font-style: italic;
    }

    /* Copy and Remove sit together so the badge keeps the left of the head. */
    .threed-rule-builder .action-card-tools {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .threed-rule-builder .action-copy {
        background: transparent;
        border: 1px solid transparent;
        color: var(--rb-text-dim);
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        cursor: pointer;
        height: 28px;
        padding: 0 8px;
        display: flex;
        align-items: center;
        border-radius: 6px;
        transition: all var(--rb-transition);
        line-height: 1;
        /* Quiet until the card is under the pointer: these are every-card controls
           and reading as loud as the action itself would be noise. */
        opacity: 0;
    }

    .threed-rule-builder .action-card:hover .action-copy,
    .threed-rule-builder .action-copy:focus {
        opacity: 1;
    }

        .threed-rule-builder .action-copy:hover {
            color: var(--rb-text);
            background: rgba(148, 163, 184, 0.12);
            border-color: rgba(148, 163, 184, 0.25);
        }

    /* ── Clipboard-dependent controls ────────────────────
       Both Paste buttons and the whole selection are meaningless with nothing
       copied, and a row of permanently greyed controls is what made the three
       levels hard to tell apart. They are absent until Copy puts something in
       the buffer; the script sets .rb-has-clipboard. */
    .threed-rule-builder .vo-pick,
    .threed-rule-builder .rb-step-pick,
    .threed-rule-builder .rb-paste-group {
        display: none;
    }

    .threed-rule-builder.rb-has-clipboard .vo-pick,
    .threed-rule-builder.rb-has-clipboard .rb-step-pick,
    .threed-rule-builder.rb-has-clipboard .rb-paste-group {
        display: inline-flex;
        align-items: center;
    }

    /* ── Choice selection ────────────────────────────────
       Targets for the component's Paste. Deliberately quiet: it is an authoring aid,
       not part of the rule. */
    .threed-rule-builder .vo-pick {
        cursor: pointer;
        flex-shrink: 0;
    }

        .threed-rule-builder .vo-pick input {
            margin: 0;
            cursor: pointer;
            /* Set from script only; the click handler owns the state. */
            pointer-events: none;
        }

        .threed-rule-builder .vo-pick:focus {
            outline: 2px solid var(--rb-border-hover);
            outline-offset: 2px;
            border-radius: 3px;
        }

    .threed-rule-builder .value-option-item.is-picked {
        border-color: var(--rb-border-hover);
    }

    /* Under the draw order, and the only clipboard control at this level - a
       component has no Copy, so nothing here can be mistaken for a choice's. */
    .threed-rule-builder .rb-step-bar .rb-step-pick {
        /* Its own line: the bar wraps, and a full-width item forces the break. */
        flex-basis: 100%;
        gap: 8px;
        padding-top: 10px;
        border-top: 1px dashed var(--rb-border-strong);
    }

        .threed-rule-builder .rb-step-pick .rb-pick-all-box {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--rb-text-dim);
        }

            .threed-rule-builder .rb-step-pick .rb-pick-all-box input {
                margin: 0;
                pointer-events: none;
            }

            .threed-rule-builder .rb-step-pick .rb-pick-all-box:focus {
                outline: 2px solid var(--rb-border-hover);
                outline-offset: 2px;
                border-radius: 3px;
            }

        .threed-rule-builder .rb-step-pick .rb-pick-count {
            font-size: 11px;
            color: var(--rb-text-muted);
            white-space: nowrap;
        }

            .threed-rule-builder .rb-step-pick .rb-pick-count:empty {
                display: none;
            }

        .threed-rule-builder .paste-step-btn {
            display: inline-flex;
            align-items: center;
            padding: 5px 10px;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border: 1px dashed var(--rb-border);
            border-radius: 6px;
            cursor: pointer;
            transition: all var(--rb-transition);
            background: transparent;
            color: var(--rb-text-dim);
            white-space: nowrap;
        }

            .threed-rule-builder .paste-step-btn:hover:not(:disabled) {
                color: var(--rb-text);
                border-style: solid;
                background: rgba(148, 163, 184, 0.12);
            }

            .threed-rule-builder .paste-step-btn:disabled {
                opacity: 0.4;
                cursor: not-allowed;
            }

    /* In the choice's title row, pushed to the far end so it never crowds the
       name or the unsaved dot. The row is the <summary> that opens the choice,
       so a normal cursor marks the part of it that is not a toggle. */
    .threed-rule-builder .vo-title .rb-clipboard-set {
        margin-left: auto;
        cursor: default;
    }

    /* The clipboard pair reads as its own group, not as another way to add a card. */
    .threed-rule-builder .rb-clipboard-set .copy-actions-btn,
    .threed-rule-builder .rb-clipboard-set .paste-actions-btn {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 5px 10px;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border: 1px dashed var(--rb-border);
        border-radius: 6px;
        cursor: pointer;
        transition: all var(--rb-transition);
        background: transparent;
        color: var(--rb-text-dim);
    }

        .threed-rule-builder .rb-clipboard-set .copy-actions-btn:hover:not(:disabled),
        .threed-rule-builder .rb-clipboard-set .paste-actions-btn:hover:not(:disabled) {
            color: var(--rb-text);
            border-style: solid;
            background: rgba(148, 163, 184, 0.12);
        }

        .threed-rule-builder .rb-clipboard-set .paste-actions-btn:disabled {
            opacity: 0.4;
            cursor: not-allowed;
        }

    .threed-rule-builder .action-remove {
        background: transparent;
        border: 1px solid transparent;
        color: var(--rb-text-dim);
        font-size: 16px;
        cursor: pointer;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        transition: all var(--rb-transition);
        line-height: 1;
        padding: 0;
    }

        .threed-rule-builder .action-remove:hover {
            color: var(--rb-danger);
            background: rgba(239, 68, 68, 0.1);
            border-color: rgba(239, 68, 68, 0.25);
        }

    
    .threed-rule-builder .action-fields {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 0;
    }

    .threed-rule-builder .action-field {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        /* Left-aligned so the entity icons line up in a column across rows;
           the captions have different lengths, so right-alignment would make
           the icons ragged. */
        .threed-rule-builder .action-field label {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 11px;
            font-weight: 600;
            color: var(--rb-text);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            width: 150px;
            flex-shrink: 0;
            text-align: left;
        }

        /* margin-right:auto pins the info icon to the right edge of the label
           column without letting the caption shrink or wrap. */
        .threed-rule-builder .action-field label .rb-field-text {
            margin-right: auto;
            white-space: nowrap;
        }

    /* ── Icons & info affordance ──────────────────────── */
    .threed-rule-builder .rb-icon {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        display: block;
    }

/* The glyph is a CSS mask painted in currentColor, so an icon is one empty
   <span class="rb-icon rb-icon-NAME"> - no partial per icon, no SVG sprite and
   no <use> shadow tree per instance. Not scoped to .threed-rule-builder: the
   suggestion menu on <body> clones the field icons (see .rb-suggest-menu .rb-icon).
   The paths are the Lucide glyphs the old _RuleBuilderIconSprite held. */
.rb-icon {
    background-color: currentColor;
    -webkit-mask: var(--rb-icon-glyph) no-repeat center / contain;
            mask: var(--rb-icon-glyph) no-repeat center / contain;
}
.rb-icon-undo { --rb-icon-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v6h6'/%3E%3Cpath d='M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13'/%3E%3C/svg%3E"); }
.rb-icon-info { --rb-icon-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); }
.rb-icon-folder { --rb-icon-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); }
.rb-icon-object { --rb-icon-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E"); }
.rb-icon-material { --rb-icon-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2Z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='black'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='black'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='black'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='black'/%3E%3C/svg%3E"); }
.rb-icon-image { --rb-icon-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='1.5'/%3E%3Cpath d='m21 15-4.5-4.5L6 21'/%3E%3C/svg%3E"); }

.rb-tip {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 2000;
    max-width: 240px;
    padding: 6px 8px;
    background: #2b2b2b;
    color: #fff;
    font-size: 12px;
    line-height: 1.35;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    opacity: 0;
    pointer-events: none;
}

    .rb-tip.is-visible {
        opacity: 1;
    }

    .threed-rule-builder .action-field input[type="text"] {
        flex: 1;
        background: var(--rb-field);
        border: 1px solid var(--rb-border);
        border-radius: 6px;
        padding: 7px 10px;
        font-size: 13px;
        color: var(--rb-text);
        font-family: 'Consolas', 'Monaco', monospace;
        transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
        outline: none;
        min-width: 0;
    }

    .threed-rule-builder .action-field input[type="text"]::placeholder {
        color: var(--rb-text-dim);
    }

    .threed-rule-builder .action-field input[type="text"]:focus {
        border-color: var(--rb-accent);
        box-shadow: 0 0 0 2px var(--rb-accent-bg);
    }

    
    .threed-rule-builder .save-actions-btn,
    .threed-rule-builder .rb-save-step-btn,
    .threed-rule-builder .rb-save-all-btn {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 8px 15px;
        font-size: 12.5px;
        font-weight: 600;
        letter-spacing: 0.2px;
        line-height: 1;
        color: #fff;
        background: var(--rb-accent);
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        /* A hairline of light along the top edge is what reads as a raised
           surface rather than a flat rectangle of colour. */
        box-shadow: 0 1px 2px rgba(16, 18, 35, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.20);
        transition: background var(--rb-transition), box-shadow var(--rb-transition), transform 80ms ease;
        margin-top: 4px;
    }

        .threed-rule-builder .save-actions-btn:hover:not(:disabled),
        .threed-rule-builder .rb-save-step-btn:hover:not(:disabled),
        .threed-rule-builder .rb-save-all-btn:hover:not(:disabled) {
            background: var(--rb-accent-hover);
            box-shadow: 0 4px 12px rgba(79, 110, 247, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.20);
        }

        .threed-rule-builder .save-actions-btn:active:not(:disabled),
        .threed-rule-builder .rb-save-step-btn:active:not(:disabled),
        .threed-rule-builder .rb-save-all-btn:active:not(:disabled) {
            transform: translateY(1px);
            box-shadow: 0 1px 2px rgba(16, 18, 35, 0.14);
        }

        .threed-rule-builder .save-actions-btn:focus-visible,
        .threed-rule-builder .rb-save-step-btn:focus-visible,
        .threed-rule-builder .rb-save-all-btn:focus-visible {
            outline: 2px solid var(--rb-accent);
            outline-offset: 2px;
        }

        /* A greyed button, not a faded blue one. A washed-out primary reads as
           broken; a neutral one reads as "not yet". */
        .threed-rule-builder .save-actions-btn:disabled,
        .threed-rule-builder .rb-save-step-btn:disabled,
        .threed-rule-builder .rb-save-all-btn:disabled {
            background: #e8ebf2;
            color: var(--rb-text-muted);
            border-color: var(--rb-border-strong);
            box-shadow: none;
            opacity: 1;
            cursor: not-allowed;
        }

        /* The changed-choice count, as a pill inside the button. */
        .threed-rule-builder .rb-save-step-btn .rb-save-count,
        .threed-rule-builder .rb-save-all-btn .rb-save-count {
            font-size: 11px;
            font-weight: 700;
            padding: 1px 6px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.22);
        }

        .threed-rule-builder .rb-save-step-btn:disabled .rb-save-count,
        .threed-rule-builder .rb-save-all-btn:disabled .rb-save-count {
            background: rgba(16, 18, 35, 0.07);
        }

        /* A real glyph instead of a text ✓, painted in currentColor by the same
           mask trick as .rb-icon, so it greys out with the button. */
        .threed-rule-builder .save-icon {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
            background-color: currentColor;
            -webkit-mask: var(--rb-icon-save) no-repeat center / contain;
                    mask: var(--rb-icon-save) no-repeat center / contain;
        }

    .threed-rule-builder {
        --rb-icon-save: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7'/%3E%3Cpath d='M7 3v4a1 1 0 0 0 1 1h7'/%3E%3C/svg%3E");
    }

    .threed-rule-builder .action-templates {
        display: none !important;
    }

    .threed-rule-builder .fill-btn {
        flex-shrink: 0;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 1px solid var(--rb-border);
        border-radius: 6px;
        background: var(--rb-field);
        color: var(--rb-accent);
        font-size: 0px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all var(--rb-transition);
        position: relative;
    }

    /*Drawing a Plus sign to be placed inside the fill button because its super difficult to center characters with CSS*/
    .threed-rule-builder .fill-btn::before,
    .threed-rule-builder .fill-btn::after {
        content: '';
        position: absolute;
        background: currentColor;
        border-radius: 1px;
    }

    .threed-rule-builder .fill-btn::before {
        width: 12px;
        height: 2px;
    }

    .threed-rule-builder .fill-btn::after {
        width: 2px;
        height: 12px;
    }

        .threed-rule-builder .fill-btn:hover {
            background: var(--rb-accent-bg);
            border-color: var(--rb-accent);
            color: var(--rb-accent-hover);
        }

        .threed-rule-builder .fill-btn.flash-success {
            background: var(--rb-show-bg);
            border-color: var(--rb-show);
            color: var(--rb-show);
        }

        .threed-rule-builder .fill-btn.flash-empty {
            background: var(--rb-hide-bg);
            border-color: var(--rb-hide);
            color: var(--rb-hide);
        }

    /* ── Tag / chip editor ────────────────────────────── */
    /* The box itself looks like the text input; chips live inside it,
       followed by a flexible bare entry field. */
    .threed-rule-builder .rb-tag-box {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        min-height: 34px;
        padding: 5px 8px;
        background: var(--rb-field);
        border: 1px solid var(--rb-border);
        border-radius: 6px;
        cursor: text;
        transition: border-color var(--rb-transition), box-shadow var(--rb-transition);
    }

        .threed-rule-builder .rb-tag-box.is-focused {
            border-color: var(--rb-accent);
            box-shadow: 0 0 0 2px var(--rb-accent-bg);
        }

    .threed-rule-builder .rb-tag {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        max-width: 100%;
        padding: 2px 4px 2px 9px;
        font-size: 12px;
        color: var(--rb-text);
        font-family: 'Consolas', 'Monaco', monospace;
        background: var(--rb-accent-bg);
        border: 1px solid var(--rb-accent);
        border-radius: 999px;
    }

    .threed-rule-builder .rb-tag-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .threed-rule-builder .rb-tag-remove {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        padding: 0;
        border: none;
        border-radius: 50%;
        background: transparent;
        color: var(--rb-text-muted);
        font-size: 14px;
        line-height: 1;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .threed-rule-builder .rb-tag-remove:hover {
            color: var(--rb-danger);
            background: rgba(239, 68, 68, 0.12);
        }

    /* Bare entry field inside the box — extra specificity so the generic
       .action-field input[type="text"] rule doesn't re-add a border. Every place
       that enhances a field into chips is listed, so a tag field looks the same
       wherever it is: an action's, the search, a document field. */
    .threed-rule-builder .action-field .rb-tag-box .rb-tag-input,
    .threed-rule-builder .rb-search .rb-tag-box .rb-tag-input,
    .threed-rule-builder .rb-document-field .rb-tag-box .rb-tag-input {
        flex: 1 1 80px;
        min-width: 80px;
        width: auto;
        margin: 0;
        padding: 2px 0;
        border: none;
        background: transparent;
        box-shadow: none;
        color: var(--rb-text);
        font-size: 13px;
        font-family: 'Consolas', 'Monaco', monospace;
        outline: none;
    }

        .threed-rule-builder .action-field .rb-tag-box .rb-tag-input:focus,
        .threed-rule-builder .rb-search .rb-tag-box .rb-tag-input:focus,
        .threed-rule-builder .rb-document-field .rb-tag-box .rb-tag-input:focus {
            border: none;
            box-shadow: none;
        }

        .threed-rule-builder .action-field .rb-tag-box .rb-tag-input::placeholder,
        .threed-rule-builder .rb-search .rb-tag-box .rb-tag-input::placeholder,
        .threed-rule-builder .rb-document-field .rb-tag-box .rb-tag-input::placeholder {
            color: var(--rb-text-dim);
        }

    /* ── Suggestion menu ──────────────────────────────── */

    .rb-suggest-menu {
        position: absolute;
        z-index: 1060; /* above bootstrap modals/collapse, below tooltips (1070) */
        box-sizing: border-box;
        max-height: 220px;
        overflow-y: auto;
        padding: 4px;
        background: #fff;
        border: 1px solid #2e3345;
        border-radius: 6px;
        box-shadow: 0 6px 18px rgba(16, 18, 35, 0.22);
    }

        .rb-suggest-menu .rb-suggest-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 5px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-family: 'Consolas', 'Monaco', monospace;
            color: #101223;
            cursor: pointer;
        }

            .rb-suggest-menu .rb-suggest-item.is-active {
                background: rgba(108, 138, 255, 0.14);
            }

        /* Cloned out of the field label, so it needs its own sizing here —
           .threed-rule-builder .rb-icon cannot reach a menu on <body>. */
        .rb-suggest-menu .rb-icon {
            width: 14px;
            height: 14px;
            flex-shrink: 0;
            display: block;
            color: #5c6178;
        }

        .rb-suggest-menu .rb-suggest-item.is-active .rb-icon {
            color: #6c8aff;
        }

            .rb-suggest-menu .rb-suggest-item.is-custom {
                margin-top: 4px;
                padding-top: 7px;
                border-top: 1px solid rgba(46, 51, 69, 0.25);
            }

        /* margin-right:auto pushes the "use as typed" hint to the far edge
           while the icon stays pinned left. */
        .rb-suggest-menu .rb-suggest-label {
            margin-right: auto;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .rb-suggest-menu .rb-suggest-hint {
            flex-shrink: 0;
            font-family: 'Segoe UI', -apple-system, sans-serif;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #8b90a5;
        }



/* ---------- Tag insertion point ----------
   A slot between two chips. Thin enough to read as a gap, wide enough to hit,
   and it shows where the next value will land. */

/* Out of the flow at rest, so the chips sit together under the box's own 6px
   gap and the spacing between them reads as one thing rather than three. The
   slots open when the field has focus, which is when they can be clicked. */
.threed-rule-builder .rb-tag-gap {
    display: none;
    align-self: stretch;
    width: 8px;
    min-height: 18px;
    border-radius: 2px;
    cursor: text;
    background: transparent;
    transition: background var(--rb-transition);
}

.threed-rule-builder .rb-tag-box.is-focused .rb-tag-gap {
    display: inline-block;
}

.threed-rule-builder .rb-tag-box.is-focused .rb-tag-gap:hover {
    background: var(--rb-accent, rgba(71, 143, 202, .45));
}

/* ---------- Save all ----------
   Its own bar, above everything it covers. Inside the document fields it read as
   their button; on its own, with the scope spelled out, it reads as the panel's. */

.threed-rule-builder .rb-save-all-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 12px;
    padding: 10px 16px;
    background: var(--rb-surface);
    border: 1px solid var(--rb-border);
    border-radius: var(--rb-radius);
    box-shadow: var(--rb-shadow-sm);
}

.threed-rule-builder .rb-save-all-scope {
    flex: 1 1 200px;
    min-width: 0;
    font-size: 12px;
    line-height: 1.35;
    color: var(--rb-text-dim);
}

.threed-rule-builder .rb-save-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    min-width: 0;
}

/* ---------- Document bar ----------
   Fields of the rules document itself, rendered from [RulesDocumentField]. A card
   on the panel like a component is, because they belong to the whole document. */

.threed-rule-builder .rb-document-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 14px 20px;
    margin-bottom: 16px;
    padding: 14px 16px;
    background: var(--rb-surface);
    border: 1px solid var(--rb-border);
    border-radius: var(--rb-radius);
    box-shadow: var(--rb-shadow-card);
}

.threed-rule-builder .rb-document-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 260px;
    flex: 1 1 260px;
}

/* The same caption as an action's field label; the column width does not apply,
   because here the label sits above its field rather than beside it. */
.threed-rule-builder .rb-document-field > label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    color: var(--rb-text);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.threed-rule-builder.rb-filter-3d .rb-document-field[data-view="2d"],
.threed-rule-builder.rb-filter-2d .rb-document-field[data-view="3d"] {
    display: none;
}

.threed-rule-builder .rb-save-all .rb-save-all-btn {
    margin-top: 0;
}

/* Customer Chatbot widget — sleek grayscale theme */

#customerChatbotFloatingButton,
#customerChatbotWindow {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#customerChatbotFloatingButton {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 25%, #ffffff, #f0f0f0 70%);
    border: 1px solid rgba(0,0,0,0.08);
    color: #111;
    text-align: center;
    cursor: pointer;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.25);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    animation: customerChatbotBreathe 3.5s ease-in-out infinite;
}

    #customerChatbotFloatingButton:hover {
        box-shadow: 0 8px 26px rgba(0,0,0,0.45), 0 3px 8px rgba(0,0,0,0.3);
        transform: translateY(-2px) scale(1.06);
        animation-play-state: paused;
    }

    #customerChatbotFloatingButton i {
        font-size: 22px;
        position: absolute;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    /* An uploaded pill image stands in for the "open" icon and shares its cross-fade. */
    #customerChatbotFloatingButton img {
        position: absolute;
        width: 32px;
        height: 32px;
        object-fit: contain;
        border-radius: 50%;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    #customerChatbotFloatingButton .customerChatbotIconClose {
        opacity: 0;
        transform: rotate(-90deg) scale(0.6);
    }

    #customerChatbotFloatingButton.open .customerChatbotIconOpen {
        opacity: 0;
        transform: rotate(90deg) scale(0.6);
    }

    #customerChatbotFloatingButton.open .customerChatbotIconClose {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }

@keyframes customerChatbotBreathe {
    0%, 100% {
        box-shadow: 0 6px 20px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.25), 0 0 0 0 rgba(20,20,20,0.35);
    }

    50% {
        box-shadow: 0 6px 20px rgba(0,0,0,0.35), 0 2px 6px rgba(0,0,0,0.25), 0 0 0 8px rgba(20,20,20,0);
    }
}

#customerChatbotWindow {
    position: fixed;
    bottom: 96px;
    right: 24px;
    width: 1080px;
    height: 1000px;
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 120px);
    box-sizing: border-box;
    background-color: #ffffff;
    color: #1a1a1a;
    display: flex;
    flex-direction: column;
    z-index: 2147483000;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25), 0 6px 16px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.06);

    transform-origin: bottom right;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s;
}

#customerChatbotWindow.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(16px) scale(0.94);
}

#customerChatbotFloatingButton.hidden {
    display: none;
}

/* Resize grips. The window is pinned bottom-right, so dragging the top/left edges or the
   top-left corner only changes width/height and the window grows up / to the left. */
.customerChatbotResizeHandle {
    position: absolute;
    z-index: 5;
}

.customerChatbotResizeN {
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    cursor: ns-resize;
}

.customerChatbotResizeW {
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    cursor: ew-resize;
}

.customerChatbotResizeNW {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    cursor: nwse-resize;
    z-index: 6;
}

#customerChatbotHeader {
    padding: 16px 18px;
    background: linear-gradient(135deg, #1c1c1c, #050505);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.customerChatbotHeaderInfo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.customerChatbotAvatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
    overflow: hidden;
}

    .customerChatbotAvatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.customerChatbotTitleGroup {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.customerChatbotTitle {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.2px;
}

.customerChatbotSubtitle {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    display: flex;
    align-items: center;
    gap: 5px;
}

.customerChatbotStatusDot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #b8b8b8;
    box-shadow: 0 0 0 rgba(184,184,184,0.6);
    animation: customerChatbotStatusPulse 2s ease-in-out infinite;
}

@keyframes customerChatbotStatusPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(184,184,184,0.5);
    }

    50% {
        box-shadow: 0 0 0 4px rgba(184,184,184,0);
    }
}

#closeCustomerChatbot {
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.75);
    transition: background-color 0.2s ease, color 0.2s ease;
}

    #closeCustomerChatbot:hover {
        background-color: rgba(255,255,255,0.12);
        color: #fff;
    }

#customerChatbotContent {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background-color: #fafafa;
    position: relative; /* anchor the floating input area */
}

#customerChatMessages {
    flex: 1;
    overflow-y: auto;
    /* Messages fill the full content height; the bottom padding reserves room for the
       floating input area so the newest message/streaming preview is never hidden behind
       it. The exact value is kept in sync with the input's real height in script; this is
       the fallback for the initial paint. */
    padding: 18px 16px 92px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

    #customerChatMessages::-webkit-scrollbar {
        width: 6px;
    }

    #customerChatMessages::-webkit-scrollbar-track {
        background: transparent;
    }

    #customerChatMessages::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,0.18);
        border-radius: 3px;
    }

.botMessage, .userMessage {
    padding: 10px 14px;
    margin-bottom: 10px;
    border-radius: 16px;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 14px;
    line-height: 1.45;
    max-width: 86%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.botMessage {
    align-self: flex-start;
    background-color: #ffffff;
    border: 1px solid #ececec;
    color: #222;
    border-bottom-left-radius: 4px;
}

    .botMessage p {
        margin: 5px 0;
    }

    .botMessage ul {
        padding-left: 20px;
    }

    .botMessage sup {
        font-size: 0.75em;
        vertical-align: super;
        color: #777;
    }

    .botMessage .citations {
        margin-top: 10px;
        font-size: 0.85em;
        color: #666;
        border-top: 1px solid #eee;
        padding-top: 8px;
    }

    .botMessage code, .userMessage code {
        font-family: Consolas, "Courier New", monospace;
        font-size: 0.9em;
        padding: 2px 5px;
        border-radius: 4px;
        overflow-wrap: anywhere;
        word-break: break-word;
        white-space: pre-wrap;
    }

    .botMessage code {
        background-color: rgba(0,0,0,0.06);
    }

    .userMessage code {
        background-color: rgba(255,255,255,0.16);
    }

    .botMessage pre, .userMessage pre {
        max-width: 100%;
        overflow-x: auto;
        padding: 8px 10px;
        border-radius: 6px;
        box-sizing: border-box;
    }

    .botMessage pre {
        background-color: rgba(0,0,0,0.05);
    }

    .userMessage pre {
        background-color: rgba(255,255,255,0.1);
    }

        .botMessage pre code, .userMessage pre code {
            background-color: transparent;
            padding: 0;
            white-space: pre;
        }

    /* Tables (GitHub-style markdown). Rendered as a scrollable block so a wide table
       never forces the message bubble past the chat window width. */
    .botMessage table, .userMessage table {
        border-collapse: collapse;
        margin: 8px 0;
        font-size: 13px;
        display: block;
        max-width: 100%;
        width: max-content;
        overflow-x: auto;
    }

    .botMessage th, .botMessage td {
        border: 1px solid #d9d9d9;
        padding: 6px 10px;
        text-align: left;
        vertical-align: top;
    }

    .botMessage th {
        background-color: rgba(0,0,0,0.04);
        font-weight: 600;
    }

    .userMessage th, .userMessage td {
        border: 1px solid rgba(255,255,255,0.25);
        padding: 6px 10px;
        text-align: left;
        vertical-align: top;
    }

    .userMessage th {
        background-color: rgba(255,255,255,0.1);
        font-weight: 600;
    }

.userMessage {
    background: linear-gradient(135deg, #2b2b2b, #0a0a0a);
    color: #fff;
    align-self: flex-end;
    border-bottom-right-radius: 4px;
}

#customerChatbotTypingIndicator {
    padding: 10px 14px;
}

    #customerChatbotTypingIndicator #customerChatbotTypingStatus {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #777;
        font-size: 13px;
    }

        #customerChatbotTypingIndicator #customerChatbotTypingStatus i {
            color: #999;
        }

#customerChatbotInputArea {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    /* The message list uses the full (now wider) window, but the input + send button sit
       centered at a narrower fixed width. left/right:0 + auto margins + max-width centers
       an absolutely-positioned element. */
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 12px 14px;
    border-top: none;
    background-color: transparent;
}

.customerChatbotInputRow {
    display: flex;
    align-items: center;
    gap: 8px;
}

.customerChatbotInputCapsule {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 22px;
    padding: 4px 6px 4px 4px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

    .customerChatbotInputCapsule:focus-within {
        border-color: #1a1a1a;
    }

#attachCustomerChatbotFileButton {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: #777;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    #attachCustomerChatbotFileButton:hover {
        background-color: rgba(0,0,0,0.06);
        color: #111;
    }

.attachmentChip {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-bottom: 8px;
    padding: 5px 12px;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    font-size: 12px;
    color: #333;
}

.attachmentChipName {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachmentChipRemove {
    cursor: pointer;
    color: #888;
}

    .attachmentChipRemove:hover {
        color: #000;
    }

.messageAttachmentTag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
    font-size: 11px;
    opacity: 0.8;
}

#customerChatbotInput {
    flex: 1;
    min-width: 0;
    min-height: 22px;
    max-height: 6em;
    resize: none;
    padding: 8px 10px 8px 2px;
    border: none;
    font-size: 14px;
    color: #1a1a1a;
    background-color: transparent;
    overflow-y: auto;
}

    #customerChatbotInput:focus {
        outline: none;
    }

#sendCustomerChatbotButton {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 15px;
    cursor: pointer;
    background: linear-gradient(135deg, #2b2b2b, #050505);
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    #sendCustomerChatbotButton:hover {
        transform: scale(1.06);
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }

    #sendCustomerChatbotButton:active {
        transform: scale(0.96);
    }

.welcomeMessage {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    white-space: pre-line; /* preserve author-entered line breaks in the welcome message */
    background-color: transparent;
    border: none;
    color: #444;
    margin: 12px auto 20px;
    max-width: 480px;
    align-self: center;
}

.chatDisclaimer {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.35);
    text-align: center;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 14px;
}

.interimNarration {
    margin: 6px 0 0 0;
    padding-left: 18px;
    font-size: 12px;
    font-style: italic;
    color: #999;
}

    .interimNarration li {
        margin-bottom: 2px;
    }

.fadeInFast {
    animation: fadeInFast 0.3s ease-in-out;
}

@keyframes fadeInFast {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Utility — must stay last so it wins any equal-specificity tie against
   component classes (e.g. .attachmentChip { display: flex }) declared above. */
.hidden {
    display: none;
}

@media (max-width: 800px) {
    #customerChatbotWindow {
        width: calc(100vw - 24px);
        right: 12px;
        bottom: 88px;
        height: calc(100vh - 140px);
    }

    #customerChatbotFloatingButton {
        right: 16px;
        bottom: 16px;
    }
}