/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /*! * jQuery UI CSS Framework 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ .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; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .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; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit https://jqueryui.com/themeroller/ */ /* */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .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/*{ffDefault}*/; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5/*{borderColorDefault}*/; } .ui-widget-content { border: 1px solid #dddddd/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/; color: #333333/*{fcContent}*/; } .ui-widget-content a { color: #333333/*{fcContent}*/; } .ui-widget-header { border: 1px solid #dddddd/*{borderColorHeader}*/; background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/; color: #333333/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #333333/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; } .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/*{fcDefault}*/; 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 #cccccc/*{borderColorHover}*/; background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #2b2b2b/*{fcHover}*/; } .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/*{fcHover}*/; 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/*{borderColorActive}*/; background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcActive}*/; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff/*{borderColorActive}*/; background-color: #ffffff/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/; color: #777620/*{fcHighlight}*/; } .ui-state-checked { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899/*{borderColorError}*/; background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/; color: #5f3f3f/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f/*{fcError}*/; } .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; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsHeader}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-2ae1a3121a9024293d3d98f529f49edd9609e4043974e86304e263f811e865b8.png)/*{iconsHover}*/; } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-063ff6c0b18fa40b9a89952c7a14ba75909dc2a6012612d83c40b9ef77df08e9.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-db31659e24ef3c3402c3cce811aaa4f6e6c69d353f32ddf40ce43f80e98e1297.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-32d2aace8d299dd84d2e10ce1f1eb9cbb83550e147a4147b474eb22510dac5c3.png)/*{iconsError}*/; } .ui-button .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-03396f638d0837b69aa809188d82742d27a85eb85d105d4d553520df635176b7.png)/*{iconsDefault}*/; } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .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 is deprecated, use ui-icon-seek-start instead */ .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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; } .ui-widget-shadow { box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } /*! * jQuery UI Accordion 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/accordion/#theming */ /* */ .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; } /*! * jQuery UI Autocomplete 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/autocomplete/#theming */ /* */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/button/#theming */ /* */ .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; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .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; } /* workarounds */ /* Support: Firefox 5 - 125+ */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/checkboxradio/#theming */ /* */ .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; } /*! * jQuery UI Controlgroup 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/controlgroup/#theming */ /* */ .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; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/datepicker/#theming */ /* */ .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; } /* with multiple calendars */ .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; } /* RTL support */ .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /*! * jQuery UI Dialog 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/dialog/#theming */ /* */ .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; } /*! * jQuery UI Draggable 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /*! * jQuery UI Menu 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/menu/#theming */ /* */ .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; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Progressbar 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/progressbar/#theming */ /* */ .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; } /*! * jQuery UI Resizable 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; 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; } /*! * jQuery UI Selectable 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/selectmenu/#theming */ /* */ .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; } /*! * jQuery UI Sortable 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } /*! * jQuery UI Slider 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/slider/#theming */ /* */ .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; -ms-touch-action: none; 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; } /*! * jQuery UI Spinner 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/spinner/#theming */ /* */ .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; } /* more specificity required here to override default borders */ .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; } /*! * jQuery UI Tabs 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tabs/#theming */ /* */ .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 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; } /*! * jQuery UI Tooltip 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tooltip/#theming */ /* */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /*! * jQuery UI CSS Framework 1.14.2 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /*! * Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2026 Fonticons, Inc. */ .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fas, .far, .fab, .fa { --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Free')); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: var(--fa-display, inline-block); font-family: var(--_fa-family); -webkit-font-feature-settings: normal; -moz-font-feature-settings: normal; font-feature-settings: normal; font-style: normal; font-synthesis: none; font-variant: normal; font-weight: var(--fa-style, 900); line-height: 1; text-align: center; text-rendering: auto; width: var(--fa-width, 1.25em); } :is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before { content: var(--fa)/""; } @supports not (content: ""/"") { :is(.fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic, .fa)::before { content: var(--fa); } } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xs { font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-sm { font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-lg { font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xl { font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-2xl { font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-width-auto { --fa-width: auto; } .fa-fw, .fa-width-fixed { --fa-width: 1.25em; } .fa-canvas-square { padding-block: 0.125em; -webkit-margin-after: -0.125em; margin-block-end: -0.125em; } .fa-canvas-roomy { padding-block: 0.25em; padding-inline: 0.125em; -webkit-margin-after: -0.25em; margin-block-end: -0.25em; box-sizing: content-box; } .fa-ul { list-style-type: none; -webkit-margin-start: var(--fa-li-margin, 2.5em); -moz-margin-start: var(--fa-li-margin, 2.5em); margin-inline-start: var(--fa-li-margin, 2.5em); -webkit-padding-start: 0; -moz-padding-start: 0; padding-inline-start: 0; } .fa-ul > li { position: relative; } .fa-li { inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } /* Heads Up: Bordered Icons will not be supported in the future! - This feature will be deprecated in the next major release of Font Awesome (v8)! - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8. */ /* Notes: * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size) * --@{v.$css-prefix}-border-padding = ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment) ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon) */ .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.0625em); box-sizing: var(--fa-border-box-sizing, content-box); padding: var(--fa-border-padding, 0.1875em 0.25em); } .fa-pull-left, .fa-pull-start { float: inline-start; -webkit-margin-end: var(--fa-pull-margin, 0.3em); -moz-margin-end: var(--fa-pull-margin, 0.3em); margin-inline-end: var(--fa-pull-margin, 0.3em); } .fa-pull-right, .fa-pull-end { float: inline-end; -webkit-margin-start: var(--fa-pull-margin, 0.3em); -moz-margin-start: var(--fa-pull-margin, 0.3em); margin-inline-start: var(--fa-pull-margin, 0.3em); } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1.5s); animation-duration: var(--fa-animation-duration, 1.5s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-flip-360 { -webkit-animation-name: fa-flip-360; animation-name: fa-flip-360; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.75s); animation-duration: var(--fa-animation-duration, 0.75s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2s); animation-duration: var(--fa-animation-duration, 2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); animation-timing-function: var(--fa-animation-timing, steps(8)); } .fa-spin-snap { -webkit-animation-name: fa-spin-snap; animation-name: fa-spin-snap; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 3s); animation-duration: var(--fa-animation-duration, 3s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-snap-4 { -webkit-animation-name: fa-spin-snap-4; animation-name: fa-spin-snap-4; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2.4s); animation-duration: var(--fa-animation-duration, 2.4s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-snap-8 { -webkit-animation-name: fa-spin-snap-8; animation-name: fa-spin-snap-8; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 4s); animation-duration: var(--fa-animation-duration, 4s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-buzz { -webkit-animation-name: fa-buzz; animation-name: fa-buzz; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.6s); animation-duration: var(--fa-animation-duration, 0.6s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-wag { -webkit-animation-name: fa-wag; animation-name: fa-wag; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.9s); animation-duration: var(--fa-animation-duration, 0.9s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-out); animation-timing-function: var(--fa-animation-timing, ease-out); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .fa-float { -webkit-animation-name: fa-float; animation-name: fa-float; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 3s); animation-duration: var(--fa-animation-duration, 3s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); will-change: transform; } .fa-swing { -webkit-animation-name: fa-swing; animation-name: fa-swing; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1.2s); animation-duration: var(--fa-animation-duration, 1.2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-out); animation-timing-function: var(--fa-animation-timing, ease-out); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .fa-jello { -webkit-animation-name: fa-jello; animation-name: fa-jello; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.9s); animation-duration: var(--fa-animation-duration, 0.9s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-out); animation-timing-function: var(--fa-animation-timing, ease-out); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-flip-360, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse, .fa-buzz, .fa-float, .fa-jello, .fa-spin-snap, .fa-spin-snap-4, .fa-spin-snap-8, .fa-swing, .fa-wag { -webkit-animation: none !important; animation: none !important; -webkit-transition: none !important; transition: none !important; } } @-webkit-keyframes fa-beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); } 45% { -webkit-transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22))); transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22))); } 65% { -webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); } 90% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes fa-beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); } 45% { -webkit-transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22))); transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22))); } 65% { -webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); } 90% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); -webkit-animation-timing-function: var(--fa-animation-timing); animation-timing-function: var(--fa-animation-timing); } 14% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px)); transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 32% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em))); transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em))); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 52% { -webkit-transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1)); transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1)); -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 70% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0); -webkit-animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1); } 85% { -webkit-transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1))); transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); -webkit-animation-timing-function: var(--fa-animation-timing); animation-timing-function: var(--fa-animation-timing); } 14% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px)); transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 32% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em))); transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em))); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 52% { -webkit-transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1)); transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1)); -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 70% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0); -webkit-animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1); } 85% { -webkit-transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1))); transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes fa-fade { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 40% { opacity: var(--fa-fade-opacity, 0.4); -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fa-fade { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 40% { opacity: var(--fa-fade-opacity, 0.4); -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fa-beat-fade { 0% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 25% { opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4); -webkit-transform: scale(var(--fa-beat-fade-scale, 1.28)); transform: scale(var(--fa-beat-fade-scale, 1.28)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 45% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.25)); transform: scale(var(--fa-beat-fade-scale, 1.25)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 65% { opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4); -webkit-transform: scale(var(--fa-beat-fade-scale, 1.28)); transform: scale(var(--fa-beat-fade-scale, 1.28)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } } @keyframes fa-beat-fade { 0% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 25% { opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4); -webkit-transform: scale(var(--fa-beat-fade-scale, 1.28)); transform: scale(var(--fa-beat-fade-scale, 1.28)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 45% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.25)); transform: scale(var(--fa-beat-fade-scale, 1.25)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 65% { opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4); -webkit-transform: scale(var(--fa-beat-fade-scale, 1.28)); transform: scale(var(--fa-beat-fade-scale, 1.28)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fa-flip { 0% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 8% { -webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 35% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 65% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5)); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 92% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); } } @keyframes fa-flip { 0% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 8% { -webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 35% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 65% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5)); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 92% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); } } @-webkit-keyframes fa-flip-360 { 0% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 8% { -webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 50% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 80% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); } } @keyframes fa-flip-360 { 0% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 8% { -webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 50% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 80% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); } } @-webkit-keyframes fa-shake { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 8% { -webkit-transform: rotate(35deg) translateX(1px); transform: rotate(35deg) translateX(1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 20% { -webkit-transform: rotate(-22deg) translateX(-1px); transform: rotate(-22deg) translateX(-1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 35% { -webkit-transform: rotate(15deg) translateX(1px); transform: rotate(15deg) translateX(1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 50% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 65% { -webkit-transform: rotate(5deg); transform: rotate(5deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 78% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 90% { -webkit-transform: rotate(1deg); transform: rotate(1deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-shake { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 8% { -webkit-transform: rotate(35deg) translateX(1px); transform: rotate(35deg) translateX(1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 20% { -webkit-transform: rotate(-22deg) translateX(-1px); transform: rotate(-22deg) translateX(-1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 35% { -webkit-transform: rotate(15deg) translateX(1px); transform: rotate(15deg) translateX(1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 50% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 65% { -webkit-transform: rotate(5deg); transform: rotate(5deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 78% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 90% { -webkit-transform: rotate(1deg); transform: rotate(1deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fa-spin-snap { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 12% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 16.67% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 28.67% { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 33.33% { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 45.33% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 62% { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 66.67% { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 78.67% { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 83.33% { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 95.33% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin-snap { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 12% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 16.67% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 28.67% { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 33.33% { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 45.33% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 62% { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 66.67% { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 78.67% { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 83.33% { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 95.33% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fa-spin-snap-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 15% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 40% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 65% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 90% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin-snap-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 15% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 40% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 65% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 90% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fa-spin-snap-8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 9% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 12.5% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 21.5% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 34% { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 37.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 46.5% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 59% { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 62.5% { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 71.5% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 84% { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 87.5% { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 96.5% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin-snap-8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 9% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 12.5% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 21.5% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 34% { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 37.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 46.5% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 59% { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 62.5% { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 71.5% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 84% { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 87.5% { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 96.5% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fa-buzz { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1); animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1); } 5% { -webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg); transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg); } 10% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg); } 15% { -webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg); transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg); } 20% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg); } 25% { -webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg); transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg); } 30% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg); } 35% { -webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg); transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg); } 40% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } } @keyframes fa-buzz { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1); animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1); } 5% { -webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg); transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg); } 10% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg); } 15% { -webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg); transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg); } 20% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg); } 25% { -webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg); transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg); } 30% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg); } 35% { -webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg); transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg); } 40% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } } @-webkit-keyframes fa-wag { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 12% { -webkit-transform: rotate(var(--fa-wag-angle, 12deg)); transform: rotate(var(--fa-wag-angle, 12deg)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 24% { -webkit-transform: rotate(2deg); transform: rotate(2deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 36% { -webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85)); transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 48% { -webkit-transform: rotate(1deg); transform: rotate(1deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 58% { -webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6)); transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 68% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-wag { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 12% { -webkit-transform: rotate(var(--fa-wag-angle, 12deg)); transform: rotate(var(--fa-wag-angle, 12deg)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 24% { -webkit-transform: rotate(2deg); transform: rotate(2deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 36% { -webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85)); transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 48% { -webkit-transform: rotate(1deg); transform: rotate(1deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 58% { -webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6)); transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 68% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-float { 0% { -webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 15% { -webkit-transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1); transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 35% { -webkit-transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03)); transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03)); -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0); animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0); } 50% { -webkit-transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01); transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 70% { -webkit-transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1); transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 90% { -webkit-transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); } } @keyframes fa-float { 0% { -webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 15% { -webkit-transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1); transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 35% { -webkit-transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03)); transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03)); -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0); animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0); } 50% { -webkit-transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01); transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 70% { -webkit-transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1); transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 90% { -webkit-transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); } } @-webkit-keyframes fa-swing { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 8% { -webkit-transform: rotate(var(--fa-swing-angle, 22deg)); transform: rotate(var(--fa-swing-angle, 22deg)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 18% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 28% { -webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65)); transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65)); -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); } 38% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 48% { -webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25)); transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 56% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 64% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-swing { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 8% { -webkit-transform: rotate(var(--fa-swing-angle, 22deg)); transform: rotate(var(--fa-swing-angle, 22deg)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 18% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 28% { -webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65)); transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65)); -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); } 38% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 48% { -webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25)); transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 56% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 64% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-jello { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 12% { -webkit-transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15))); transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15))); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 24% { -webkit-transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12)); transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 36% { -webkit-transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5))); transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5))); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 48% { -webkit-transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)); transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 58% { -webkit-transform: scale(1.02, 0.98); transform: scale(1.02, 0.98); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 68% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes fa-jello { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 12% { -webkit-transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15))); transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15))); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 24% { -webkit-transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12)); transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 36% { -webkit-transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5))); transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5))); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 48% { -webkit-transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)); transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 58% { -webkit-transform: scale(1.02, 0.98); transform: scale(1.02, 0.98); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 68% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle, 0)); -ms-transform: rotate(var(--fa-rotate-angle, 0)); transform: rotate(var(--fa-rotate-angle, 0)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { --fa-width: 100%; inset: 0; position: absolute; text-align: center; width: var(--fa-width); z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0 { --fa: "\30 "; } .fa-1 { --fa: "\31 "; } .fa-2 { --fa: "\32 "; } .fa-3 { --fa: "\33 "; } .fa-4 { --fa: "\34 "; } .fa-5 { --fa: "\35 "; } .fa-6 { --fa: "\36 "; } .fa-7 { --fa: "\37 "; } .fa-8 { --fa: "\38 "; } .fa-9 { --fa: "\39 "; } .fa-exclamation { --fa: "\!"; } .fa-hashtag { --fa: "\#"; } .fa-dollar-sign { --fa: "\$"; } .fa-dollar { --fa: "\$"; } .fa-usd { --fa: "\$"; } .fa-percent { --fa: "\%"; } .fa-percentage { --fa: "\%"; } .fa-asterisk { --fa: "\*"; } .fa-plus { --fa: "\+"; } .fa-add { --fa: "\+"; } .fa-less-than { --fa: "\<"; } .fa-equals { --fa: "\="; } .fa-greater-than { --fa: "\>"; } .fa-question { --fa: "\?"; } .fa-at { --fa: "\@"; } .fa-a { --fa: "A"; } .fa-b { --fa: "B"; } .fa-c { --fa: "C"; } .fa-d { --fa: "D"; } .fa-e { --fa: "E"; } .fa-f { --fa: "F"; } .fa-g { --fa: "G"; } .fa-h { --fa: "H"; } .fa-i { --fa: "I"; } .fa-j { --fa: "J"; } .fa-k { --fa: "K"; } .fa-l { --fa: "L"; } .fa-m { --fa: "M"; } .fa-n { --fa: "N"; } .fa-o { --fa: "O"; } .fa-p { --fa: "P"; } .fa-q { --fa: "Q"; } .fa-r { --fa: "R"; } .fa-s { --fa: "S"; } .fa-t { --fa: "T"; } .fa-u { --fa: "U"; } .fa-v { --fa: "V"; } .fa-w { --fa: "W"; } .fa-x { --fa: "X"; } .fa-y { --fa: "Y"; } .fa-z { --fa: "Z"; } .fa-faucet { --fa: "\e005"; } .fa-faucet-drip { --fa: "\e006"; } .fa-house-chimney-window { --fa: "\e00d"; } .fa-house-signal { --fa: "\e012"; } .fa-temperature-arrow-down { --fa: "\e03f"; } .fa-temperature-down { --fa: "\e03f"; } .fa-temperature-arrow-up { --fa: "\e040"; } .fa-temperature-up { --fa: "\e040"; } .fa-trailer { --fa: "\e041"; } .fa-bacteria { --fa: "\e059"; } .fa-bacterium { --fa: "\e05a"; } .fa-box-tissue { --fa: "\e05b"; } .fa-hand-holding-medical { --fa: "\e05c"; } .fa-hand-sparkles { --fa: "\e05d"; } .fa-hands-bubbles { --fa: "\e05e"; } .fa-hands-wash { --fa: "\e05e"; } .fa-handshake-slash { --fa: "\e060"; } .fa-handshake-alt-slash { --fa: "\e060"; } .fa-handshake-simple-slash { --fa: "\e060"; } .fa-head-side-cough { --fa: "\e061"; } .fa-head-side-cough-slash { --fa: "\e062"; } .fa-head-side-mask { --fa: "\e063"; } .fa-head-side-virus { --fa: "\e064"; } .fa-house-chimney-user { --fa: "\e065"; } .fa-house-laptop { --fa: "\e066"; } .fa-laptop-house { --fa: "\e066"; } .fa-lungs-virus { --fa: "\e067"; } .fa-people-arrows { --fa: "\e068"; } .fa-people-arrows-left-right { --fa: "\e068"; } .fa-plane-slash { --fa: "\e069"; } .fa-pump-medical { --fa: "\e06a"; } .fa-pump-soap { --fa: "\e06b"; } .fa-shield-virus { --fa: "\e06c"; } .fa-sink { --fa: "\e06d"; } .fa-soap { --fa: "\e06e"; } .fa-stopwatch-20 { --fa: "\e06f"; } .fa-shop-slash { --fa: "\e070"; } .fa-store-alt-slash { --fa: "\e070"; } .fa-store-slash { --fa: "\e071"; } .fa-toilet-paper-slash { --fa: "\e072"; } .fa-users-slash { --fa: "\e073"; } .fa-virus { --fa: "\e074"; } .fa-virus-slash { --fa: "\e075"; } .fa-viruses { --fa: "\e076"; } .fa-vest { --fa: "\e085"; } .fa-vest-patches { --fa: "\e086"; } .fa-arrow-trend-down { --fa: "\e097"; } .fa-arrow-trend-up { --fa: "\e098"; } .fa-arrow-up-from-bracket { --fa: "\e09a"; } .fa-austral-sign { --fa: "\e0a9"; } .fa-baht-sign { --fa: "\e0ac"; } .fa-bitcoin-sign { --fa: "\e0b4"; } .fa-bolt-lightning { --fa: "\e0b7"; } .fa-book-bookmark { --fa: "\e0bb"; } .fa-camera-rotate { --fa: "\e0d8"; } .fa-cedi-sign { --fa: "\e0df"; } .fa-chart-column { --fa: "\e0e3"; } .fa-chart-gantt { --fa: "\e0e4"; } .fa-clapperboard { --fa: "\e131"; } .fa-closed-captioning-slash { --fa: "\e135"; } .fa-clover { --fa: "\e139"; } .fa-code-compare { --fa: "\e13a"; } .fa-code-fork { --fa: "\e13b"; } .fa-code-pull-request { --fa: "\e13c"; } .fa-colon-sign { --fa: "\e140"; } .fa-cruzeiro-sign { --fa: "\e152"; } .fa-display { --fa: "\e163"; } .fa-dong-sign { --fa: "\e169"; } .fa-elevator { --fa: "\e16d"; } .fa-filter-circle-xmark { --fa: "\e17b"; } .fa-florin-sign { --fa: "\e184"; } .fa-folder-closed { --fa: "\e185"; } .fa-franc-sign { --fa: "\e18f"; } .fa-guarani-sign { --fa: "\e19a"; } .fa-gun { --fa: "\e19b"; } .fa-hands-clapping { --fa: "\e1a8"; } .fa-house-user { --fa: "\e1b0"; } .fa-home-user { --fa: "\e1b0"; } .fa-indian-rupee-sign { --fa: "\e1bc"; } .fa-indian-rupee { --fa: "\e1bc"; } .fa-inr { --fa: "\e1bc"; } .fa-kip-sign { --fa: "\e1c4"; } .fa-lari-sign { --fa: "\e1c8"; } .fa-litecoin-sign { --fa: "\e1d3"; } .fa-manat-sign { --fa: "\e1d5"; } .fa-mask-face { --fa: "\e1d7"; } .fa-mill-sign { --fa: "\e1ed"; } .fa-money-bills { --fa: "\e1f3"; } .fa-naira-sign { --fa: "\e1f6"; } .fa-notdef { --fa: "\e1fe"; } .fa-panorama { --fa: "\e209"; } .fa-peseta-sign { --fa: "\e221"; } .fa-peso-sign { --fa: "\e222"; } .fa-plane-up { --fa: "\e22d"; } .fa-rupiah-sign { --fa: "\e23d"; } .fa-stairs { --fa: "\e289"; } .fa-timeline { --fa: "\e29c"; } .fa-truck-front { --fa: "\e2b7"; } .fa-turkish-lira-sign { --fa: "\e2bb"; } .fa-try { --fa: "\e2bb"; } .fa-turkish-lira { --fa: "\e2bb"; } .fa-vault { --fa: "\e2c5"; } .fa-wand-magic-sparkles { --fa: "\e2ca"; } .fa-magic-wand-sparkles { --fa: "\e2ca"; } .fa-wheat-awn { --fa: "\e2cd"; } .fa-wheat-alt { --fa: "\e2cd"; } .fa-wheelchair-move { --fa: "\e2ce"; } .fa-wheelchair-alt { --fa: "\e2ce"; } .fa-bangladeshi-taka-sign { --fa: "\e2e6"; } .fa-bowl-rice { --fa: "\e2eb"; } .fa-person-pregnant { --fa: "\e31e"; } .fa-house-chimney { --fa: "\e3af"; } .fa-home-lg { --fa: "\e3af"; } .fa-house-crack { --fa: "\e3b1"; } .fa-house-medical { --fa: "\e3b2"; } .fa-cent-sign { --fa: "\e3f5"; } .fa-plus-minus { --fa: "\e43c"; } .fa-sailboat { --fa: "\e445"; } .fa-section { --fa: "\e447"; } .fa-shrimp { --fa: "\e448"; } .fa-brazilian-real-sign { --fa: "\e46c"; } .fa-chart-simple { --fa: "\e473"; } .fa-diagram-next { --fa: "\e476"; } .fa-diagram-predecessor { --fa: "\e477"; } .fa-diagram-successor { --fa: "\e47a"; } .fa-earth-oceania { --fa: "\e47b"; } .fa-globe-oceania { --fa: "\e47b"; } .fa-bug-slash { --fa: "\e490"; } .fa-file-circle-plus { --fa: "\e494"; } .fa-shop-lock { --fa: "\e4a5"; } .fa-virus-covid { --fa: "\e4a8"; } .fa-virus-covid-slash { --fa: "\e4a9"; } .fa-anchor-circle-check { --fa: "\e4aa"; } .fa-anchor-circle-exclamation { --fa: "\e4ab"; } .fa-anchor-circle-xmark { --fa: "\e4ac"; } .fa-anchor-lock { --fa: "\e4ad"; } .fa-arrow-down-up-across-line { --fa: "\e4af"; } .fa-arrow-down-up-lock { --fa: "\e4b0"; } .fa-arrow-right-to-city { --fa: "\e4b3"; } .fa-arrow-up-from-ground-water { --fa: "\e4b5"; } .fa-arrow-up-from-water-pump { --fa: "\e4b6"; } .fa-arrow-up-right-dots { --fa: "\e4b7"; } .fa-arrows-down-to-line { --fa: "\e4b8"; } .fa-arrows-down-to-people { --fa: "\e4b9"; } .fa-arrows-left-right-to-line { --fa: "\e4ba"; } .fa-arrows-spin { --fa: "\e4bb"; } .fa-arrows-split-up-and-left { --fa: "\e4bc"; } .fa-arrows-to-circle { --fa: "\e4bd"; } .fa-arrows-to-dot { --fa: "\e4be"; } .fa-arrows-to-eye { --fa: "\e4bf"; } .fa-arrows-turn-right { --fa: "\e4c0"; } .fa-arrows-turn-to-dots { --fa: "\e4c1"; } .fa-arrows-up-to-line { --fa: "\e4c2"; } .fa-bore-hole { --fa: "\e4c3"; } .fa-bottle-droplet { --fa: "\e4c4"; } .fa-bottle-water { --fa: "\e4c5"; } .fa-bowl-food { --fa: "\e4c6"; } .fa-boxes-packing { --fa: "\e4c7"; } .fa-bridge { --fa: "\e4c8"; } .fa-bridge-circle-check { --fa: "\e4c9"; } .fa-bridge-circle-exclamation { --fa: "\e4ca"; } .fa-bridge-circle-xmark { --fa: "\e4cb"; } .fa-bridge-lock { --fa: "\e4cc"; } .fa-bridge-water { --fa: "\e4ce"; } .fa-bucket { --fa: "\e4cf"; } .fa-bugs { --fa: "\e4d0"; } .fa-building-circle-arrow-right { --fa: "\e4d1"; } .fa-building-circle-check { --fa: "\e4d2"; } .fa-building-circle-exclamation { --fa: "\e4d3"; } .fa-building-circle-xmark { --fa: "\e4d4"; } .fa-building-flag { --fa: "\e4d5"; } .fa-building-lock { --fa: "\e4d6"; } .fa-building-ngo { --fa: "\e4d7"; } .fa-building-shield { --fa: "\e4d8"; } .fa-building-un { --fa: "\e4d9"; } .fa-building-user { --fa: "\e4da"; } .fa-building-wheat { --fa: "\e4db"; } .fa-burst { --fa: "\e4dc"; } .fa-car-on { --fa: "\e4dd"; } .fa-car-tunnel { --fa: "\e4de"; } .fa-child-combatant { --fa: "\e4e0"; } .fa-child-rifle { --fa: "\e4e0"; } .fa-children { --fa: "\e4e1"; } .fa-circle-nodes { --fa: "\e4e2"; } .fa-clipboard-question { --fa: "\e4e3"; } .fa-cloud-showers-water { --fa: "\e4e4"; } .fa-computer { --fa: "\e4e5"; } .fa-cubes-stacked { --fa: "\e4e6"; } .fa-envelope-circle-check { --fa: "\e4e8"; } .fa-explosion { --fa: "\e4e9"; } .fa-ferry { --fa: "\e4ea"; } .fa-file-circle-exclamation { --fa: "\e4eb"; } .fa-file-circle-minus { --fa: "\e4ed"; } .fa-file-circle-question { --fa: "\e4ef"; } .fa-file-shield { --fa: "\e4f0"; } .fa-fire-burner { --fa: "\e4f1"; } .fa-fish-fins { --fa: "\e4f2"; } .fa-flask-vial { --fa: "\e4f3"; } .fa-glass-water { --fa: "\e4f4"; } .fa-glass-water-droplet { --fa: "\e4f5"; } .fa-group-arrows-rotate { --fa: "\e4f6"; } .fa-hand-holding-hand { --fa: "\e4f7"; } .fa-handcuffs { --fa: "\e4f8"; } .fa-hands-bound { --fa: "\e4f9"; } .fa-hands-holding-child { --fa: "\e4fa"; } .fa-hands-holding-circle { --fa: "\e4fb"; } .fa-heart-circle-bolt { --fa: "\e4fc"; } .fa-heart-circle-check { --fa: "\e4fd"; } .fa-heart-circle-exclamation { --fa: "\e4fe"; } .fa-heart-circle-minus { --fa: "\e4ff"; } .fa-heart-circle-plus { --fa: "\e500"; } .fa-heart-circle-xmark { --fa: "\e501"; } .fa-helicopter-symbol { --fa: "\e502"; } .fa-helmet-un { --fa: "\e503"; } .fa-hill-avalanche { --fa: "\e507"; } .fa-hill-rockslide { --fa: "\e508"; } .fa-house-circle-check { --fa: "\e509"; } .fa-house-circle-exclamation { --fa: "\e50a"; } .fa-house-circle-xmark { --fa: "\e50b"; } .fa-house-fire { --fa: "\e50c"; } .fa-house-flag { --fa: "\e50d"; } .fa-house-flood-water { --fa: "\e50e"; } .fa-house-flood-water-circle-arrow-right { --fa: "\e50f"; } .fa-house-lock { --fa: "\e510"; } .fa-house-medical-circle-check { --fa: "\e511"; } .fa-house-medical-circle-exclamation { --fa: "\e512"; } .fa-house-medical-circle-xmark { --fa: "\e513"; } .fa-house-medical-flag { --fa: "\e514"; } .fa-house-tsunami { --fa: "\e515"; } .fa-jar { --fa: "\e516"; } .fa-jar-wheat { --fa: "\e517"; } .fa-jet-fighter-up { --fa: "\e518"; } .fa-jug-detergent { --fa: "\e519"; } .fa-kitchen-set { --fa: "\e51a"; } .fa-land-mine-on { --fa: "\e51b"; } .fa-landmark-flag { --fa: "\e51c"; } .fa-laptop-file { --fa: "\e51d"; } .fa-lines-leaning { --fa: "\e51e"; } .fa-location-pin-lock { --fa: "\e51f"; } .fa-locust { --fa: "\e520"; } .fa-magnifying-glass-arrow-right { --fa: "\e521"; } .fa-magnifying-glass-chart { --fa: "\e522"; } .fa-mars-and-venus-burst { --fa: "\e523"; } .fa-mask-ventilator { --fa: "\e524"; } .fa-mattress-pillow { --fa: "\e525"; } .fa-mobile-retro { --fa: "\e527"; } .fa-money-bill-transfer { --fa: "\e528"; } .fa-money-bill-trend-up { --fa: "\e529"; } .fa-money-bill-wheat { --fa: "\e52a"; } .fa-mosquito { --fa: "\e52b"; } .fa-mosquito-net { --fa: "\e52c"; } .fa-mound { --fa: "\e52d"; } .fa-mountain-city { --fa: "\e52e"; } .fa-mountain-sun { --fa: "\e52f"; } .fa-oil-well { --fa: "\e532"; } .fa-people-group { --fa: "\e533"; } .fa-people-line { --fa: "\e534"; } .fa-people-pulling { --fa: "\e535"; } .fa-people-robbery { --fa: "\e536"; } .fa-people-roof { --fa: "\e537"; } .fa-person-arrow-down-to-line { --fa: "\e538"; } .fa-person-arrow-up-from-line { --fa: "\e539"; } .fa-person-breastfeeding { --fa: "\e53a"; } .fa-person-burst { --fa: "\e53b"; } .fa-person-cane { --fa: "\e53c"; } .fa-person-chalkboard { --fa: "\e53d"; } .fa-person-circle-check { --fa: "\e53e"; } .fa-person-circle-exclamation { --fa: "\e53f"; } .fa-person-circle-minus { --fa: "\e540"; } .fa-person-circle-plus { --fa: "\e541"; } .fa-person-circle-question { --fa: "\e542"; } .fa-person-circle-xmark { --fa: "\e543"; } .fa-person-dress-burst { --fa: "\e544"; } .fa-person-drowning { --fa: "\e545"; } .fa-person-falling { --fa: "\e546"; } .fa-person-falling-burst { --fa: "\e547"; } .fa-person-half-dress { --fa: "\e548"; } .fa-person-harassing { --fa: "\e549"; } .fa-person-military-pointing { --fa: "\e54a"; } .fa-person-military-rifle { --fa: "\e54b"; } .fa-person-military-to-person { --fa: "\e54c"; } .fa-person-rays { --fa: "\e54d"; } .fa-person-rifle { --fa: "\e54e"; } .fa-person-shelter { --fa: "\e54f"; } .fa-person-walking-arrow-loop-left { --fa: "\e551"; } .fa-person-walking-arrow-right { --fa: "\e552"; } .fa-person-walking-dashed-line-arrow-right { --fa: "\e553"; } .fa-person-walking-luggage { --fa: "\e554"; } .fa-plane-circle-check { --fa: "\e555"; } .fa-plane-circle-exclamation { --fa: "\e556"; } .fa-plane-circle-xmark { --fa: "\e557"; } .fa-plane-lock { --fa: "\e558"; } .fa-plate-wheat { --fa: "\e55a"; } .fa-plug-circle-bolt { --fa: "\e55b"; } .fa-plug-circle-check { --fa: "\e55c"; } .fa-plug-circle-exclamation { --fa: "\e55d"; } .fa-plug-circle-minus { --fa: "\e55e"; } .fa-plug-circle-plus { --fa: "\e55f"; } .fa-plug-circle-xmark { --fa: "\e560"; } .fa-ranking-star { --fa: "\e561"; } .fa-road-barrier { --fa: "\e562"; } .fa-road-bridge { --fa: "\e563"; } .fa-road-circle-check { --fa: "\e564"; } .fa-road-circle-exclamation { --fa: "\e565"; } .fa-road-circle-xmark { --fa: "\e566"; } .fa-road-lock { --fa: "\e567"; } .fa-road-spikes { --fa: "\e568"; } .fa-rug { --fa: "\e569"; } .fa-sack-xmark { --fa: "\e56a"; } .fa-school-circle-check { --fa: "\e56b"; } .fa-school-circle-exclamation { --fa: "\e56c"; } .fa-school-circle-xmark { --fa: "\e56d"; } .fa-school-flag { --fa: "\e56e"; } .fa-school-lock { --fa: "\e56f"; } .fa-sheet-plastic { --fa: "\e571"; } .fa-shield-cat { --fa: "\e572"; } .fa-shield-dog { --fa: "\e573"; } .fa-shield-heart { --fa: "\e574"; } .fa-square-nfi { --fa: "\e576"; } .fa-square-person-confined { --fa: "\e577"; } .fa-square-virus { --fa: "\e578"; } .fa-staff-snake { --fa: "\e579"; } .fa-rod-asclepius { --fa: "\e579"; } .fa-rod-snake { --fa: "\e579"; } .fa-staff-aesculapius { --fa: "\e579"; } .fa-sun-plant-wilt { --fa: "\e57a"; } .fa-tarp { --fa: "\e57b"; } .fa-tarp-droplet { --fa: "\e57c"; } .fa-tent { --fa: "\e57d"; } .fa-tent-arrow-down-to-line { --fa: "\e57e"; } .fa-tent-arrow-left-right { --fa: "\e57f"; } .fa-tent-arrow-turn-left { --fa: "\e580"; } .fa-tent-arrows-down { --fa: "\e581"; } .fa-tents { --fa: "\e582"; } .fa-toilet-portable { --fa: "\e583"; } .fa-toilets-portable { --fa: "\e584"; } .fa-tower-cell { --fa: "\e585"; } .fa-tower-observation { --fa: "\e586"; } .fa-tree-city { --fa: "\e587"; } .fa-trowel { --fa: "\e589"; } .fa-trowel-bricks { --fa: "\e58a"; } .fa-truck-arrow-right { --fa: "\e58b"; } .fa-truck-droplet { --fa: "\e58c"; } .fa-truck-field { --fa: "\e58d"; } .fa-truck-field-un { --fa: "\e58e"; } .fa-truck-plane { --fa: "\e58f"; } .fa-users-between-lines { --fa: "\e591"; } .fa-users-line { --fa: "\e592"; } .fa-users-rays { --fa: "\e593"; } .fa-users-rectangle { --fa: "\e594"; } .fa-users-viewfinder { --fa: "\e595"; } .fa-vial-circle-check { --fa: "\e596"; } .fa-vial-virus { --fa: "\e597"; } .fa-wheat-awn-circle-exclamation { --fa: "\e598"; } .fa-worm { --fa: "\e599"; } .fa-xmarks-lines { --fa: "\e59a"; } .fa-child-dress { --fa: "\e59c"; } .fa-child-reaching { --fa: "\e59d"; } .fa-file-circle-check { --fa: "\e5a0"; } .fa-file-circle-xmark { --fa: "\e5a1"; } .fa-person-through-window { --fa: "\e5a9"; } .fa-plant-wilt { --fa: "\e5aa"; } .fa-stapler { --fa: "\e5af"; } .fa-train-tram { --fa: "\e5b4"; } .fa-table-cells-column-lock { --fa: "\e678"; } .fa-table-cells-row-lock { --fa: "\e67a"; } .fa-web-awesome { --fa: "\e682"; } .fa-thumbtack-slash { --fa: "\e68f"; } .fa-thumb-tack-slash { --fa: "\e68f"; } .fa-table-cells-row-unlock { --fa: "\e691"; } .fa-chart-diagram { --fa: "\e695"; } .fa-comment-nodes { --fa: "\e696"; } .fa-file-fragment { --fa: "\e697"; } .fa-file-half-dashed { --fa: "\e698"; } .fa-hexagon-nodes { --fa: "\e699"; } .fa-hexagon-nodes-bolt { --fa: "\e69a"; } .fa-square-binary { --fa: "\e69b"; } .fa-pentagon { --fa: "\e790"; } .fa-non-binary { --fa: "\e807"; } .fa-spiral { --fa: "\e80a"; } .fa-picture-in-picture { --fa: "\e80b"; } .fa-mobile-vibrate { --fa: "\e816"; } .fa-single-quote-left { --fa: "\e81b"; } .fa-single-quote-right { --fa: "\e81c"; } .fa-bus-side { --fa: "\e81d"; } .fa-septagon { --fa: "\e820"; } .fa-heptagon { --fa: "\e820"; } .fa-aquarius { --fa: "\e845"; } .fa-aries { --fa: "\e846"; } .fa-cancer { --fa: "\e847"; } .fa-capricorn { --fa: "\e848"; } .fa-gemini { --fa: "\e849"; } .fa-leo { --fa: "\e84a"; } .fa-libra { --fa: "\e84b"; } .fa-pisces { --fa: "\e84c"; } .fa-sagittarius { --fa: "\e84d"; } .fa-scorpio { --fa: "\e84e"; } .fa-taurus { --fa: "\e84f"; } .fa-virgo { --fa: "\e850"; } .fa-martini-glass-empty { --fa: "\f000"; } .fa-glass-martini { --fa: "\f000"; } .fa-music { --fa: "\f001"; } .fa-magnifying-glass { --fa: "\f002"; } .fa-search { --fa: "\f002"; } .fa-heart { --fa: "\f004"; } .fa-star { --fa: "\f005"; } .fa-user { --fa: "\f007"; } .fa-user-alt { --fa: "\f007"; } .fa-user-large { --fa: "\f007"; } .fa-film { --fa: "\f008"; } .fa-film-alt { --fa: "\f008"; } .fa-film-simple { --fa: "\f008"; } .fa-table-cells-large { --fa: "\f009"; } .fa-th-large { --fa: "\f009"; } .fa-table-cells { --fa: "\f00a"; } .fa-th { --fa: "\f00a"; } .fa-table-list { --fa: "\f00b"; } .fa-th-list { --fa: "\f00b"; } .fa-check { --fa: "\f00c"; } .fa-xmark { --fa: "\f00d"; } .fa-close { --fa: "\f00d"; } .fa-multiply { --fa: "\f00d"; } .fa-remove { --fa: "\f00d"; } .fa-times { --fa: "\f00d"; } .fa-magnifying-glass-plus { --fa: "\f00e"; } .fa-search-plus { --fa: "\f00e"; } .fa-magnifying-glass-minus { --fa: "\f010"; } .fa-search-minus { --fa: "\f010"; } .fa-power-off { --fa: "\f011"; } .fa-signal { --fa: "\f012"; } .fa-signal-5 { --fa: "\f012"; } .fa-signal-perfect { --fa: "\f012"; } .fa-gear { --fa: "\f013"; } .fa-cog { --fa: "\f013"; } .fa-house { --fa: "\f015"; } .fa-home { --fa: "\f015"; } .fa-home-alt { --fa: "\f015"; } .fa-home-lg-alt { --fa: "\f015"; } .fa-clock { --fa: "\f017"; } .fa-clock-four { --fa: "\f017"; } .fa-road { --fa: "\f018"; } .fa-download { --fa: "\f019"; } .fa-inbox { --fa: "\f01c"; } .fa-arrow-rotate-right { --fa: "\f01e"; } .fa-arrow-right-rotate { --fa: "\f01e"; } .fa-arrow-rotate-forward { --fa: "\f01e"; } .fa-redo { --fa: "\f01e"; } .fa-arrows-rotate { --fa: "\f021"; } .fa-refresh { --fa: "\f021"; } .fa-sync { --fa: "\f021"; } .fa-rectangle-list { --fa: "\f022"; } .fa-list-alt { --fa: "\f022"; } .fa-lock { --fa: "\f023"; } .fa-flag { --fa: "\f024"; } .fa-headphones { --fa: "\f025"; } .fa-headphones-alt { --fa: "\f025"; } .fa-headphones-simple { --fa: "\f025"; } .fa-volume-off { --fa: "\f026"; } .fa-volume-low { --fa: "\f027"; } .fa-volume-down { --fa: "\f027"; } .fa-volume-high { --fa: "\f028"; } .fa-volume-up { --fa: "\f028"; } .fa-qrcode { --fa: "\f029"; } .fa-barcode { --fa: "\f02a"; } .fa-tag { --fa: "\f02b"; } .fa-tags { --fa: "\f02c"; } .fa-book { --fa: "\f02d"; } .fa-bookmark { --fa: "\f02e"; } .fa-print { --fa: "\f02f"; } .fa-camera { --fa: "\f030"; } .fa-camera-alt { --fa: "\f030"; } .fa-font { --fa: "\f031"; } .fa-bold { --fa: "\f032"; } .fa-italic { --fa: "\f033"; } .fa-text-height { --fa: "\f034"; } .fa-text-width { --fa: "\f035"; } .fa-align-left { --fa: "\f036"; } .fa-align-center { --fa: "\f037"; } .fa-align-right { --fa: "\f038"; } .fa-align-justify { --fa: "\f039"; } .fa-list { --fa: "\f03a"; } .fa-list-squares { --fa: "\f03a"; } .fa-outdent { --fa: "\f03b"; } .fa-dedent { --fa: "\f03b"; } .fa-indent { --fa: "\f03c"; } .fa-video { --fa: "\f03d"; } .fa-video-camera { --fa: "\f03d"; } .fa-image { --fa: "\f03e"; } .fa-location-pin { --fa: "\f041"; } .fa-map-marker { --fa: "\f041"; } .fa-circle-half-stroke { --fa: "\f042"; } .fa-adjust { --fa: "\f042"; } .fa-droplet { --fa: "\f043"; } .fa-tint { --fa: "\f043"; } .fa-pen-to-square { --fa: "\f044"; } .fa-edit { --fa: "\f044"; } .fa-arrows-up-down-left-right { --fa: "\f047"; } .fa-arrows { --fa: "\f047"; } .fa-backward-step { --fa: "\f048"; } .fa-step-backward { --fa: "\f048"; } .fa-backward-fast { --fa: "\f049"; } .fa-fast-backward { --fa: "\f049"; } .fa-backward { --fa: "\f04a"; } .fa-play { --fa: "\f04b"; } .fa-pause { --fa: "\f04c"; } .fa-stop { --fa: "\f04d"; } .fa-forward { --fa: "\f04e"; } .fa-forward-fast { --fa: "\f050"; } .fa-fast-forward { --fa: "\f050"; } .fa-forward-step { --fa: "\f051"; } .fa-step-forward { --fa: "\f051"; } .fa-eject { --fa: "\f052"; } .fa-chevron-left { --fa: "\f053"; } .fa-chevron-right { --fa: "\f054"; } .fa-circle-plus { --fa: "\f055"; } .fa-plus-circle { --fa: "\f055"; } .fa-circle-minus { --fa: "\f056"; } .fa-minus-circle { --fa: "\f056"; } .fa-circle-xmark { --fa: "\f057"; } .fa-times-circle { --fa: "\f057"; } .fa-xmark-circle { --fa: "\f057"; } .fa-circle-check { --fa: "\f058"; } .fa-check-circle { --fa: "\f058"; } .fa-circle-question { --fa: "\f059"; } .fa-question-circle { --fa: "\f059"; } .fa-circle-info { --fa: "\f05a"; } .fa-info-circle { --fa: "\f05a"; } .fa-crosshairs { --fa: "\f05b"; } .fa-ban { --fa: "\f05e"; } .fa-cancel { --fa: "\f05e"; } .fa-arrow-left { --fa: "\f060"; } .fa-arrow-right { --fa: "\f061"; } .fa-arrow-up { --fa: "\f062"; } .fa-arrow-down { --fa: "\f063"; } .fa-share { --fa: "\f064"; } .fa-mail-forward { --fa: "\f064"; } .fa-expand { --fa: "\f065"; } .fa-compress { --fa: "\f066"; } .fa-minus { --fa: "\f068"; } .fa-subtract { --fa: "\f068"; } .fa-circle-exclamation { --fa: "\f06a"; } .fa-exclamation-circle { --fa: "\f06a"; } .fa-gift { --fa: "\f06b"; } .fa-leaf { --fa: "\f06c"; } .fa-fire { --fa: "\f06d"; } .fa-eye { --fa: "\f06e"; } .fa-eye-slash { --fa: "\f070"; } .fa-triangle-exclamation { --fa: "\f071"; } .fa-exclamation-triangle { --fa: "\f071"; } .fa-warning { --fa: "\f071"; } .fa-plane { --fa: "\f072"; } .fa-calendar-days { --fa: "\f073"; } .fa-calendar-alt { --fa: "\f073"; } .fa-shuffle { --fa: "\f074"; } .fa-random { --fa: "\f074"; } .fa-comment { --fa: "\f075"; } .fa-magnet { --fa: "\f076"; } .fa-chevron-up { --fa: "\f077"; } .fa-chevron-down { --fa: "\f078"; } .fa-retweet { --fa: "\f079"; } .fa-cart-shopping { --fa: "\f07a"; } .fa-shopping-cart { --fa: "\f07a"; } .fa-folder { --fa: "\f07b"; } .fa-folder-blank { --fa: "\f07b"; } .fa-folder-open { --fa: "\f07c"; } .fa-arrows-up-down { --fa: "\f07d"; } .fa-arrows-v { --fa: "\f07d"; } .fa-arrows-left-right { --fa: "\f07e"; } .fa-arrows-h { --fa: "\f07e"; } .fa-chart-bar { --fa: "\f080"; } .fa-bar-chart { --fa: "\f080"; } .fa-camera-retro { --fa: "\f083"; } .fa-key { --fa: "\f084"; } .fa-gears { --fa: "\f085"; } .fa-cogs { --fa: "\f085"; } .fa-comments { --fa: "\f086"; } .fa-star-half { --fa: "\f089"; } .fa-arrow-right-from-bracket { --fa: "\f08b"; } .fa-sign-out { --fa: "\f08b"; } .fa-thumbtack { --fa: "\f08d"; } .fa-thumb-tack { --fa: "\f08d"; } .fa-arrow-up-right-from-square { --fa: "\f08e"; } .fa-external-link { --fa: "\f08e"; } .fa-arrow-right-to-bracket { --fa: "\f090"; } .fa-sign-in { --fa: "\f090"; } .fa-trophy { --fa: "\f091"; } .fa-upload { --fa: "\f093"; } .fa-lemon { --fa: "\f094"; } .fa-phone { --fa: "\f095"; } .fa-square-phone { --fa: "\f098"; } .fa-phone-square { --fa: "\f098"; } .fa-unlock { --fa: "\f09c"; } .fa-credit-card { --fa: "\f09d"; } .fa-credit-card-alt { --fa: "\f09d"; } .fa-rss { --fa: "\f09e"; } .fa-feed { --fa: "\f09e"; } .fa-hard-drive { --fa: "\f0a0"; } .fa-hdd { --fa: "\f0a0"; } .fa-bullhorn { --fa: "\f0a1"; } .fa-certificate { --fa: "\f0a3"; } .fa-hand-point-right { --fa: "\f0a4"; } .fa-hand-point-left { --fa: "\f0a5"; } .fa-hand-point-up { --fa: "\f0a6"; } .fa-hand-point-down { --fa: "\f0a7"; } .fa-circle-arrow-left { --fa: "\f0a8"; } .fa-arrow-circle-left { --fa: "\f0a8"; } .fa-circle-arrow-right { --fa: "\f0a9"; } .fa-arrow-circle-right { --fa: "\f0a9"; } .fa-circle-arrow-up { --fa: "\f0aa"; } .fa-arrow-circle-up { --fa: "\f0aa"; } .fa-circle-arrow-down { --fa: "\f0ab"; } .fa-arrow-circle-down { --fa: "\f0ab"; } .fa-globe { --fa: "\f0ac"; } .fa-wrench { --fa: "\f0ad"; } .fa-list-check { --fa: "\f0ae"; } .fa-tasks { --fa: "\f0ae"; } .fa-filter { --fa: "\f0b0"; } .fa-briefcase { --fa: "\f0b1"; } .fa-up-down-left-right { --fa: "\f0b2"; } .fa-arrows-alt { --fa: "\f0b2"; } .fa-users { --fa: "\f0c0"; } .fa-link { --fa: "\f0c1"; } .fa-chain { --fa: "\f0c1"; } .fa-cloud { --fa: "\f0c2"; } .fa-flask { --fa: "\f0c3"; } .fa-scissors { --fa: "\f0c4"; } .fa-cut { --fa: "\f0c4"; } .fa-copy { --fa: "\f0c5"; } .fa-paperclip { --fa: "\f0c6"; } .fa-floppy-disk { --fa: "\f0c7"; } .fa-save { --fa: "\f0c7"; } .fa-square { --fa: "\f0c8"; } .fa-bars { --fa: "\f0c9"; } .fa-navicon { --fa: "\f0c9"; } .fa-list-ul { --fa: "\f0ca"; } .fa-list-dots { --fa: "\f0ca"; } .fa-list-ol { --fa: "\f0cb"; } .fa-list-1-2 { --fa: "\f0cb"; } .fa-list-numeric { --fa: "\f0cb"; } .fa-strikethrough { --fa: "\f0cc"; } .fa-underline { --fa: "\f0cd"; } .fa-table { --fa: "\f0ce"; } .fa-wand-magic { --fa: "\f0d0"; } .fa-magic { --fa: "\f0d0"; } .fa-truck { --fa: "\f0d1"; } .fa-money-bill { --fa: "\f0d6"; } .fa-caret-down { --fa: "\f0d7"; } .fa-caret-up { --fa: "\f0d8"; } .fa-caret-left { --fa: "\f0d9"; } .fa-caret-right { --fa: "\f0da"; } .fa-table-columns { --fa: "\f0db"; } .fa-columns { --fa: "\f0db"; } .fa-sort { --fa: "\f0dc"; } .fa-unsorted { --fa: "\f0dc"; } .fa-sort-down { --fa: "\f0dd"; } .fa-sort-desc { --fa: "\f0dd"; } .fa-sort-up { --fa: "\f0de"; } .fa-sort-asc { --fa: "\f0de"; } .fa-envelope { --fa: "\f0e0"; } .fa-arrow-rotate-left { --fa: "\f0e2"; } .fa-arrow-left-rotate { --fa: "\f0e2"; } .fa-arrow-rotate-back { --fa: "\f0e2"; } .fa-arrow-rotate-backward { --fa: "\f0e2"; } .fa-undo { --fa: "\f0e2"; } .fa-gavel { --fa: "\f0e3"; } .fa-legal { --fa: "\f0e3"; } .fa-bolt { --fa: "\f0e7"; } .fa-zap { --fa: "\f0e7"; } .fa-sitemap { --fa: "\f0e8"; } .fa-umbrella { --fa: "\f0e9"; } .fa-paste { --fa: "\f0ea"; } .fa-file-clipboard { --fa: "\f0ea"; } .fa-lightbulb { --fa: "\f0eb"; } .fa-arrow-right-arrow-left { --fa: "\f0ec"; } .fa-exchange { --fa: "\f0ec"; } .fa-cloud-arrow-down { --fa: "\f0ed"; } .fa-cloud-download { --fa: "\f0ed"; } .fa-cloud-download-alt { --fa: "\f0ed"; } .fa-cloud-arrow-up { --fa: "\f0ee"; } .fa-cloud-upload { --fa: "\f0ee"; } .fa-cloud-upload-alt { --fa: "\f0ee"; } .fa-user-doctor { --fa: "\f0f0"; } .fa-user-md { --fa: "\f0f0"; } .fa-stethoscope { --fa: "\f0f1"; } .fa-suitcase { --fa: "\f0f2"; } .fa-bell { --fa: "\f0f3"; } .fa-mug-saucer { --fa: "\f0f4"; } .fa-coffee { --fa: "\f0f4"; } .fa-hospital { --fa: "\f0f8"; } .fa-hospital-alt { --fa: "\f0f8"; } .fa-hospital-wide { --fa: "\f0f8"; } .fa-truck-medical { --fa: "\f0f9"; } .fa-ambulance { --fa: "\f0f9"; } .fa-suitcase-medical { --fa: "\f0fa"; } .fa-medkit { --fa: "\f0fa"; } .fa-jet-fighter { --fa: "\f0fb"; } .fa-fighter-jet { --fa: "\f0fb"; } .fa-beer-mug-empty { --fa: "\f0fc"; } .fa-beer { --fa: "\f0fc"; } .fa-square-h { --fa: "\f0fd"; } .fa-h-square { --fa: "\f0fd"; } .fa-square-plus { --fa: "\f0fe"; } .fa-plus-square { --fa: "\f0fe"; } .fa-angles-left { --fa: "\f100"; } .fa-angle-double-left { --fa: "\f100"; } .fa-angles-right { --fa: "\f101"; } .fa-angle-double-right { --fa: "\f101"; } .fa-angles-up { --fa: "\f102"; } .fa-angle-double-up { --fa: "\f102"; } .fa-angles-down { --fa: "\f103"; } .fa-angle-double-down { --fa: "\f103"; } .fa-angle-left { --fa: "\f104"; } .fa-angle-right { --fa: "\f105"; } .fa-angle-up { --fa: "\f106"; } .fa-angle-down { --fa: "\f107"; } .fa-laptop { --fa: "\f109"; } .fa-tablet-button { --fa: "\f10a"; } .fa-mobile-button { --fa: "\f10b"; } .fa-quote-left { --fa: "\f10d"; } .fa-quote-left-alt { --fa: "\f10d"; } .fa-quote-right { --fa: "\f10e"; } .fa-quote-right-alt { --fa: "\f10e"; } .fa-spinner { --fa: "\f110"; } .fa-circle { --fa: "\f111"; } .fa-face-smile { --fa: "\f118"; } .fa-smile { --fa: "\f118"; } .fa-face-frown { --fa: "\f119"; } .fa-frown { --fa: "\f119"; } .fa-face-meh { --fa: "\f11a"; } .fa-meh { --fa: "\f11a"; } .fa-gamepad { --fa: "\f11b"; } .fa-keyboard { --fa: "\f11c"; } .fa-flag-checkered { --fa: "\f11e"; } .fa-terminal { --fa: "\f120"; } .fa-code { --fa: "\f121"; } .fa-reply-all { --fa: "\f122"; } .fa-mail-reply-all { --fa: "\f122"; } .fa-location-arrow { --fa: "\f124"; } .fa-crop { --fa: "\f125"; } .fa-code-branch { --fa: "\f126"; } .fa-link-slash { --fa: "\f127"; } .fa-chain-broken { --fa: "\f127"; } .fa-chain-slash { --fa: "\f127"; } .fa-unlink { --fa: "\f127"; } .fa-info { --fa: "\f129"; } .fa-superscript { --fa: "\f12b"; } .fa-subscript { --fa: "\f12c"; } .fa-eraser { --fa: "\f12d"; } .fa-puzzle-piece { --fa: "\f12e"; } .fa-microphone { --fa: "\f130"; } .fa-microphone-slash { --fa: "\f131"; } .fa-shield { --fa: "\f132"; } .fa-shield-blank { --fa: "\f132"; } .fa-calendar { --fa: "\f133"; } .fa-fire-extinguisher { --fa: "\f134"; } .fa-rocket { --fa: "\f135"; } .fa-circle-chevron-left { --fa: "\f137"; } .fa-chevron-circle-left { --fa: "\f137"; } .fa-circle-chevron-right { --fa: "\f138"; } .fa-chevron-circle-right { --fa: "\f138"; } .fa-circle-chevron-up { --fa: "\f139"; } .fa-chevron-circle-up { --fa: "\f139"; } .fa-circle-chevron-down { --fa: "\f13a"; } .fa-chevron-circle-down { --fa: "\f13a"; } .fa-anchor { --fa: "\f13d"; } .fa-unlock-keyhole { --fa: "\f13e"; } .fa-unlock-alt { --fa: "\f13e"; } .fa-bullseye { --fa: "\f140"; } .fa-ellipsis { --fa: "\f141"; } .fa-ellipsis-h { --fa: "\f141"; } .fa-ellipsis-vertical { --fa: "\f142"; } .fa-ellipsis-v { --fa: "\f142"; } .fa-square-rss { --fa: "\f143"; } .fa-rss-square { --fa: "\f143"; } .fa-circle-play { --fa: "\f144"; } .fa-play-circle { --fa: "\f144"; } .fa-ticket { --fa: "\f145"; } .fa-square-minus { --fa: "\f146"; } .fa-minus-square { --fa: "\f146"; } .fa-arrow-turn-up { --fa: "\f148"; } .fa-level-up { --fa: "\f148"; } .fa-arrow-turn-down { --fa: "\f149"; } .fa-level-down { --fa: "\f149"; } .fa-square-check { --fa: "\f14a"; } .fa-check-square { --fa: "\f14a"; } .fa-square-pen { --fa: "\f14b"; } .fa-pen-square { --fa: "\f14b"; } .fa-pencil-square { --fa: "\f14b"; } .fa-square-arrow-up-right { --fa: "\f14c"; } .fa-external-link-square { --fa: "\f14c"; } .fa-share-from-square { --fa: "\f14d"; } .fa-share-square { --fa: "\f14d"; } .fa-compass { --fa: "\f14e"; } .fa-square-caret-down { --fa: "\f150"; } .fa-caret-square-down { --fa: "\f150"; } .fa-square-caret-up { --fa: "\f151"; } .fa-caret-square-up { --fa: "\f151"; } .fa-square-caret-right { --fa: "\f152"; } .fa-caret-square-right { --fa: "\f152"; } .fa-euro-sign { --fa: "\f153"; } .fa-eur { --fa: "\f153"; } .fa-euro { --fa: "\f153"; } .fa-sterling-sign { --fa: "\f154"; } .fa-gbp { --fa: "\f154"; } .fa-pound-sign { --fa: "\f154"; } .fa-rupee-sign { --fa: "\f156"; } .fa-rupee { --fa: "\f156"; } .fa-yen-sign { --fa: "\f157"; } .fa-cny { --fa: "\f157"; } .fa-jpy { --fa: "\f157"; } .fa-rmb { --fa: "\f157"; } .fa-yen { --fa: "\f157"; } .fa-ruble-sign { --fa: "\f158"; } .fa-rouble { --fa: "\f158"; } .fa-rub { --fa: "\f158"; } .fa-ruble { --fa: "\f158"; } .fa-won-sign { --fa: "\f159"; } .fa-krw { --fa: "\f159"; } .fa-won { --fa: "\f159"; } .fa-file { --fa: "\f15b"; } .fa-file-lines { --fa: "\f15c"; } .fa-file-alt { --fa: "\f15c"; } .fa-file-text { --fa: "\f15c"; } .fa-arrow-down-a-z { --fa: "\f15d"; } .fa-sort-alpha-asc { --fa: "\f15d"; } .fa-sort-alpha-down { --fa: "\f15d"; } .fa-arrow-up-a-z { --fa: "\f15e"; } .fa-sort-alpha-up { --fa: "\f15e"; } .fa-arrow-down-wide-short { --fa: "\f160"; } .fa-sort-amount-asc { --fa: "\f160"; } .fa-sort-amount-down { --fa: "\f160"; } .fa-arrow-up-wide-short { --fa: "\f161"; } .fa-sort-amount-up { --fa: "\f161"; } .fa-arrow-down-1-9 { --fa: "\f162"; } .fa-sort-numeric-asc { --fa: "\f162"; } .fa-sort-numeric-down { --fa: "\f162"; } .fa-arrow-up-1-9 { --fa: "\f163"; } .fa-sort-numeric-up { --fa: "\f163"; } .fa-thumbs-up { --fa: "\f164"; } .fa-thumbs-down { --fa: "\f165"; } .fa-arrow-down-long { --fa: "\f175"; } .fa-long-arrow-down { --fa: "\f175"; } .fa-arrow-up-long { --fa: "\f176"; } .fa-long-arrow-up { --fa: "\f176"; } .fa-arrow-left-long { --fa: "\f177"; } .fa-long-arrow-left { --fa: "\f177"; } .fa-arrow-right-long { --fa: "\f178"; } .fa-long-arrow-right { --fa: "\f178"; } .fa-person-dress { --fa: "\f182"; } .fa-female { --fa: "\f182"; } .fa-person { --fa: "\f183"; } .fa-male { --fa: "\f183"; } .fa-sun { --fa: "\f185"; } .fa-moon { --fa: "\f186"; } .fa-box-archive { --fa: "\f187"; } .fa-archive { --fa: "\f187"; } .fa-bug { --fa: "\f188"; } .fa-square-caret-left { --fa: "\f191"; } .fa-caret-square-left { --fa: "\f191"; } .fa-circle-dot { --fa: "\f192"; } .fa-dot-circle { --fa: "\f192"; } .fa-wheelchair { --fa: "\f193"; } .fa-lira-sign { --fa: "\f195"; } .fa-shuttle-space { --fa: "\f197"; } .fa-space-shuttle { --fa: "\f197"; } .fa-square-envelope { --fa: "\f199"; } .fa-envelope-square { --fa: "\f199"; } .fa-building-columns { --fa: "\f19c"; } .fa-bank { --fa: "\f19c"; } .fa-institution { --fa: "\f19c"; } .fa-museum { --fa: "\f19c"; } .fa-university { --fa: "\f19c"; } .fa-graduation-cap { --fa: "\f19d"; } .fa-mortar-board { --fa: "\f19d"; } .fa-language { --fa: "\f1ab"; } .fa-fax { --fa: "\f1ac"; } .fa-building { --fa: "\f1ad"; } .fa-child { --fa: "\f1ae"; } .fa-paw { --fa: "\f1b0"; } .fa-cube { --fa: "\f1b2"; } .fa-cubes { --fa: "\f1b3"; } .fa-recycle { --fa: "\f1b8"; } .fa-car { --fa: "\f1b9"; } .fa-automobile { --fa: "\f1b9"; } .fa-taxi { --fa: "\f1ba"; } .fa-cab { --fa: "\f1ba"; } .fa-tree { --fa: "\f1bb"; } .fa-database { --fa: "\f1c0"; } .fa-file-pdf { --fa: "\f1c1"; } .fa-file-word { --fa: "\f1c2"; } .fa-file-excel { --fa: "\f1c3"; } .fa-file-powerpoint { --fa: "\f1c4"; } .fa-file-image { --fa: "\f1c5"; } .fa-file-zipper { --fa: "\f1c6"; } .fa-file-archive { --fa: "\f1c6"; } .fa-file-audio { --fa: "\f1c7"; } .fa-file-video { --fa: "\f1c8"; } .fa-file-code { --fa: "\f1c9"; } .fa-life-ring { --fa: "\f1cd"; } .fa-circle-notch { --fa: "\f1ce"; } .fa-paper-plane { --fa: "\f1d8"; } .fa-clock-rotate-left { --fa: "\f1da"; } .fa-history { --fa: "\f1da"; } .fa-heading { --fa: "\f1dc"; } .fa-header { --fa: "\f1dc"; } .fa-paragraph { --fa: "\f1dd"; } .fa-sliders { --fa: "\f1de"; } .fa-sliders-h { --fa: "\f1de"; } .fa-share-nodes { --fa: "\f1e0"; } .fa-share-alt { --fa: "\f1e0"; } .fa-square-share-nodes { --fa: "\f1e1"; } .fa-share-alt-square { --fa: "\f1e1"; } .fa-bomb { --fa: "\f1e2"; } .fa-futbol { --fa: "\f1e3"; } .fa-futbol-ball { --fa: "\f1e3"; } .fa-soccer-ball { --fa: "\f1e3"; } .fa-tty { --fa: "\f1e4"; } .fa-teletype { --fa: "\f1e4"; } .fa-binoculars { --fa: "\f1e5"; } .fa-plug { --fa: "\f1e6"; } .fa-newspaper { --fa: "\f1ea"; } .fa-wifi { --fa: "\f1eb"; } .fa-wifi-3 { --fa: "\f1eb"; } .fa-wifi-strong { --fa: "\f1eb"; } .fa-calculator { --fa: "\f1ec"; } .fa-bell-slash { --fa: "\f1f6"; } .fa-trash { --fa: "\f1f8"; } .fa-copyright { --fa: "\f1f9"; } .fa-eye-dropper { --fa: "\f1fb"; } .fa-eye-dropper-empty { --fa: "\f1fb"; } .fa-eyedropper { --fa: "\f1fb"; } .fa-paintbrush { --fa: "\f1fc"; } .fa-paint-brush { --fa: "\f1fc"; } .fa-cake-candles { --fa: "\f1fd"; } .fa-birthday-cake { --fa: "\f1fd"; } .fa-cake { --fa: "\f1fd"; } .fa-chart-area { --fa: "\f1fe"; } .fa-area-chart { --fa: "\f1fe"; } .fa-chart-pie { --fa: "\f200"; } .fa-pie-chart { --fa: "\f200"; } .fa-chart-line { --fa: "\f201"; } .fa-line-chart { --fa: "\f201"; } .fa-toggle-off { --fa: "\f204"; } .fa-toggle-on { --fa: "\f205"; } .fa-bicycle { --fa: "\f206"; } .fa-bus { --fa: "\f207"; } .fa-closed-captioning { --fa: "\f20a"; } .fa-shekel-sign { --fa: "\f20b"; } .fa-ils { --fa: "\f20b"; } .fa-shekel { --fa: "\f20b"; } .fa-sheqel { --fa: "\f20b"; } .fa-sheqel-sign { --fa: "\f20b"; } .fa-cart-plus { --fa: "\f217"; } .fa-cart-arrow-down { --fa: "\f218"; } .fa-diamond { --fa: "\f219"; } .fa-ship { --fa: "\f21a"; } .fa-user-secret { --fa: "\f21b"; } .fa-motorcycle { --fa: "\f21c"; } .fa-street-view { --fa: "\f21d"; } .fa-heart-pulse { --fa: "\f21e"; } .fa-heartbeat { --fa: "\f21e"; } .fa-venus { --fa: "\f221"; } .fa-mars { --fa: "\f222"; } .fa-mercury { --fa: "\f223"; } .fa-mars-and-venus { --fa: "\f224"; } .fa-transgender { --fa: "\f225"; } .fa-transgender-alt { --fa: "\f225"; } .fa-venus-double { --fa: "\f226"; } .fa-mars-double { --fa: "\f227"; } .fa-venus-mars { --fa: "\f228"; } .fa-mars-stroke { --fa: "\f229"; } .fa-mars-stroke-up { --fa: "\f22a"; } .fa-mars-stroke-v { --fa: "\f22a"; } .fa-mars-stroke-right { --fa: "\f22b"; } .fa-mars-stroke-h { --fa: "\f22b"; } .fa-neuter { --fa: "\f22c"; } .fa-genderless { --fa: "\f22d"; } .fa-server { --fa: "\f233"; } .fa-user-plus { --fa: "\f234"; } .fa-user-xmark { --fa: "\f235"; } .fa-user-times { --fa: "\f235"; } .fa-bed { --fa: "\f236"; } .fa-train { --fa: "\f238"; } .fa-train-subway { --fa: "\f239"; } .fa-subway { --fa: "\f239"; } .fa-battery-full { --fa: "\f240"; } .fa-battery { --fa: "\f240"; } .fa-battery-5 { --fa: "\f240"; } .fa-battery-three-quarters { --fa: "\f241"; } .fa-battery-4 { --fa: "\f241"; } .fa-battery-half { --fa: "\f242"; } .fa-battery-3 { --fa: "\f242"; } .fa-battery-quarter { --fa: "\f243"; } .fa-battery-2 { --fa: "\f243"; } .fa-battery-empty { --fa: "\f244"; } .fa-battery-0 { --fa: "\f244"; } .fa-arrow-pointer { --fa: "\f245"; } .fa-mouse-pointer { --fa: "\f245"; } .fa-i-cursor { --fa: "\f246"; } .fa-object-group { --fa: "\f247"; } .fa-object-ungroup { --fa: "\f248"; } .fa-note-sticky { --fa: "\f249"; } .fa-sticky-note { --fa: "\f249"; } .fa-clone { --fa: "\f24d"; } .fa-scale-balanced { --fa: "\f24e"; } .fa-balance-scale { --fa: "\f24e"; } .fa-hourglass-start { --fa: "\f251"; } .fa-hourglass-1 { --fa: "\f251"; } .fa-hourglass-half { --fa: "\f252"; } .fa-hourglass-2 { --fa: "\f252"; } .fa-hourglass-end { --fa: "\f253"; } .fa-hourglass-3 { --fa: "\f253"; } .fa-hourglass { --fa: "\f254"; } .fa-hourglass-empty { --fa: "\f254"; } .fa-hand-back-fist { --fa: "\f255"; } .fa-hand-rock { --fa: "\f255"; } .fa-hand { --fa: "\f256"; } .fa-hand-paper { --fa: "\f256"; } .fa-hand-scissors { --fa: "\f257"; } .fa-hand-lizard { --fa: "\f258"; } .fa-hand-spock { --fa: "\f259"; } .fa-hand-pointer { --fa: "\f25a"; } .fa-hand-peace { --fa: "\f25b"; } .fa-trademark { --fa: "\f25c"; } .fa-registered { --fa: "\f25d"; } .fa-tv { --fa: "\f26c"; } .fa-television { --fa: "\f26c"; } .fa-tv-alt { --fa: "\f26c"; } .fa-calendar-plus { --fa: "\f271"; } .fa-calendar-minus { --fa: "\f272"; } .fa-calendar-xmark { --fa: "\f273"; } .fa-calendar-times { --fa: "\f273"; } .fa-calendar-check { --fa: "\f274"; } .fa-industry { --fa: "\f275"; } .fa-map-pin { --fa: "\f276"; } .fa-signs-post { --fa: "\f277"; } .fa-map-signs { --fa: "\f277"; } .fa-map { --fa: "\f279"; } .fa-message { --fa: "\f27a"; } .fa-comment-alt { --fa: "\f27a"; } .fa-circle-pause { --fa: "\f28b"; } .fa-pause-circle { --fa: "\f28b"; } .fa-circle-stop { --fa: "\f28d"; } .fa-stop-circle { --fa: "\f28d"; } .fa-bag-shopping { --fa: "\f290"; } .fa-shopping-bag { --fa: "\f290"; } .fa-basket-shopping { --fa: "\f291"; } .fa-shopping-basket { --fa: "\f291"; } .fa-universal-access { --fa: "\f29a"; } .fa-person-walking-with-cane { --fa: "\f29d"; } .fa-blind { --fa: "\f29d"; } .fa-audio-description { --fa: "\f29e"; } .fa-phone-volume { --fa: "\f2a0"; } .fa-volume-control-phone { --fa: "\f2a0"; } .fa-braille { --fa: "\f2a1"; } .fa-ear-listen { --fa: "\f2a2"; } .fa-assistive-listening-systems { --fa: "\f2a2"; } .fa-hands-asl-interpreting { --fa: "\f2a3"; } .fa-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-asl-interpreting { --fa: "\f2a3"; } .fa-hands-american-sign-language-interpreting { --fa: "\f2a3"; } .fa-ear-deaf { --fa: "\f2a4"; } .fa-deaf { --fa: "\f2a4"; } .fa-deafness { --fa: "\f2a4"; } .fa-hard-of-hearing { --fa: "\f2a4"; } .fa-hands { --fa: "\f2a7"; } .fa-sign-language { --fa: "\f2a7"; } .fa-signing { --fa: "\f2a7"; } .fa-eye-low-vision { --fa: "\f2a8"; } .fa-low-vision { --fa: "\f2a8"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-handshake { --fa: "\f2b5"; } .fa-handshake-alt { --fa: "\f2b5"; } .fa-handshake-simple { --fa: "\f2b5"; } .fa-envelope-open { --fa: "\f2b6"; } .fa-address-book { --fa: "\f2b9"; } .fa-contact-book { --fa: "\f2b9"; } .fa-address-card { --fa: "\f2bb"; } .fa-contact-card { --fa: "\f2bb"; } .fa-vcard { --fa: "\f2bb"; } .fa-circle-user { --fa: "\f2bd"; } .fa-user-circle { --fa: "\f2bd"; } .fa-id-badge { --fa: "\f2c1"; } .fa-id-card { --fa: "\f2c2"; } .fa-drivers-license { --fa: "\f2c2"; } .fa-temperature-full { --fa: "\f2c7"; } .fa-temperature-4 { --fa: "\f2c7"; } .fa-thermometer-4 { --fa: "\f2c7"; } .fa-thermometer-full { --fa: "\f2c7"; } .fa-temperature-three-quarters { --fa: "\f2c8"; } .fa-temperature-3 { --fa: "\f2c8"; } .fa-thermometer-3 { --fa: "\f2c8"; } .fa-thermometer-three-quarters { --fa: "\f2c8"; } .fa-temperature-half { --fa: "\f2c9"; } .fa-temperature-2 { --fa: "\f2c9"; } .fa-thermometer-2 { --fa: "\f2c9"; } .fa-thermometer-half { --fa: "\f2c9"; } .fa-temperature-quarter { --fa: "\f2ca"; } .fa-temperature-1 { --fa: "\f2ca"; } .fa-thermometer-1 { --fa: "\f2ca"; } .fa-thermometer-quarter { --fa: "\f2ca"; } .fa-temperature-empty { --fa: "\f2cb"; } .fa-temperature-0 { --fa: "\f2cb"; } .fa-thermometer-0 { --fa: "\f2cb"; } .fa-thermometer-empty { --fa: "\f2cb"; } .fa-shower { --fa: "\f2cc"; } .fa-bath { --fa: "\f2cd"; } .fa-bathtub { --fa: "\f2cd"; } .fa-podcast { --fa: "\f2ce"; } .fa-window-maximize { --fa: "\f2d0"; } .fa-window-minimize { --fa: "\f2d1"; } .fa-window-restore { --fa: "\f2d2"; } .fa-square-xmark { --fa: "\f2d3"; } .fa-times-square { --fa: "\f2d3"; } .fa-xmark-square { --fa: "\f2d3"; } .fa-microchip { --fa: "\f2db"; } .fa-snowflake { --fa: "\f2dc"; } .fa-spoon { --fa: "\f2e5"; } .fa-utensil-spoon { --fa: "\f2e5"; } .fa-utensils { --fa: "\f2e7"; } .fa-cutlery { --fa: "\f2e7"; } .fa-rotate-left { --fa: "\f2ea"; } .fa-rotate-back { --fa: "\f2ea"; } .fa-rotate-backward { --fa: "\f2ea"; } .fa-undo-alt { --fa: "\f2ea"; } .fa-trash-can { --fa: "\f2ed"; } .fa-trash-alt { --fa: "\f2ed"; } .fa-rotate { --fa: "\f2f1"; } .fa-sync-alt { --fa: "\f2f1"; } .fa-stopwatch { --fa: "\f2f2"; } .fa-right-from-bracket { --fa: "\f2f5"; } .fa-sign-out-alt { --fa: "\f2f5"; } .fa-right-to-bracket { --fa: "\f2f6"; } .fa-sign-in-alt { --fa: "\f2f6"; } .fa-rotate-right { --fa: "\f2f9"; } .fa-redo-alt { --fa: "\f2f9"; } .fa-rotate-forward { --fa: "\f2f9"; } .fa-poo { --fa: "\f2fe"; } .fa-images { --fa: "\f302"; } .fa-pencil { --fa: "\f303"; } .fa-pencil-alt { --fa: "\f303"; } .fa-pen { --fa: "\f304"; } .fa-pen-clip { --fa: "\f305"; } .fa-pen-alt { --fa: "\f305"; } .fa-octagon { --fa: "\f306"; } .fa-down-long { --fa: "\f309"; } .fa-long-arrow-alt-down { --fa: "\f309"; } .fa-left-long { --fa: "\f30a"; } .fa-long-arrow-alt-left { --fa: "\f30a"; } .fa-right-long { --fa: "\f30b"; } .fa-long-arrow-alt-right { --fa: "\f30b"; } .fa-up-long { --fa: "\f30c"; } .fa-long-arrow-alt-up { --fa: "\f30c"; } .fa-hexagon { --fa: "\f312"; } .fa-file-pen { --fa: "\f31c"; } .fa-file-edit { --fa: "\f31c"; } .fa-maximize { --fa: "\f31e"; } .fa-expand-arrows-alt { --fa: "\f31e"; } .fa-clipboard { --fa: "\f328"; } .fa-left-right { --fa: "\f337"; } .fa-arrows-alt-h { --fa: "\f337"; } .fa-up-down { --fa: "\f338"; } .fa-arrows-alt-v { --fa: "\f338"; } .fa-alarm-clock { --fa: "\f34e"; } .fa-circle-down { --fa: "\f358"; } .fa-arrow-alt-circle-down { --fa: "\f358"; } .fa-circle-left { --fa: "\f359"; } .fa-arrow-alt-circle-left { --fa: "\f359"; } .fa-circle-right { --fa: "\f35a"; } .fa-arrow-alt-circle-right { --fa: "\f35a"; } .fa-circle-up { --fa: "\f35b"; } .fa-arrow-alt-circle-up { --fa: "\f35b"; } .fa-up-right-from-square { --fa: "\f35d"; } .fa-external-link-alt { --fa: "\f35d"; } .fa-square-up-right { --fa: "\f360"; } .fa-external-link-square-alt { --fa: "\f360"; } .fa-right-left { --fa: "\f362"; } .fa-exchange-alt { --fa: "\f362"; } .fa-repeat { --fa: "\f363"; } .fa-code-commit { --fa: "\f386"; } .fa-code-merge { --fa: "\f387"; } .fa-desktop { --fa: "\f390"; } .fa-desktop-alt { --fa: "\f390"; } .fa-gem { --fa: "\f3a5"; } .fa-turn-down { --fa: "\f3be"; } .fa-level-down-alt { --fa: "\f3be"; } .fa-turn-up { --fa: "\f3bf"; } .fa-level-up-alt { --fa: "\f3bf"; } .fa-lock-open { --fa: "\f3c1"; } .fa-location-dot { --fa: "\f3c5"; } .fa-map-marker-alt { --fa: "\f3c5"; } .fa-microphone-lines { --fa: "\f3c9"; } .fa-microphone-alt { --fa: "\f3c9"; } .fa-mobile-screen-button { --fa: "\f3cd"; } .fa-mobile-alt { --fa: "\f3cd"; } .fa-mobile { --fa: "\f3ce"; } .fa-mobile-android { --fa: "\f3ce"; } .fa-mobile-phone { --fa: "\f3ce"; } .fa-mobile-screen { --fa: "\f3cf"; } .fa-mobile-android-alt { --fa: "\f3cf"; } .fa-money-bill-1 { --fa: "\f3d1"; } .fa-money-bill-alt { --fa: "\f3d1"; } .fa-phone-slash { --fa: "\f3dd"; } .fa-image-portrait { --fa: "\f3e0"; } .fa-portrait { --fa: "\f3e0"; } .fa-reply { --fa: "\f3e5"; } .fa-mail-reply { --fa: "\f3e5"; } .fa-shield-halved { --fa: "\f3ed"; } .fa-shield-alt { --fa: "\f3ed"; } .fa-tablet-screen-button { --fa: "\f3fa"; } .fa-tablet-alt { --fa: "\f3fa"; } .fa-tablet { --fa: "\f3fb"; } .fa-tablet-android { --fa: "\f3fb"; } .fa-ticket-simple { --fa: "\f3ff"; } .fa-ticket-alt { --fa: "\f3ff"; } .fa-rectangle-xmark { --fa: "\f410"; } .fa-rectangle-times { --fa: "\f410"; } .fa-times-rectangle { --fa: "\f410"; } .fa-window-close { --fa: "\f410"; } .fa-down-left-and-up-right-to-center { --fa: "\f422"; } .fa-compress-alt { --fa: "\f422"; } .fa-up-right-and-down-left-from-center { --fa: "\f424"; } .fa-expand-alt { --fa: "\f424"; } .fa-baseball-bat-ball { --fa: "\f432"; } .fa-baseball { --fa: "\f433"; } .fa-baseball-ball { --fa: "\f433"; } .fa-basketball { --fa: "\f434"; } .fa-basketball-ball { --fa: "\f434"; } .fa-bowling-ball { --fa: "\f436"; } .fa-chess { --fa: "\f439"; } .fa-chess-bishop { --fa: "\f43a"; } .fa-chess-board { --fa: "\f43c"; } .fa-chess-king { --fa: "\f43f"; } .fa-chess-knight { --fa: "\f441"; } .fa-chess-pawn { --fa: "\f443"; } .fa-chess-queen { --fa: "\f445"; } .fa-chess-rook { --fa: "\f447"; } .fa-dumbbell { --fa: "\f44b"; } .fa-football { --fa: "\f44e"; } .fa-football-ball { --fa: "\f44e"; } .fa-golf-ball-tee { --fa: "\f450"; } .fa-golf-ball { --fa: "\f450"; } .fa-hockey-puck { --fa: "\f453"; } .fa-broom-ball { --fa: "\f458"; } .fa-quidditch { --fa: "\f458"; } .fa-quidditch-broom-ball { --fa: "\f458"; } .fa-square-full { --fa: "\f45c"; } .fa-table-tennis-paddle-ball { --fa: "\f45d"; } .fa-ping-pong-paddle-ball { --fa: "\f45d"; } .fa-table-tennis { --fa: "\f45d"; } .fa-volleyball { --fa: "\f45f"; } .fa-volleyball-ball { --fa: "\f45f"; } .fa-hand-dots { --fa: "\f461"; } .fa-allergies { --fa: "\f461"; } .fa-bandage { --fa: "\f462"; } .fa-band-aid { --fa: "\f462"; } .fa-box { --fa: "\f466"; } .fa-boxes-stacked { --fa: "\f468"; } .fa-boxes { --fa: "\f468"; } .fa-boxes-alt { --fa: "\f468"; } .fa-briefcase-medical { --fa: "\f469"; } .fa-fire-flame-simple { --fa: "\f46a"; } .fa-burn { --fa: "\f46a"; } .fa-capsules { --fa: "\f46b"; } .fa-clipboard-check { --fa: "\f46c"; } .fa-clipboard-list { --fa: "\f46d"; } .fa-person-dots-from-line { --fa: "\f470"; } .fa-diagnoses { --fa: "\f470"; } .fa-dna { --fa: "\f471"; } .fa-dolly { --fa: "\f472"; } .fa-dolly-box { --fa: "\f472"; } .fa-cart-flatbed { --fa: "\f474"; } .fa-dolly-flatbed { --fa: "\f474"; } .fa-file-medical { --fa: "\f477"; } .fa-file-waveform { --fa: "\f478"; } .fa-file-medical-alt { --fa: "\f478"; } .fa-kit-medical { --fa: "\f479"; } .fa-first-aid { --fa: "\f479"; } .fa-circle-h { --fa: "\f47e"; } .fa-hospital-symbol { --fa: "\f47e"; } .fa-id-card-clip { --fa: "\f47f"; } .fa-id-card-alt { --fa: "\f47f"; } .fa-notes-medical { --fa: "\f481"; } .fa-pallet { --fa: "\f482"; } .fa-pills { --fa: "\f484"; } .fa-prescription-bottle { --fa: "\f485"; } .fa-prescription-bottle-medical { --fa: "\f486"; } .fa-prescription-bottle-alt { --fa: "\f486"; } .fa-bed-pulse { --fa: "\f487"; } .fa-procedures { --fa: "\f487"; } .fa-truck-fast { --fa: "\f48b"; } .fa-shipping-fast { --fa: "\f48b"; } .fa-smoking { --fa: "\f48d"; } .fa-syringe { --fa: "\f48e"; } .fa-tablets { --fa: "\f490"; } .fa-thermometer { --fa: "\f491"; } .fa-vial { --fa: "\f492"; } .fa-vials { --fa: "\f493"; } .fa-warehouse { --fa: "\f494"; } .fa-weight-scale { --fa: "\f496"; } .fa-weight { --fa: "\f496"; } .fa-x-ray { --fa: "\f497"; } .fa-box-open { --fa: "\f49e"; } .fa-comment-dots { --fa: "\f4ad"; } .fa-commenting { --fa: "\f4ad"; } .fa-comment-slash { --fa: "\f4b3"; } .fa-couch { --fa: "\f4b8"; } .fa-circle-dollar-to-slot { --fa: "\f4b9"; } .fa-donate { --fa: "\f4b9"; } .fa-dove { --fa: "\f4ba"; } .fa-hand-holding { --fa: "\f4bd"; } .fa-hand-holding-heart { --fa: "\f4be"; } .fa-hand-holding-dollar { --fa: "\f4c0"; } .fa-hand-holding-usd { --fa: "\f4c0"; } .fa-hand-holding-droplet { --fa: "\f4c1"; } .fa-hand-holding-water { --fa: "\f4c1"; } .fa-hands-holding { --fa: "\f4c2"; } .fa-handshake-angle { --fa: "\f4c4"; } .fa-hands-helping { --fa: "\f4c4"; } .fa-parachute-box { --fa: "\f4cd"; } .fa-people-carry-box { --fa: "\f4ce"; } .fa-people-carry { --fa: "\f4ce"; } .fa-piggy-bank { --fa: "\f4d3"; } .fa-ribbon { --fa: "\f4d6"; } .fa-route { --fa: "\f4d7"; } .fa-seedling { --fa: "\f4d8"; } .fa-sprout { --fa: "\f4d8"; } .fa-sign-hanging { --fa: "\f4d9"; } .fa-sign { --fa: "\f4d9"; } .fa-face-smile-wink { --fa: "\f4da"; } .fa-smile-wink { --fa: "\f4da"; } .fa-tape { --fa: "\f4db"; } .fa-truck-ramp-box { --fa: "\f4de"; } .fa-truck-loading { --fa: "\f4de"; } .fa-truck-moving { --fa: "\f4df"; } .fa-video-slash { --fa: "\f4e2"; } .fa-wine-glass { --fa: "\f4e3"; } .fa-user-astronaut { --fa: "\f4fb"; } .fa-user-check { --fa: "\f4fc"; } .fa-user-clock { --fa: "\f4fd"; } .fa-user-gear { --fa: "\f4fe"; } .fa-user-cog { --fa: "\f4fe"; } .fa-user-pen { --fa: "\f4ff"; } .fa-user-edit { --fa: "\f4ff"; } .fa-user-group { --fa: "\f500"; } .fa-user-friends { --fa: "\f500"; } .fa-user-graduate { --fa: "\f501"; } .fa-user-lock { --fa: "\f502"; } .fa-user-minus { --fa: "\f503"; } .fa-user-ninja { --fa: "\f504"; } .fa-user-shield { --fa: "\f505"; } .fa-user-slash { --fa: "\f506"; } .fa-user-alt-slash { --fa: "\f506"; } .fa-user-large-slash { --fa: "\f506"; } .fa-user-tag { --fa: "\f507"; } .fa-user-tie { --fa: "\f508"; } .fa-users-gear { --fa: "\f509"; } .fa-users-cog { --fa: "\f509"; } .fa-scale-unbalanced { --fa: "\f515"; } .fa-balance-scale-left { --fa: "\f515"; } .fa-scale-unbalanced-flip { --fa: "\f516"; } .fa-balance-scale-right { --fa: "\f516"; } .fa-blender { --fa: "\f517"; } .fa-book-open { --fa: "\f518"; } .fa-tower-broadcast { --fa: "\f519"; } .fa-broadcast-tower { --fa: "\f519"; } .fa-broom { --fa: "\f51a"; } .fa-chalkboard { --fa: "\f51b"; } .fa-blackboard { --fa: "\f51b"; } .fa-chalkboard-user { --fa: "\f51c"; } .fa-chalkboard-teacher { --fa: "\f51c"; } .fa-church { --fa: "\f51d"; } .fa-coins { --fa: "\f51e"; } .fa-compact-disc { --fa: "\f51f"; } .fa-crow { --fa: "\f520"; } .fa-crown { --fa: "\f521"; } .fa-dice { --fa: "\f522"; } .fa-dice-five { --fa: "\f523"; } .fa-dice-four { --fa: "\f524"; } .fa-dice-one { --fa: "\f525"; } .fa-dice-six { --fa: "\f526"; } .fa-dice-three { --fa: "\f527"; } .fa-dice-two { --fa: "\f528"; } .fa-divide { --fa: "\f529"; } .fa-door-closed { --fa: "\f52a"; } .fa-door-open { --fa: "\f52b"; } .fa-feather { --fa: "\f52d"; } .fa-frog { --fa: "\f52e"; } .fa-gas-pump { --fa: "\f52f"; } .fa-glasses { --fa: "\f530"; } .fa-greater-than-equal { --fa: "\f532"; } .fa-helicopter { --fa: "\f533"; } .fa-infinity { --fa: "\f534"; } .fa-kiwi-bird { --fa: "\f535"; } .fa-less-than-equal { --fa: "\f537"; } .fa-memory { --fa: "\f538"; } .fa-microphone-lines-slash { --fa: "\f539"; } .fa-microphone-alt-slash { --fa: "\f539"; } .fa-money-bill-wave { --fa: "\f53a"; } .fa-money-bill-1-wave { --fa: "\f53b"; } .fa-money-bill-wave-alt { --fa: "\f53b"; } .fa-money-check { --fa: "\f53c"; } .fa-money-check-dollar { --fa: "\f53d"; } .fa-money-check-alt { --fa: "\f53d"; } .fa-not-equal { --fa: "\f53e"; } .fa-palette { --fa: "\f53f"; } .fa-square-parking { --fa: "\f540"; } .fa-parking { --fa: "\f540"; } .fa-diagram-project { --fa: "\f542"; } .fa-project-diagram { --fa: "\f542"; } .fa-receipt { --fa: "\f543"; } .fa-robot { --fa: "\f544"; } .fa-ruler { --fa: "\f545"; } .fa-ruler-combined { --fa: "\f546"; } .fa-ruler-horizontal { --fa: "\f547"; } .fa-ruler-vertical { --fa: "\f548"; } .fa-school { --fa: "\f549"; } .fa-screwdriver { --fa: "\f54a"; } .fa-shoe-prints { --fa: "\f54b"; } .fa-skull { --fa: "\f54c"; } .fa-ban-smoking { --fa: "\f54d"; } .fa-smoking-ban { --fa: "\f54d"; } .fa-store { --fa: "\f54e"; } .fa-shop { --fa: "\f54f"; } .fa-store-alt { --fa: "\f54f"; } .fa-bars-staggered { --fa: "\f550"; } .fa-reorder { --fa: "\f550"; } .fa-stream { --fa: "\f550"; } .fa-stroopwafel { --fa: "\f551"; } .fa-toolbox { --fa: "\f552"; } .fa-shirt { --fa: "\f553"; } .fa-t-shirt { --fa: "\f553"; } .fa-tshirt { --fa: "\f553"; } .fa-person-walking { --fa: "\f554"; } .fa-walking { --fa: "\f554"; } .fa-wallet { --fa: "\f555"; } .fa-face-angry { --fa: "\f556"; } .fa-angry { --fa: "\f556"; } .fa-archway { --fa: "\f557"; } .fa-book-atlas { --fa: "\f558"; } .fa-atlas { --fa: "\f558"; } .fa-award { --fa: "\f559"; } .fa-delete-left { --fa: "\f55a"; } .fa-backspace { --fa: "\f55a"; } .fa-bezier-curve { --fa: "\f55b"; } .fa-bong { --fa: "\f55c"; } .fa-brush { --fa: "\f55d"; } .fa-bus-simple { --fa: "\f55e"; } .fa-bus-alt { --fa: "\f55e"; } .fa-cannabis { --fa: "\f55f"; } .fa-check-double { --fa: "\f560"; } .fa-martini-glass-citrus { --fa: "\f561"; } .fa-cocktail { --fa: "\f561"; } .fa-bell-concierge { --fa: "\f562"; } .fa-concierge-bell { --fa: "\f562"; } .fa-cookie { --fa: "\f563"; } .fa-cookie-bite { --fa: "\f564"; } .fa-crop-simple { --fa: "\f565"; } .fa-crop-alt { --fa: "\f565"; } .fa-tachograph-digital { --fa: "\f566"; } .fa-digital-tachograph { --fa: "\f566"; } .fa-face-dizzy { --fa: "\f567"; } .fa-dizzy { --fa: "\f567"; } .fa-compass-drafting { --fa: "\f568"; } .fa-drafting-compass { --fa: "\f568"; } .fa-drum { --fa: "\f569"; } .fa-drum-steelpan { --fa: "\f56a"; } .fa-feather-pointed { --fa: "\f56b"; } .fa-feather-alt { --fa: "\f56b"; } .fa-file-contract { --fa: "\f56c"; } .fa-file-arrow-down { --fa: "\f56d"; } .fa-file-download { --fa: "\f56d"; } .fa-file-export { --fa: "\f56e"; } .fa-arrow-right-from-file { --fa: "\f56e"; } .fa-file-import { --fa: "\f56f"; } .fa-arrow-right-to-file { --fa: "\f56f"; } .fa-file-invoice { --fa: "\f570"; } .fa-file-invoice-dollar { --fa: "\f571"; } .fa-file-prescription { --fa: "\f572"; } .fa-file-signature { --fa: "\f573"; } .fa-file-arrow-up { --fa: "\f574"; } .fa-file-upload { --fa: "\f574"; } .fa-fill { --fa: "\f575"; } .fa-fill-drip { --fa: "\f576"; } .fa-fingerprint { --fa: "\f577"; } .fa-fish { --fa: "\f578"; } .fa-face-flushed { --fa: "\f579"; } .fa-flushed { --fa: "\f579"; } .fa-face-frown-open { --fa: "\f57a"; } .fa-frown-open { --fa: "\f57a"; } .fa-martini-glass { --fa: "\f57b"; } .fa-glass-martini-alt { --fa: "\f57b"; } .fa-earth-africa { --fa: "\f57c"; } .fa-globe-africa { --fa: "\f57c"; } .fa-earth-americas { --fa: "\f57d"; } .fa-earth { --fa: "\f57d"; } .fa-earth-america { --fa: "\f57d"; } .fa-globe-americas { --fa: "\f57d"; } .fa-earth-asia { --fa: "\f57e"; } .fa-globe-asia { --fa: "\f57e"; } .fa-face-grimace { --fa: "\f57f"; } .fa-grimace { --fa: "\f57f"; } .fa-face-grin { --fa: "\f580"; } .fa-grin { --fa: "\f580"; } .fa-face-grin-wide { --fa: "\f581"; } .fa-grin-alt { --fa: "\f581"; } .fa-face-grin-beam { --fa: "\f582"; } .fa-grin-beam { --fa: "\f582"; } .fa-face-grin-beam-sweat { --fa: "\f583"; } .fa-grin-beam-sweat { --fa: "\f583"; } .fa-face-grin-hearts { --fa: "\f584"; } .fa-grin-hearts { --fa: "\f584"; } .fa-face-grin-squint { --fa: "\f585"; } .fa-grin-squint { --fa: "\f585"; } .fa-face-grin-squint-tears { --fa: "\f586"; } .fa-grin-squint-tears { --fa: "\f586"; } .fa-face-grin-stars { --fa: "\f587"; } .fa-grin-stars { --fa: "\f587"; } .fa-face-grin-tears { --fa: "\f588"; } .fa-grin-tears { --fa: "\f588"; } .fa-face-grin-tongue { --fa: "\f589"; } .fa-grin-tongue { --fa: "\f589"; } .fa-face-grin-tongue-squint { --fa: "\f58a"; } .fa-grin-tongue-squint { --fa: "\f58a"; } .fa-face-grin-tongue-wink { --fa: "\f58b"; } .fa-grin-tongue-wink { --fa: "\f58b"; } .fa-face-grin-wink { --fa: "\f58c"; } .fa-grin-wink { --fa: "\f58c"; } .fa-grip { --fa: "\f58d"; } .fa-grid-horizontal { --fa: "\f58d"; } .fa-grip-horizontal { --fa: "\f58d"; } .fa-grip-vertical { --fa: "\f58e"; } .fa-grid-vertical { --fa: "\f58e"; } .fa-headset { --fa: "\f590"; } .fa-highlighter { --fa: "\f591"; } .fa-hot-tub-person { --fa: "\f593"; } .fa-hot-tub { --fa: "\f593"; } .fa-hotel { --fa: "\f594"; } .fa-joint { --fa: "\f595"; } .fa-face-kiss { --fa: "\f596"; } .fa-kiss { --fa: "\f596"; } .fa-face-kiss-beam { --fa: "\f597"; } .fa-kiss-beam { --fa: "\f597"; } .fa-face-kiss-wink-heart { --fa: "\f598"; } .fa-kiss-wink-heart { --fa: "\f598"; } .fa-face-laugh { --fa: "\f599"; } .fa-laugh { --fa: "\f599"; } .fa-face-laugh-beam { --fa: "\f59a"; } .fa-laugh-beam { --fa: "\f59a"; } .fa-face-laugh-squint { --fa: "\f59b"; } .fa-laugh-squint { --fa: "\f59b"; } .fa-face-laugh-wink { --fa: "\f59c"; } .fa-laugh-wink { --fa: "\f59c"; } .fa-cart-flatbed-suitcase { --fa: "\f59d"; } .fa-luggage-cart { --fa: "\f59d"; } .fa-map-location { --fa: "\f59f"; } .fa-map-marked { --fa: "\f59f"; } .fa-map-location-dot { --fa: "\f5a0"; } .fa-map-marked-alt { --fa: "\f5a0"; } .fa-marker { --fa: "\f5a1"; } .fa-medal { --fa: "\f5a2"; } .fa-face-meh-blank { --fa: "\f5a4"; } .fa-meh-blank { --fa: "\f5a4"; } .fa-face-rolling-eyes { --fa: "\f5a5"; } .fa-meh-rolling-eyes { --fa: "\f5a5"; } .fa-monument { --fa: "\f5a6"; } .fa-mortar-pestle { --fa: "\f5a7"; } .fa-paint-roller { --fa: "\f5aa"; } .fa-passport { --fa: "\f5ab"; } .fa-pen-fancy { --fa: "\f5ac"; } .fa-pen-nib { --fa: "\f5ad"; } .fa-pen-ruler { --fa: "\f5ae"; } .fa-pencil-ruler { --fa: "\f5ae"; } .fa-plane-arrival { --fa: "\f5af"; } .fa-plane-departure { --fa: "\f5b0"; } .fa-prescription { --fa: "\f5b1"; } .fa-face-sad-cry { --fa: "\f5b3"; } .fa-sad-cry { --fa: "\f5b3"; } .fa-face-sad-tear { --fa: "\f5b4"; } .fa-sad-tear { --fa: "\f5b4"; } .fa-van-shuttle { --fa: "\f5b6"; } .fa-shuttle-van { --fa: "\f5b6"; } .fa-signature { --fa: "\f5b7"; } .fa-face-smile-beam { --fa: "\f5b8"; } .fa-smile-beam { --fa: "\f5b8"; } .fa-solar-panel { --fa: "\f5ba"; } .fa-spa { --fa: "\f5bb"; } .fa-lotus { --fa: "\f5bb"; } .fa-splotch { --fa: "\f5bc"; } .fa-spray-can { --fa: "\f5bd"; } .fa-stamp { --fa: "\f5bf"; } .fa-star-half-stroke { --fa: "\f5c0"; } .fa-star-half-alt { --fa: "\f5c0"; } .fa-suitcase-rolling { --fa: "\f5c1"; } .fa-face-surprise { --fa: "\f5c2"; } .fa-surprise { --fa: "\f5c2"; } .fa-swatchbook { --fa: "\f5c3"; } .fa-person-swimming { --fa: "\f5c4"; } .fa-swimmer { --fa: "\f5c4"; } .fa-water-ladder { --fa: "\f5c5"; } .fa-ladder-water { --fa: "\f5c5"; } .fa-swimming-pool { --fa: "\f5c5"; } .fa-droplet-slash { --fa: "\f5c7"; } .fa-tint-slash { --fa: "\f5c7"; } .fa-face-tired { --fa: "\f5c8"; } .fa-tired { --fa: "\f5c8"; } .fa-tooth { --fa: "\f5c9"; } .fa-umbrella-beach { --fa: "\f5ca"; } .fa-weight-hanging { --fa: "\f5cd"; } .fa-wine-glass-empty { --fa: "\f5ce"; } .fa-wine-glass-alt { --fa: "\f5ce"; } .fa-spray-can-sparkles { --fa: "\f5d0"; } .fa-air-freshener { --fa: "\f5d0"; } .fa-apple-whole { --fa: "\f5d1"; } .fa-apple-alt { --fa: "\f5d1"; } .fa-atom { --fa: "\f5d2"; } .fa-bone { --fa: "\f5d7"; } .fa-book-open-reader { --fa: "\f5da"; } .fa-book-reader { --fa: "\f5da"; } .fa-brain { --fa: "\f5dc"; } .fa-car-rear { --fa: "\f5de"; } .fa-car-alt { --fa: "\f5de"; } .fa-car-battery { --fa: "\f5df"; } .fa-battery-car { --fa: "\f5df"; } .fa-car-burst { --fa: "\f5e1"; } .fa-car-crash { --fa: "\f5e1"; } .fa-car-side { --fa: "\f5e4"; } .fa-charging-station { --fa: "\f5e7"; } .fa-diamond-turn-right { --fa: "\f5eb"; } .fa-directions { --fa: "\f5eb"; } .fa-draw-polygon { --fa: "\f5ee"; } .fa-vector-polygon { --fa: "\f5ee"; } .fa-laptop-code { --fa: "\f5fc"; } .fa-layer-group { --fa: "\f5fd"; } .fa-location-crosshairs { --fa: "\f601"; } .fa-location { --fa: "\f601"; } .fa-lungs { --fa: "\f604"; } .fa-microscope { --fa: "\f610"; } .fa-oil-can { --fa: "\f613"; } .fa-poop { --fa: "\f619"; } .fa-shapes { --fa: "\f61f"; } .fa-triangle-circle-square { --fa: "\f61f"; } .fa-star-of-life { --fa: "\f621"; } .fa-gauge { --fa: "\f624"; } .fa-dashboard { --fa: "\f624"; } .fa-gauge-med { --fa: "\f624"; } .fa-tachometer-alt-average { --fa: "\f624"; } .fa-gauge-high { --fa: "\f625"; } .fa-tachometer-alt { --fa: "\f625"; } .fa-tachometer-alt-fast { --fa: "\f625"; } .fa-gauge-simple { --fa: "\f629"; } .fa-gauge-simple-med { --fa: "\f629"; } .fa-tachometer-average { --fa: "\f629"; } .fa-gauge-simple-high { --fa: "\f62a"; } .fa-tachometer { --fa: "\f62a"; } .fa-tachometer-fast { --fa: "\f62a"; } .fa-teeth { --fa: "\f62e"; } .fa-teeth-open { --fa: "\f62f"; } .fa-masks-theater { --fa: "\f630"; } .fa-theater-masks { --fa: "\f630"; } .fa-traffic-light { --fa: "\f637"; } .fa-truck-monster { --fa: "\f63b"; } .fa-truck-pickup { --fa: "\f63c"; } .fa-rectangle-ad { --fa: "\f641"; } .fa-ad { --fa: "\f641"; } .fa-ankh { --fa: "\f644"; } .fa-book-bible { --fa: "\f647"; } .fa-bible { --fa: "\f647"; } .fa-business-time { --fa: "\f64a"; } .fa-briefcase-clock { --fa: "\f64a"; } .fa-city { --fa: "\f64f"; } .fa-comment-dollar { --fa: "\f651"; } .fa-comments-dollar { --fa: "\f653"; } .fa-cross { --fa: "\f654"; } .fa-dharmachakra { --fa: "\f655"; } .fa-envelope-open-text { --fa: "\f658"; } .fa-folder-minus { --fa: "\f65d"; } .fa-folder-plus { --fa: "\f65e"; } .fa-filter-circle-dollar { --fa: "\f662"; } .fa-funnel-dollar { --fa: "\f662"; } .fa-gopuram { --fa: "\f664"; } .fa-hamsa { --fa: "\f665"; } .fa-bahai { --fa: "\f666"; } .fa-haykal { --fa: "\f666"; } .fa-jedi { --fa: "\f669"; } .fa-book-journal-whills { --fa: "\f66a"; } .fa-journal-whills { --fa: "\f66a"; } .fa-kaaba { --fa: "\f66b"; } .fa-khanda { --fa: "\f66d"; } .fa-landmark { --fa: "\f66f"; } .fa-envelopes-bulk { --fa: "\f674"; } .fa-mail-bulk { --fa: "\f674"; } .fa-menorah { --fa: "\f676"; } .fa-mosque { --fa: "\f678"; } .fa-om { --fa: "\f679"; } .fa-spaghetti-monster-flying { --fa: "\f67b"; } .fa-pastafarianism { --fa: "\f67b"; } .fa-peace { --fa: "\f67c"; } .fa-place-of-worship { --fa: "\f67f"; } .fa-square-poll-vertical { --fa: "\f681"; } .fa-poll { --fa: "\f681"; } .fa-square-poll-horizontal { --fa: "\f682"; } .fa-poll-h { --fa: "\f682"; } .fa-person-praying { --fa: "\f683"; } .fa-pray { --fa: "\f683"; } .fa-hands-praying { --fa: "\f684"; } .fa-praying-hands { --fa: "\f684"; } .fa-book-quran { --fa: "\f687"; } .fa-quran { --fa: "\f687"; } .fa-magnifying-glass-dollar { --fa: "\f688"; } .fa-search-dollar { --fa: "\f688"; } .fa-magnifying-glass-location { --fa: "\f689"; } .fa-search-location { --fa: "\f689"; } .fa-socks { --fa: "\f696"; } .fa-square-root-variable { --fa: "\f698"; } .fa-square-root-alt { --fa: "\f698"; } .fa-star-and-crescent { --fa: "\f699"; } .fa-star-of-david { --fa: "\f69a"; } .fa-synagogue { --fa: "\f69b"; } .fa-scroll-torah { --fa: "\f6a0"; } .fa-torah { --fa: "\f6a0"; } .fa-torii-gate { --fa: "\f6a1"; } .fa-vihara { --fa: "\f6a7"; } .fa-volume { --fa: "\f6a8"; } .fa-volume-medium { --fa: "\f6a8"; } .fa-volume-xmark { --fa: "\f6a9"; } .fa-volume-mute { --fa: "\f6a9"; } .fa-volume-times { --fa: "\f6a9"; } .fa-yin-yang { --fa: "\f6ad"; } .fa-blender-phone { --fa: "\f6b6"; } .fa-book-skull { --fa: "\f6b7"; } .fa-book-dead { --fa: "\f6b7"; } .fa-campground { --fa: "\f6bb"; } .fa-cat { --fa: "\f6be"; } .fa-chair { --fa: "\f6c0"; } .fa-cloud-moon { --fa: "\f6c3"; } .fa-cloud-sun { --fa: "\f6c4"; } .fa-cow { --fa: "\f6c8"; } .fa-dice-d20 { --fa: "\f6cf"; } .fa-dice-d6 { --fa: "\f6d1"; } .fa-dog { --fa: "\f6d3"; } .fa-dragon { --fa: "\f6d5"; } .fa-drumstick-bite { --fa: "\f6d7"; } .fa-dungeon { --fa: "\f6d9"; } .fa-file-csv { --fa: "\f6dd"; } .fa-hand-fist { --fa: "\f6de"; } .fa-fist-raised { --fa: "\f6de"; } .fa-ghost { --fa: "\f6e2"; } .fa-hammer { --fa: "\f6e3"; } .fa-hanukiah { --fa: "\f6e6"; } .fa-hat-wizard { --fa: "\f6e8"; } .fa-person-hiking { --fa: "\f6ec"; } .fa-hiking { --fa: "\f6ec"; } .fa-hippo { --fa: "\f6ed"; } .fa-horse { --fa: "\f6f0"; } .fa-house-chimney-crack { --fa: "\f6f1"; } .fa-house-damage { --fa: "\f6f1"; } .fa-hryvnia-sign { --fa: "\f6f2"; } .fa-hryvnia { --fa: "\f6f2"; } .fa-mask { --fa: "\f6fa"; } .fa-mountain { --fa: "\f6fc"; } .fa-network-wired { --fa: "\f6ff"; } .fa-otter { --fa: "\f700"; } .fa-ring { --fa: "\f70b"; } .fa-person-running { --fa: "\f70c"; } .fa-running { --fa: "\f70c"; } .fa-scroll { --fa: "\f70e"; } .fa-skull-crossbones { --fa: "\f714"; } .fa-slash { --fa: "\f715"; } .fa-spider { --fa: "\f717"; } .fa-toilet-paper { --fa: "\f71e"; } .fa-toilet-paper-alt { --fa: "\f71e"; } .fa-toilet-paper-blank { --fa: "\f71e"; } .fa-tractor { --fa: "\f722"; } .fa-user-injured { --fa: "\f728"; } .fa-vr-cardboard { --fa: "\f729"; } .fa-wand-sparkles { --fa: "\f72b"; } .fa-wind { --fa: "\f72e"; } .fa-wine-bottle { --fa: "\f72f"; } .fa-cloud-meatball { --fa: "\f73b"; } .fa-cloud-moon-rain { --fa: "\f73c"; } .fa-cloud-rain { --fa: "\f73d"; } .fa-cloud-showers-heavy { --fa: "\f740"; } .fa-cloud-sun-rain { --fa: "\f743"; } .fa-democrat { --fa: "\f747"; } .fa-flag-usa { --fa: "\f74d"; } .fa-hurricane { --fa: "\f751"; } .fa-landmark-dome { --fa: "\f752"; } .fa-landmark-alt { --fa: "\f752"; } .fa-meteor { --fa: "\f753"; } .fa-person-booth { --fa: "\f756"; } .fa-poo-storm { --fa: "\f75a"; } .fa-poo-bolt { --fa: "\f75a"; } .fa-rainbow { --fa: "\f75b"; } .fa-republican { --fa: "\f75e"; } .fa-smog { --fa: "\f75f"; } .fa-temperature-high { --fa: "\f769"; } .fa-temperature-low { --fa: "\f76b"; } .fa-cloud-bolt { --fa: "\f76c"; } .fa-thunderstorm { --fa: "\f76c"; } .fa-tornado { --fa: "\f76f"; } .fa-volcano { --fa: "\f770"; } .fa-check-to-slot { --fa: "\f772"; } .fa-vote-yea { --fa: "\f772"; } .fa-water { --fa: "\f773"; } .fa-baby { --fa: "\f77c"; } .fa-baby-carriage { --fa: "\f77d"; } .fa-carriage-baby { --fa: "\f77d"; } .fa-biohazard { --fa: "\f780"; } .fa-blog { --fa: "\f781"; } .fa-calendar-day { --fa: "\f783"; } .fa-calendar-week { --fa: "\f784"; } .fa-candy-cane { --fa: "\f786"; } .fa-carrot { --fa: "\f787"; } .fa-cash-register { --fa: "\f788"; } .fa-minimize { --fa: "\f78c"; } .fa-compress-arrows-alt { --fa: "\f78c"; } .fa-dumpster { --fa: "\f793"; } .fa-dumpster-fire { --fa: "\f794"; } .fa-ethernet { --fa: "\f796"; } .fa-gifts { --fa: "\f79c"; } .fa-champagne-glasses { --fa: "\f79f"; } .fa-glass-cheers { --fa: "\f79f"; } .fa-whiskey-glass { --fa: "\f7a0"; } .fa-glass-whiskey { --fa: "\f7a0"; } .fa-earth-europe { --fa: "\f7a2"; } .fa-globe-europe { --fa: "\f7a2"; } .fa-grip-lines { --fa: "\f7a4"; } .fa-grip-lines-vertical { --fa: "\f7a5"; } .fa-guitar { --fa: "\f7a6"; } .fa-heart-crack { --fa: "\f7a9"; } .fa-heart-broken { --fa: "\f7a9"; } .fa-holly-berry { --fa: "\f7aa"; } .fa-horse-head { --fa: "\f7ab"; } .fa-icicles { --fa: "\f7ad"; } .fa-igloo { --fa: "\f7ae"; } .fa-mitten { --fa: "\f7b5"; } .fa-mug-hot { --fa: "\f7b6"; } .fa-radiation { --fa: "\f7b9"; } .fa-circle-radiation { --fa: "\f7ba"; } .fa-radiation-alt { --fa: "\f7ba"; } .fa-restroom { --fa: "\f7bd"; } .fa-satellite { --fa: "\f7bf"; } .fa-satellite-dish { --fa: "\f7c0"; } .fa-sd-card { --fa: "\f7c2"; } .fa-sim-card { --fa: "\f7c4"; } .fa-person-skating { --fa: "\f7c5"; } .fa-skating { --fa: "\f7c5"; } .fa-person-skiing { --fa: "\f7c9"; } .fa-skiing { --fa: "\f7c9"; } .fa-person-skiing-nordic { --fa: "\f7ca"; } .fa-skiing-nordic { --fa: "\f7ca"; } .fa-sleigh { --fa: "\f7cc"; } .fa-comment-sms { --fa: "\f7cd"; } .fa-sms { --fa: "\f7cd"; } .fa-person-snowboarding { --fa: "\f7ce"; } .fa-snowboarding { --fa: "\f7ce"; } .fa-snowman { --fa: "\f7d0"; } .fa-snowplow { --fa: "\f7d2"; } .fa-tenge-sign { --fa: "\f7d7"; } .fa-tenge { --fa: "\f7d7"; } .fa-toilet { --fa: "\f7d8"; } .fa-screwdriver-wrench { --fa: "\f7d9"; } .fa-tools { --fa: "\f7d9"; } .fa-cable-car { --fa: "\f7da"; } .fa-tram { --fa: "\f7da"; } .fa-fire-flame-curved { --fa: "\f7e4"; } .fa-fire-alt { --fa: "\f7e4"; } .fa-bacon { --fa: "\f7e5"; } .fa-book-medical { --fa: "\f7e6"; } .fa-bread-slice { --fa: "\f7ec"; } .fa-cheese { --fa: "\f7ef"; } .fa-house-chimney-medical { --fa: "\f7f2"; } .fa-clinic-medical { --fa: "\f7f2"; } .fa-clipboard-user { --fa: "\f7f3"; } .fa-comment-medical { --fa: "\f7f5"; } .fa-crutch { --fa: "\f7f7"; } .fa-disease { --fa: "\f7fa"; } .fa-egg { --fa: "\f7fb"; } .fa-folder-tree { --fa: "\f802"; } .fa-burger { --fa: "\f805"; } .fa-hamburger { --fa: "\f805"; } .fa-hand-middle-finger { --fa: "\f806"; } .fa-helmet-safety { --fa: "\f807"; } .fa-hard-hat { --fa: "\f807"; } .fa-hat-hard { --fa: "\f807"; } .fa-hospital-user { --fa: "\f80d"; } .fa-hotdog { --fa: "\f80f"; } .fa-ice-cream { --fa: "\f810"; } .fa-laptop-medical { --fa: "\f812"; } .fa-pager { --fa: "\f815"; } .fa-pepper-hot { --fa: "\f816"; } .fa-pizza-slice { --fa: "\f818"; } .fa-sack-dollar { --fa: "\f81d"; } .fa-book-tanakh { --fa: "\f827"; } .fa-tanakh { --fa: "\f827"; } .fa-bars-progress { --fa: "\f828"; } .fa-tasks-alt { --fa: "\f828"; } .fa-trash-arrow-up { --fa: "\f829"; } .fa-trash-restore { --fa: "\f829"; } .fa-trash-can-arrow-up { --fa: "\f82a"; } .fa-trash-restore-alt { --fa: "\f82a"; } .fa-user-nurse { --fa: "\f82f"; } .fa-wave-square { --fa: "\f83e"; } .fa-person-biking { --fa: "\f84a"; } .fa-biking { --fa: "\f84a"; } .fa-border-all { --fa: "\f84c"; } .fa-border-none { --fa: "\f850"; } .fa-border-top-left { --fa: "\f853"; } .fa-border-style { --fa: "\f853"; } .fa-person-digging { --fa: "\f85e"; } .fa-digging { --fa: "\f85e"; } .fa-fan { --fa: "\f863"; } .fa-icons { --fa: "\f86d"; } .fa-heart-music-camera-bolt { --fa: "\f86d"; } .fa-phone-flip { --fa: "\f879"; } .fa-phone-alt { --fa: "\f879"; } .fa-square-phone-flip { --fa: "\f87b"; } .fa-phone-square-alt { --fa: "\f87b"; } .fa-photo-film { --fa: "\f87c"; } .fa-photo-video { --fa: "\f87c"; } .fa-text-slash { --fa: "\f87d"; } .fa-remove-format { --fa: "\f87d"; } .fa-arrow-down-z-a { --fa: "\f881"; } .fa-sort-alpha-desc { --fa: "\f881"; } .fa-sort-alpha-down-alt { --fa: "\f881"; } .fa-arrow-up-z-a { --fa: "\f882"; } .fa-sort-alpha-up-alt { --fa: "\f882"; } .fa-arrow-down-short-wide { --fa: "\f884"; } .fa-sort-amount-desc { --fa: "\f884"; } .fa-sort-amount-down-alt { --fa: "\f884"; } .fa-arrow-up-short-wide { --fa: "\f885"; } .fa-sort-amount-up-alt { --fa: "\f885"; } .fa-arrow-down-9-1 { --fa: "\f886"; } .fa-sort-numeric-desc { --fa: "\f886"; } .fa-sort-numeric-down-alt { --fa: "\f886"; } .fa-arrow-up-9-1 { --fa: "\f887"; } .fa-sort-numeric-up-alt { --fa: "\f887"; } .fa-spell-check { --fa: "\f891"; } .fa-voicemail { --fa: "\f897"; } .fa-hat-cowboy { --fa: "\f8c0"; } .fa-hat-cowboy-side { --fa: "\f8c1"; } .fa-computer-mouse { --fa: "\f8cc"; } .fa-mouse { --fa: "\f8cc"; } .fa-radio { --fa: "\f8d7"; } .fa-record-vinyl { --fa: "\f8d9"; } .fa-walkie-talkie { --fa: "\f8ef"; } .fa-caravan { --fa: "\f8ff"; } :root, :host { --fa-family-brands: 'Font Awesome 7 Brands'; --fa-font-brands: normal 400 1em/1 var(--fa-family-brands); } @font-face { font-family: "Font Awesome 7 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/assets/fa7/fa-brands-400-d021aea486533f52f184ee071234522ef6aac85d88fff2a4d76098d5f9b106d9.woff2); } .fab, .fa-brands, .fa-classic.fa-brands { --fa-family: var(--fa-family-brands); --fa-style: 400; } .fa-firefox-browser { --fa: "\e007"; } .fa-ideal { --fa: "\e013"; } .fa-microblog { --fa: "\e01a"; } .fa-square-pied-piper { --fa: "\e01e"; } .fa-pied-piper-square { --fa: "\e01e"; } .fa-unity { --fa: "\e049"; } .fa-dailymotion { --fa: "\e052"; } .fa-square-instagram { --fa: "\e055"; } .fa-instagram-square { --fa: "\e055"; } .fa-mixer { --fa: "\e056"; } .fa-shopify { --fa: "\e057"; } .fa-deezer { --fa: "\e077"; } .fa-edge-legacy { --fa: "\e078"; } .fa-google-pay { --fa: "\e079"; } .fa-rust { --fa: "\e07a"; } .fa-tiktok { --fa: "\e07b"; } .fa-unsplash { --fa: "\e07c"; } .fa-cloudflare { --fa: "\e07d"; } .fa-guilded { --fa: "\e07e"; } .fa-hive { --fa: "\e07f"; } .fa-42-group { --fa: "\e080"; } .fa-innosoft { --fa: "\e080"; } .fa-instalod { --fa: "\e081"; } .fa-octopus-deploy { --fa: "\e082"; } .fa-perbyte { --fa: "\e083"; } .fa-uncharted { --fa: "\e084"; } .fa-watchman-monitoring { --fa: "\e087"; } .fa-wodu { --fa: "\e088"; } .fa-wirsindhandwerk { --fa: "\e2d0"; } .fa-wsh { --fa: "\e2d0"; } .fa-bots { --fa: "\e340"; } .fa-cmplid { --fa: "\e360"; } .fa-bilibili { --fa: "\e3d9"; } .fa-golang { --fa: "\e40f"; } .fa-pix { --fa: "\e43a"; } .fa-sitrox { --fa: "\e44a"; } .fa-hashnode { --fa: "\e499"; } .fa-meta { --fa: "\e49b"; } .fa-padlet { --fa: "\e4a0"; } .fa-nfc-directional { --fa: "\e530"; } .fa-nfc-symbol { --fa: "\e531"; } .fa-screenpal { --fa: "\e570"; } .fa-space-awesome { --fa: "\e5ac"; } .fa-square-font-awesome { --fa: "\e5ad"; } .fa-square-gitlab { --fa: "\e5ae"; } .fa-gitlab-square { --fa: "\e5ae"; } .fa-odysee { --fa: "\e5c6"; } .fa-stubber { --fa: "\e5c7"; } .fa-debian { --fa: "\e60b"; } .fa-shoelace { --fa: "\e60c"; } .fa-threads { --fa: "\e618"; } .fa-square-threads { --fa: "\e619"; } .fa-square-x-twitter { --fa: "\e61a"; } .fa-x-twitter { --fa: "\e61b"; } .fa-opensuse { --fa: "\e62b"; } .fa-letterboxd { --fa: "\e62d"; } .fa-square-letterboxd { --fa: "\e62e"; } .fa-mintbit { --fa: "\e62f"; } .fa-google-scholar { --fa: "\e63b"; } .fa-brave { --fa: "\e63c"; } .fa-brave-reverse { --fa: "\e63d"; } .fa-pixiv { --fa: "\e640"; } .fa-upwork { --fa: "\e641"; } .fa-webflow { --fa: "\e65c"; } .fa-signal-messenger { --fa: "\e663"; } .fa-bluesky { --fa: "\e671"; } .fa-jxl { --fa: "\e67b"; } .fa-square-upwork { --fa: "\e67c"; } .fa-web-awesome { --fa: "\e682"; } .fa-square-web-awesome { --fa: "\e683"; } .fa-square-web-awesome-stroke { --fa: "\e684"; } .fa-dart-lang { --fa: "\e693"; } .fa-flutter { --fa: "\e694"; } .fa-files-pinwheel { --fa: "\e69f"; } .fa-css { --fa: "\e6a2"; } .fa-square-bluesky { --fa: "\e6a3"; } .fa-openai { --fa: "\e7cf"; } .fa-square-linkedin { --fa: "\e7d0"; } .fa-cash-app { --fa: "\e7d4"; } .fa-disqus { --fa: "\e7d5"; } .fa-eleventy { --fa: "\e7d6"; } .fa-11ty { --fa: "\e7d6"; } .fa-kakao-talk { --fa: "\e7d7"; } .fa-linktree { --fa: "\e7d8"; } .fa-notion { --fa: "\e7d9"; } .fa-pandora { --fa: "\e7da"; } .fa-pixelfed { --fa: "\e7db"; } .fa-tidal { --fa: "\e7dc"; } .fa-vsco { --fa: "\e7dd"; } .fa-w3c { --fa: "\e7de"; } .fa-lumon { --fa: "\e7e2"; } .fa-lumon-drop { --fa: "\e7e3"; } .fa-square-figma { --fa: "\e7e4"; } .fa-tex { --fa: "\e7ff"; } .fa-duolingo { --fa: "\e812"; } .fa-supportnow { --fa: "\e833"; } .fa-tor-browser { --fa: "\e838"; } .fa-typescript { --fa: "\e840"; } .fa-square-deskpro { --fa: "\e844"; } .fa-circle-zulip { --fa: "\e851"; } .fa-julia { --fa: "\e852"; } .fa-zulip { --fa: "\e853"; } .fa-unison { --fa: "\e854"; } .fa-board-game-geek { --fa: "\e855"; } .fa-bgg { --fa: "\e855"; } .fa-ko-fi { --fa: "\e856"; } .fa-kubernetes { --fa: "\e857"; } .fa-postgresql { --fa: "\e858"; } .fa-scaleway { --fa: "\e859"; } .fa-venmo { --fa: "\e85a"; } .fa-venmo-v { --fa: "\e85b"; } .fa-unreal-engine { --fa: "\e85c"; } .fa-globaleaks { --fa: "\e85d"; } .fa-solana { --fa: "\e85e"; } .fa-threema { --fa: "\e85f"; } .fa-forgejo { --fa: "\e860"; } .fa-claude { --fa: "\e861"; } .fa-gitee { --fa: "\e863"; } .fa-xmpp { --fa: "\e864"; } .fa-fediverse { --fa: "\e865"; } .fa-tailwind-css { --fa: "\e866"; } .fa-arch-linux { --fa: "\e867"; } .fa-svelte { --fa: "\e868"; } .fa-hugging-face { --fa: "\e869"; } .fa-leetcode { --fa: "\e86a"; } .fa-openstreetmap { --fa: "\e86b"; } .fa-ultralytics { --fa: "\e86d"; } .fa-ultralytics-hub { --fa: "\e86e"; } .fa-ultralytics-yolo { --fa: "\e86f"; } .fa-obsidian { --fa: "\e879"; } .fa-zoom { --fa: "\e87b"; } .fa-vim { --fa: "\e88a"; } .fa-symfonycasts { --fa: "\e8ab"; } .fa-build-awesome { --fa: "\e8ac"; } .fa-codeberg { --fa: "\e8ad"; } .fa-devpost { --fa: "\e8ae"; } .fa-internet-archive { --fa: "\e8b1"; } .fa-lets-encrypt { --fa: "\e8b2"; } .fa-matrix { --fa: "\e8b3"; } .fa-mattermost { --fa: "\e8b4"; } .fa-nextcloud { --fa: "\e8b5"; } .fa-roblox-creator-studio { --fa: "\e8b6"; } .fa-square-build-awesome-stroke { --fa: "\e8b7"; } .fa-substack { --fa: "\e8b8"; } .fa-tesla { --fa: "\e8b9"; } .fa-xrp { --fa: "\e8ba"; } .fa-xrpl { --fa: "\e8bb"; } .fa-youtube-shorts { --fa: "\e8bc"; } .fa-ror { --fa: "\e8bd"; } .fa-visual-studio { --fa: "\e8be"; } .fa-dolibarr { --fa: "\e8bf"; } .fa-obs-studio { --fa: "\e8c0"; } .fa-storybook { --fa: "\e8c1"; } .fa-a11y-project { --fa: "\e8c2"; } .fa-copilot { --fa: "\e8c7"; } .fa-square-twitter { --fa: "\f081"; } .fa-twitter-square { --fa: "\f081"; } .fa-square-facebook { --fa: "\f082"; } .fa-facebook-square { --fa: "\f082"; } .fa-linkedin { --fa: "\f08c"; } .fa-square-github { --fa: "\f092"; } .fa-github-square { --fa: "\f092"; } .fa-twitter { --fa: "\f099"; } .fa-facebook { --fa: "\f09a"; } .fa-github { --fa: "\f09b"; } .fa-pinterest { --fa: "\f0d2"; } .fa-square-pinterest { --fa: "\f0d3"; } .fa-pinterest-square { --fa: "\f0d3"; } .fa-square-google-plus { --fa: "\f0d4"; } .fa-google-plus-square { --fa: "\f0d4"; } .fa-google-plus-g { --fa: "\f0d5"; } .fa-linkedin-in { --fa: "\f0e1"; } .fa-github-alt { --fa: "\f113"; } .fa-maxcdn { --fa: "\f136"; } .fa-html5 { --fa: "\f13b"; } .fa-css3 { --fa: "\f13c"; } .fa-btc { --fa: "\f15a"; } .fa-youtube { --fa: "\f167"; } .fa-xing { --fa: "\f168"; } .fa-square-xing { --fa: "\f169"; } .fa-xing-square { --fa: "\f169"; } .fa-dropbox { --fa: "\f16b"; } .fa-stack-overflow { --fa: "\f16c"; } .fa-instagram { --fa: "\f16d"; } .fa-flickr { --fa: "\f16e"; } .fa-adn { --fa: "\f170"; } .fa-bitbucket { --fa: "\f171"; } .fa-tumblr { --fa: "\f173"; } .fa-square-tumblr { --fa: "\f174"; } .fa-tumblr-square { --fa: "\f174"; } .fa-apple { --fa: "\f179"; } .fa-windows { --fa: "\f17a"; } .fa-android { --fa: "\f17b"; } .fa-linux { --fa: "\f17c"; } .fa-dribbble { --fa: "\f17d"; } .fa-skype { --fa: "\f17e"; } .fa-foursquare { --fa: "\f180"; } .fa-trello { --fa: "\f181"; } .fa-gratipay { --fa: "\f184"; } .fa-vk { --fa: "\f189"; } .fa-weibo { --fa: "\f18a"; } .fa-renren { --fa: "\f18b"; } .fa-pagelines { --fa: "\f18c"; } .fa-stack-exchange { --fa: "\f18d"; } .fa-square-vimeo { --fa: "\f194"; } .fa-vimeo-square { --fa: "\f194"; } .fa-slack { --fa: "\f198"; } .fa-slack-hash { --fa: "\f198"; } .fa-wordpress { --fa: "\f19a"; } .fa-openid { --fa: "\f19b"; } .fa-yahoo { --fa: "\f19e"; } .fa-google { --fa: "\f1a0"; } .fa-reddit { --fa: "\f1a1"; } .fa-square-reddit { --fa: "\f1a2"; } .fa-reddit-square { --fa: "\f1a2"; } .fa-stumbleupon-circle { --fa: "\f1a3"; } .fa-stumbleupon { --fa: "\f1a4"; } .fa-delicious { --fa: "\f1a5"; } .fa-digg { --fa: "\f1a6"; } .fa-pied-piper-pp { --fa: "\f1a7"; } .fa-pied-piper-alt { --fa: "\f1a8"; } .fa-drupal { --fa: "\f1a9"; } .fa-joomla { --fa: "\f1aa"; } .fa-behance { --fa: "\f1b4"; } .fa-square-behance { --fa: "\f1b5"; } .fa-behance-square { --fa: "\f1b5"; } .fa-steam { --fa: "\f1b6"; } .fa-square-steam { --fa: "\f1b7"; } .fa-steam-square { --fa: "\f1b7"; } .fa-spotify { --fa: "\f1bc"; } .fa-deviantart { --fa: "\f1bd"; } .fa-soundcloud { --fa: "\f1be"; } .fa-vine { --fa: "\f1ca"; } .fa-codepen { --fa: "\f1cb"; } .fa-jsfiddle { --fa: "\f1cc"; } .fa-rebel { --fa: "\f1d0"; } .fa-empire { --fa: "\f1d1"; } .fa-square-git { --fa: "\f1d2"; } .fa-git-square { --fa: "\f1d2"; } .fa-git { --fa: "\f1d3"; } .fa-hacker-news { --fa: "\f1d4"; } .fa-tencent-weibo { --fa: "\f1d5"; } .fa-qq { --fa: "\f1d6"; } .fa-weixin { --fa: "\f1d7"; } .fa-slideshare { --fa: "\f1e7"; } .fa-twitch { --fa: "\f1e8"; } .fa-yelp { --fa: "\f1e9"; } .fa-paypal { --fa: "\f1ed"; } .fa-google-wallet { --fa: "\f1ee"; } .fa-cc-visa { --fa: "\f1f0"; } .fa-cc-mastercard { --fa: "\f1f1"; } .fa-cc-discover { --fa: "\f1f2"; } .fa-cc-amex { --fa: "\f1f3"; } .fa-cc-paypal { --fa: "\f1f4"; } .fa-cc-stripe { --fa: "\f1f5"; } .fa-lastfm { --fa: "\f202"; } .fa-square-lastfm { --fa: "\f203"; } .fa-lastfm-square { --fa: "\f203"; } .fa-ioxhost { --fa: "\f208"; } .fa-angellist { --fa: "\f209"; } .fa-buysellads { --fa: "\f20d"; } .fa-connectdevelop { --fa: "\f20e"; } .fa-dashcube { --fa: "\f210"; } .fa-forumbee { --fa: "\f211"; } .fa-leanpub { --fa: "\f212"; } .fa-sellsy { --fa: "\f213"; } .fa-shirtsinbulk { --fa: "\f214"; } .fa-simplybuilt { --fa: "\f215"; } .fa-skyatlas { --fa: "\f216"; } .fa-pinterest-p { --fa: "\f231"; } .fa-whatsapp { --fa: "\f232"; } .fa-viacoin { --fa: "\f237"; } .fa-medium { --fa: "\f23a"; } .fa-medium-m { --fa: "\f23a"; } .fa-y-combinator { --fa: "\f23b"; } .fa-optin-monster { --fa: "\f23c"; } .fa-opencart { --fa: "\f23d"; } .fa-expeditedssl { --fa: "\f23e"; } .fa-cc-jcb { --fa: "\f24b"; } .fa-cc-diners-club { --fa: "\f24c"; } .fa-creative-commons { --fa: "\f25e"; } .fa-gg { --fa: "\f260"; } .fa-gg-circle { --fa: "\f261"; } .fa-odnoklassniki { --fa: "\f263"; } .fa-square-odnoklassniki { --fa: "\f264"; } .fa-odnoklassniki-square { --fa: "\f264"; } .fa-get-pocket { --fa: "\f265"; } .fa-wikipedia-w { --fa: "\f266"; } .fa-safari { --fa: "\f267"; } .fa-chrome { --fa: "\f268"; } .fa-firefox { --fa: "\f269"; } .fa-opera { --fa: "\f26a"; } .fa-internet-explorer { --fa: "\f26b"; } .fa-contao { --fa: "\f26d"; } .fa-500px { --fa: "\f26e"; } .fa-amazon { --fa: "\f270"; } .fa-houzz { --fa: "\f27c"; } .fa-vimeo-v { --fa: "\f27d"; } .fa-black-tie { --fa: "\f27e"; } .fa-fonticons { --fa: "\f280"; } .fa-reddit-alien { --fa: "\f281"; } .fa-edge { --fa: "\f282"; } .fa-codiepie { --fa: "\f284"; } .fa-modx { --fa: "\f285"; } .fa-fort-awesome { --fa: "\f286"; } .fa-usb { --fa: "\f287"; } .fa-product-hunt { --fa: "\f288"; } .fa-mixcloud { --fa: "\f289"; } .fa-scribd { --fa: "\f28a"; } .fa-bluetooth { --fa: "\f293"; } .fa-bluetooth-b { --fa: "\f294"; } .fa-gitlab { --fa: "\f296"; } .fa-wpbeginner { --fa: "\f297"; } .fa-wpforms { --fa: "\f298"; } .fa-envira { --fa: "\f299"; } .fa-glide { --fa: "\f2a5"; } .fa-glide-g { --fa: "\f2a6"; } .fa-viadeo { --fa: "\f2a9"; } .fa-square-viadeo { --fa: "\f2aa"; } .fa-viadeo-square { --fa: "\f2aa"; } .fa-snapchat { --fa: "\f2ab"; } .fa-snapchat-ghost { --fa: "\f2ab"; } .fa-square-snapchat { --fa: "\f2ad"; } .fa-snapchat-square { --fa: "\f2ad"; } .fa-pied-piper { --fa: "\f2ae"; } .fa-first-order { --fa: "\f2b0"; } .fa-yoast { --fa: "\f2b1"; } .fa-themeisle { --fa: "\f2b2"; } .fa-google-plus { --fa: "\f2b3"; } .fa-font-awesome { --fa: "\f2b4"; } .fa-font-awesome-flag { --fa: "\f2b4"; } .fa-font-awesome-logo-full { --fa: "\f2b4"; } .fa-linode { --fa: "\f2b8"; } .fa-quora { --fa: "\f2c4"; } .fa-free-code-camp { --fa: "\f2c5"; } .fa-telegram { --fa: "\f2c6"; } .fa-telegram-plane { --fa: "\f2c6"; } .fa-bandcamp { --fa: "\f2d5"; } .fa-grav { --fa: "\f2d6"; } .fa-etsy { --fa: "\f2d7"; } .fa-imdb { --fa: "\f2d8"; } .fa-ravelry { --fa: "\f2d9"; } .fa-sellcast { --fa: "\f2da"; } .fa-superpowers { --fa: "\f2dd"; } .fa-wpexplorer { --fa: "\f2de"; } .fa-meetup { --fa: "\f2e0"; } .fa-square-font-awesome-stroke { --fa: "\f35c"; } .fa-font-awesome-alt { --fa: "\f35c"; } .fa-accessible-icon { --fa: "\f368"; } .fa-accusoft { --fa: "\f369"; } .fa-adversal { --fa: "\f36a"; } .fa-affiliatetheme { --fa: "\f36b"; } .fa-algolia { --fa: "\f36c"; } .fa-amilia { --fa: "\f36d"; } .fa-angrycreative { --fa: "\f36e"; } .fa-app-store { --fa: "\f36f"; } .fa-app-store-ios { --fa: "\f370"; } .fa-apper { --fa: "\f371"; } .fa-asymmetrik { --fa: "\f372"; } .fa-audible { --fa: "\f373"; } .fa-avianex { --fa: "\f374"; } .fa-aws { --fa: "\f375"; } .fa-bimobject { --fa: "\f378"; } .fa-bitcoin { --fa: "\f379"; } .fa-bity { --fa: "\f37a"; } .fa-blackberry { --fa: "\f37b"; } .fa-blogger { --fa: "\f37c"; } .fa-blogger-b { --fa: "\f37d"; } .fa-buromobelexperte { --fa: "\f37f"; } .fa-centercode { --fa: "\f380"; } .fa-cloudscale { --fa: "\f383"; } .fa-cloudsmith { --fa: "\f384"; } .fa-cloudversify { --fa: "\f385"; } .fa-cpanel { --fa: "\f388"; } .fa-css3-alt { --fa: "\f38b"; } .fa-cuttlefish { --fa: "\f38c"; } .fa-d-and-d { --fa: "\f38d"; } .fa-deploydog { --fa: "\f38e"; } .fa-deskpro { --fa: "\f38f"; } .fa-digital-ocean { --fa: "\f391"; } .fa-discord { --fa: "\f392"; } .fa-discourse { --fa: "\f393"; } .fa-dochub { --fa: "\f394"; } .fa-docker { --fa: "\f395"; } .fa-draft2digital { --fa: "\f396"; } .fa-square-dribbble { --fa: "\f397"; } .fa-dribbble-square { --fa: "\f397"; } .fa-dyalog { --fa: "\f399"; } .fa-earlybirds { --fa: "\f39a"; } .fa-erlang { --fa: "\f39d"; } .fa-facebook-f { --fa: "\f39e"; } .fa-facebook-messenger { --fa: "\f39f"; } .fa-firstdraft { --fa: "\f3a1"; } .fa-fonticons-fi { --fa: "\f3a2"; } .fa-fort-awesome-alt { --fa: "\f3a3"; } .fa-freebsd { --fa: "\f3a4"; } .fa-gitkraken { --fa: "\f3a6"; } .fa-gofore { --fa: "\f3a7"; } .fa-goodreads { --fa: "\f3a8"; } .fa-goodreads-g { --fa: "\f3a9"; } .fa-google-drive { --fa: "\f3aa"; } .fa-google-play { --fa: "\f3ab"; } .fa-gripfire { --fa: "\f3ac"; } .fa-grunt { --fa: "\f3ad"; } .fa-gulp { --fa: "\f3ae"; } .fa-square-hacker-news { --fa: "\f3af"; } .fa-hacker-news-square { --fa: "\f3af"; } .fa-hire-a-helper { --fa: "\f3b0"; } .fa-hotjar { --fa: "\f3b1"; } .fa-hubspot { --fa: "\f3b2"; } .fa-itunes { --fa: "\f3b4"; } .fa-itunes-note { --fa: "\f3b5"; } .fa-jenkins { --fa: "\f3b6"; } .fa-joget { --fa: "\f3b7"; } .fa-js { --fa: "\f3b8"; } .fa-square-js { --fa: "\f3b9"; } .fa-js-square { --fa: "\f3b9"; } .fa-keycdn { --fa: "\f3ba"; } .fa-kickstarter { --fa: "\f3bb"; } .fa-square-kickstarter { --fa: "\f3bb"; } .fa-kickstarter-k { --fa: "\f3bc"; } .fa-laravel { --fa: "\f3bd"; } .fa-line { --fa: "\f3c0"; } .fa-lyft { --fa: "\f3c3"; } .fa-magento { --fa: "\f3c4"; } .fa-medapps { --fa: "\f3c6"; } .fa-medrt { --fa: "\f3c8"; } .fa-microsoft { --fa: "\f3ca"; } .fa-mix { --fa: "\f3cb"; } .fa-mizuni { --fa: "\f3cc"; } .fa-monero { --fa: "\f3d0"; } .fa-napster { --fa: "\f3d2"; } .fa-node-js { --fa: "\f3d3"; } .fa-npm { --fa: "\f3d4"; } .fa-ns8 { --fa: "\f3d5"; } .fa-nutritionix { --fa: "\f3d6"; } .fa-page4 { --fa: "\f3d7"; } .fa-palfed { --fa: "\f3d8"; } .fa-patreon { --fa: "\f3d9"; } .fa-periscope { --fa: "\f3da"; } .fa-phabricator { --fa: "\f3db"; } .fa-phoenix-framework { --fa: "\f3dc"; } .fa-playstation { --fa: "\f3df"; } .fa-pushed { --fa: "\f3e1"; } .fa-python { --fa: "\f3e2"; } .fa-red-river { --fa: "\f3e3"; } .fa-wpressr { --fa: "\f3e4"; } .fa-rendact { --fa: "\f3e4"; } .fa-replyd { --fa: "\f3e6"; } .fa-resolving { --fa: "\f3e7"; } .fa-rocketchat { --fa: "\f3e8"; } .fa-rockrms { --fa: "\f3e9"; } .fa-schlix { --fa: "\f3ea"; } .fa-searchengin { --fa: "\f3eb"; } .fa-servicestack { --fa: "\f3ec"; } .fa-sistrix { --fa: "\f3ee"; } .fa-speakap { --fa: "\f3f3"; } .fa-staylinked { --fa: "\f3f5"; } .fa-steam-symbol { --fa: "\f3f6"; } .fa-sticker-mule { --fa: "\f3f7"; } .fa-studiovinari { --fa: "\f3f8"; } .fa-supple { --fa: "\f3f9"; } .fa-uber { --fa: "\f402"; } .fa-uikit { --fa: "\f403"; } .fa-uniregistry { --fa: "\f404"; } .fa-untappd { --fa: "\f405"; } .fa-ussunnah { --fa: "\f407"; } .fa-vaadin { --fa: "\f408"; } .fa-viber { --fa: "\f409"; } .fa-vimeo { --fa: "\f40a"; } .fa-vnv { --fa: "\f40b"; } .fa-square-whatsapp { --fa: "\f40c"; } .fa-whatsapp-square { --fa: "\f40c"; } .fa-whmcs { --fa: "\f40d"; } .fa-wordpress-simple { --fa: "\f411"; } .fa-xbox { --fa: "\f412"; } .fa-yandex { --fa: "\f413"; } .fa-yandex-international { --fa: "\f414"; } .fa-apple-pay { --fa: "\f415"; } .fa-cc-apple-pay { --fa: "\f416"; } .fa-fly { --fa: "\f417"; } .fa-node { --fa: "\f419"; } .fa-osi { --fa: "\f41a"; } .fa-react { --fa: "\f41b"; } .fa-autoprefixer { --fa: "\f41c"; } .fa-less { --fa: "\f41d"; } .fa-sass { --fa: "\f41e"; } .fa-vuejs { --fa: "\f41f"; } .fa-angular { --fa: "\f420"; } .fa-aviato { --fa: "\f421"; } .fa-ember { --fa: "\f423"; } .fa-gitter { --fa: "\f426"; } .fa-hooli { --fa: "\f427"; } .fa-strava { --fa: "\f428"; } .fa-stripe { --fa: "\f429"; } .fa-stripe-s { --fa: "\f42a"; } .fa-typo3 { --fa: "\f42b"; } .fa-amazon-pay { --fa: "\f42c"; } .fa-cc-amazon-pay { --fa: "\f42d"; } .fa-ethereum { --fa: "\f42e"; } .fa-korvue { --fa: "\f42f"; } .fa-elementor { --fa: "\f430"; } .fa-square-youtube { --fa: "\f431"; } .fa-youtube-square { --fa: "\f431"; } .fa-flipboard { --fa: "\f44d"; } .fa-hips { --fa: "\f452"; } .fa-php { --fa: "\f457"; } .fa-quinscape { --fa: "\f459"; } .fa-readme { --fa: "\f4d5"; } .fa-java { --fa: "\f4e4"; } .fa-pied-piper-hat { --fa: "\f4e5"; } .fa-creative-commons-by { --fa: "\f4e7"; } .fa-creative-commons-nc { --fa: "\f4e8"; } .fa-creative-commons-nc-eu { --fa: "\f4e9"; } .fa-creative-commons-nc-jp { --fa: "\f4ea"; } .fa-creative-commons-nd { --fa: "\f4eb"; } .fa-creative-commons-pd { --fa: "\f4ec"; } .fa-creative-commons-pd-alt { --fa: "\f4ed"; } .fa-creative-commons-remix { --fa: "\f4ee"; } .fa-creative-commons-sa { --fa: "\f4ef"; } .fa-creative-commons-sampling { --fa: "\f4f0"; } .fa-creative-commons-sampling-plus { --fa: "\f4f1"; } .fa-creative-commons-share { --fa: "\f4f2"; } .fa-creative-commons-zero { --fa: "\f4f3"; } .fa-ebay { --fa: "\f4f4"; } .fa-keybase { --fa: "\f4f5"; } .fa-mastodon { --fa: "\f4f6"; } .fa-r-project { --fa: "\f4f7"; } .fa-researchgate { --fa: "\f4f8"; } .fa-teamspeak { --fa: "\f4f9"; } .fa-first-order-alt { --fa: "\f50a"; } .fa-fulcrum { --fa: "\f50b"; } .fa-galactic-republic { --fa: "\f50c"; } .fa-galactic-senate { --fa: "\f50d"; } .fa-jedi-order { --fa: "\f50e"; } .fa-mandalorian { --fa: "\f50f"; } .fa-old-republic { --fa: "\f510"; } .fa-phoenix-squadron { --fa: "\f511"; } .fa-sith { --fa: "\f512"; } .fa-trade-federation { --fa: "\f513"; } .fa-wolf-pack-battalion { --fa: "\f514"; } .fa-hornbill { --fa: "\f592"; } .fa-mailchimp { --fa: "\f59e"; } .fa-megaport { --fa: "\f5a3"; } .fa-nimblr { --fa: "\f5a8"; } .fa-rev { --fa: "\f5b2"; } .fa-shopware { --fa: "\f5b5"; } .fa-squarespace { --fa: "\f5be"; } .fa-themeco { --fa: "\f5c6"; } .fa-weebly { --fa: "\f5cc"; } .fa-wix { --fa: "\f5cf"; } .fa-ello { --fa: "\f5f1"; } .fa-hackerrank { --fa: "\f5f7"; } .fa-kaggle { --fa: "\f5fa"; } .fa-markdown { --fa: "\f60f"; } .fa-neos { --fa: "\f612"; } .fa-zhihu { --fa: "\f63f"; } .fa-alipay { --fa: "\f642"; } .fa-the-red-yeti { --fa: "\f69d"; } .fa-critical-role { --fa: "\f6c9"; } .fa-d-and-d-beyond { --fa: "\f6ca"; } .fa-dev { --fa: "\f6cc"; } .fa-fantasy-flight-games { --fa: "\f6dc"; } .fa-wizards-of-the-coast { --fa: "\f730"; } .fa-think-peaks { --fa: "\f731"; } .fa-reacteurope { --fa: "\f75d"; } .fa-artstation { --fa: "\f77a"; } .fa-atlassian { --fa: "\f77b"; } .fa-canadian-maple-leaf { --fa: "\f785"; } .fa-centos { --fa: "\f789"; } .fa-confluence { --fa: "\f78d"; } .fa-dhl { --fa: "\f790"; } .fa-diaspora { --fa: "\f791"; } .fa-fedex { --fa: "\f797"; } .fa-fedora { --fa: "\f798"; } .fa-figma { --fa: "\f799"; } .fa-intercom { --fa: "\f7af"; } .fa-invision { --fa: "\f7b0"; } .fa-jira { --fa: "\f7b1"; } .fa-mendeley { --fa: "\f7b3"; } .fa-raspberry-pi { --fa: "\f7bb"; } .fa-redhat { --fa: "\f7bc"; } .fa-sketch { --fa: "\f7c6"; } .fa-sourcetree { --fa: "\f7d3"; } .fa-suse { --fa: "\f7d6"; } .fa-ubuntu { --fa: "\f7df"; } .fa-ups { --fa: "\f7e0"; } .fa-usps { --fa: "\f7e1"; } .fa-yarn { --fa: "\f7e3"; } .fa-airbnb { --fa: "\f834"; } .fa-battle-net { --fa: "\f835"; } .fa-bootstrap { --fa: "\f836"; } .fa-buffer { --fa: "\f837"; } .fa-chromecast { --fa: "\f838"; } .fa-evernote { --fa: "\f839"; } .fa-itch-io { --fa: "\f83a"; } .fa-salesforce { --fa: "\f83b"; } .fa-speaker-deck { --fa: "\f83c"; } .fa-symfony { --fa: "\f83d"; } .fa-waze { --fa: "\f83f"; } .fa-yammer { --fa: "\f840"; } .fa-git-alt { --fa: "\f841"; } .fa-stackpath { --fa: "\f842"; } .fa-cotton-bureau { --fa: "\f89e"; } .fa-buy-n-large { --fa: "\f8a6"; } .fa-mdb { --fa: "\f8ca"; } .fa-orcid { --fa: "\f8d2"; } .fa-swift { --fa: "\f8e1"; } .fa-umbraco { --fa: "\f8e8"; }:root, :host { --fa-family-classic: 'Font Awesome 7 Free'; --fa-font-regular: normal 400 1em/1 var(--fa-family-classic); /* deprecated: this older custom property will be removed next major release */ --fa-style-family-classic: var(--fa-family-classic); } @font-face { font-family: "Font Awesome 7 Free"; font-style: normal; font-weight: 400; font-display: block; src: url(/assets/fa7/fa-regular-400-896c3ca9d34b690912782fbc3ee45e7d5b539976e0535bc54809db1ebff7b88c.woff2); } .far { --fa-family: var(--fa-family-classic); --fa-style: 400; } .fa-classic { --fa-family: var(--fa-family-classic); } .fa-regular { --fa-style: 400; }:root, :host { --fa-family-classic: 'Font Awesome 7 Free'; --fa-font-solid: normal 900 1em/1 var(--fa-family-classic); /* deprecated: this older custom property will be removed next major release */ --fa-style-family-classic: var(--fa-family-classic); } @font-face { font-family: "Font Awesome 7 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(/assets/fa7/fa-solid-900-caf247d6fb3d41b05bbdd623b627639ed9e76b1204d99f85d26f3cb589559101.woff2); } .fas { --fa-family: var(--fa-family-classic); --fa-style: 900; } .fa-classic { --fa-family: var(--fa-family-classic); } .fa-solid { --fa-style: 900; }@font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url(/assets/fa7/fa-brands-400-d021aea486533f52f184ee071234522ef6aac85d88fff2a4d76098d5f9b106d9.woff2) format("woff2"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url(/assets/fa7/fa-solid-900-caf247d6fb3d41b05bbdd623b627639ed9e76b1204d99f85d26f3cb589559101.woff2) format("woff2"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url(/assets/fa7/fa-regular-400-896c3ca9d34b690912782fbc3ee45e7d5b539976e0535bc54809db1ebff7b88c.woff2) format("woff2"); }@font-face { font-family: "FontAwesome"; font-display: block; src: url(/assets/fa7/fa-solid-900-caf247d6fb3d41b05bbdd623b627639ed9e76b1204d99f85d26f3cb589559101.woff2) format("woff2"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/assets/fa7/fa-brands-400-d021aea486533f52f184ee071234522ef6aac85d88fff2a4d76098d5f9b106d9.woff2) format("woff2"); } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/assets/fa7/fa-regular-400-896c3ca9d34b690912782fbc3ee45e7d5b539976e0535bc54809db1ebff7b88c.woff2) format("woff2"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; } @font-face { font-family: "FontAwesome"; font-display: block; src: url(/assets/fa7/fa-v4compatibility-268e36e04c427c436eafa410b46c8037f21e1dce2ffae15a6a056f21db4cc2bf.woff2) format("woff2"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; } /*! * Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2026 Fonticons, Inc. */ :root, :host { --fa-font-solid: normal 900 1em/1 'Font Awesome 7 Free'; --fa-font-regular: normal 400 1em/1 'Font Awesome 7 Free'; --fa-font-light: normal 300 1em/1 'Font Awesome 7 Pro'; --fa-font-thin: normal 100 1em/1 'Font Awesome 7 Pro'; --fa-font-duotone: normal 900 1em/1 'Font Awesome 7 Duotone'; --fa-font-duotone-regular: normal 400 1em/1 'Font Awesome 7 Duotone'; --fa-font-duotone-light: normal 300 1em/1 'Font Awesome 7 Duotone'; --fa-font-duotone-thin: normal 100 1em/1 'Font Awesome 7 Duotone'; --fa-font-brands: normal 400 1em/1 'Font Awesome 7 Brands'; --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 7 Sharp'; --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 7 Sharp'; --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 7 Sharp'; --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 7 Sharp'; --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 7 Sharp Duotone'; --fa-font-sharp-duotone-regular: normal 400 1em/1 'Font Awesome 7 Sharp Duotone'; --fa-font-sharp-duotone-light: normal 300 1em/1 'Font Awesome 7 Sharp Duotone'; --fa-font-sharp-duotone-thin: normal 100 1em/1 'Font Awesome 7 Sharp Duotone'; --fa-font-slab-regular: normal 400 1em/1 'Font Awesome 7 Slab'; --fa-font-slab-press-regular: normal 400 1em/1 'Font Awesome 7 Slab Press'; --fa-font-slab-duo-regular: normal 400 1em/1 'Font Awesome 7 Slab Duo'; --fa-font-slab-press-duo-regular: normal 400 1em/1 'Font Awesome 7 Slab Press Duo'; --fa-font-pixel-regular: normal 400 1em/1 'Font Awesome 7 Pixel'; --fa-font-mosaic-solid: normal 900 1em/1 'Font Awesome 7 Mosaic'; --fa-font-vellum-solid: normal 900 1em/1 'Font Awesome 7 Vellum'; --fa-font-whiteboard-semibold: normal 600 1em/1 'Font Awesome 7 Whiteboard'; --fa-font-thumbprint-light: normal 300 1em/1 'Font Awesome 7 Thumbprint'; --fa-font-notdog-solid: normal 900 1em/1 'Font Awesome 7 Notdog'; --fa-font-notdog-duo-solid: normal 900 1em/1 'Font Awesome 7 Notdog Duo'; --fa-font-etch-solid: normal 900 1em/1 'Font Awesome 7 Etch'; --fa-font-graphite-thin: normal 100 1em/1 'Font Awesome 7 Graphite'; --fa-font-jelly-regular: normal 400 1em/1 'Font Awesome 7 Jelly'; --fa-font-jelly-fill-regular: normal 400 1em/1 'Font Awesome 7 Jelly Fill'; --fa-font-jelly-duo-regular: normal 400 1em/1 'Font Awesome 7 Jelly Duo'; --fa-font-chisel-regular: normal 400 1em/1 'Font Awesome 7 Chisel'; --fa-font-utility-semibold: normal 600 1em/1 'Font Awesome 7 Utility'; --fa-font-utility-duo-semibold: normal 600 1em/1 'Font Awesome 7 Utility Duo'; --fa-font-utility-fill-semibold: normal 600 1em/1 'Font Awesome 7 Utility Fill'; } .svg-inline--fa { box-sizing: content-box; display: var(--fa-display, inline-block); height: 1em; overflow: visible; vertical-align: -0.125em; width: var(--fa-width, 1.25em); } .svg-inline--fa.fa-2xs { vertical-align: 0.1em; } .svg-inline--fa.fa-xs { vertical-align: 0em; } .svg-inline--fa.fa-sm { vertical-align: -0.0714285714em; } .svg-inline--fa.fa-lg { vertical-align: -0.2em; } .svg-inline--fa.fa-xl { vertical-align: -0.25em; } .svg-inline--fa.fa-2xl { vertical-align: -0.3125em; } .svg-inline--fa.fa-pull-left, .svg-inline--fa .fa-pull-start { float: inline-start; -webkit-margin-end: var(--fa-pull-margin, 0.3em); -moz-margin-end: var(--fa-pull-margin, 0.3em); margin-inline-end: var(--fa-pull-margin, 0.3em); } .svg-inline--fa.fa-pull-right, .svg-inline--fa .fa-pull-end { float: inline-end; -webkit-margin-start: var(--fa-pull-margin, 0.3em); -moz-margin-start: var(--fa-pull-margin, 0.3em); margin-inline-start: var(--fa-pull-margin, 0.3em); } .svg-inline--fa.fa-li { width: var(--fa-li-width, 2em); inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); inset-block-start: 0.25em; /* syncing vertical alignment with Web Font rendering */ } .fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; } .fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: var(--fa-width, 1.25em); } .fa-layers .svg-inline--fa { inset: 0; margin: auto; position: absolute; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .fa-layers-text { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .fa-layers-counter { background-color: var(--fa-counter-background-color, #ff253a); border-radius: var(--fa-counter-border-radius, 1em); box-sizing: border-box; color: var(--fa-inverse, #fff); line-height: var(--fa-counter-line-height, 1); max-width: var(--fa-counter-max-width, 5em); min-width: var(--fa-counter-min-width, 1.5em); overflow: hidden; padding: var(--fa-counter-padding, 0.25em 0.5em); right: var(--fa-right, 0); text-overflow: ellipsis; top: var(--fa-top, 0); -webkit-transform: scale(var(--fa-counter-scale, 0.25)); -ms-transform: scale(var(--fa-counter-scale, 0.25)); transform: scale(var(--fa-counter-scale, 0.25)); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .fa-layers-bottom-right { bottom: var(--fa-bottom, 0); right: var(--fa-right, 0); top: auto; -webkit-transform: scale(var(--fa-layers-scale, 0.25)); -ms-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } .fa-layers-bottom-left { bottom: var(--fa-bottom, 0); left: var(--fa-left, 0); right: auto; top: auto; -webkit-transform: scale(var(--fa-layers-scale, 0.25)); -ms-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .fa-layers-top-right { top: var(--fa-top, 0); right: var(--fa-right, 0); -webkit-transform: scale(var(--fa-layers-scale, 0.25)); -ms-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .fa-layers-top-left { left: var(--fa-left, 0); right: auto; top: var(--fa-top, 0); -webkit-transform: scale(var(--fa-layers-scale, 0.25)); -ms-transform: scale(var(--fa-layers-scale, 0.25)); transform: scale(var(--fa-layers-scale, 0.25)); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xs { font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-sm { font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-lg { font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-xl { font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-2xl { font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */ line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */ vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */ } .fa-width-auto { --fa-width: auto; } .fa-fw, .fa-width-fixed { --fa-width: 1.25em; } .fa-canvas-square { padding-block: 0.125em; -webkit-margin-after: -0.125em; margin-block-end: -0.125em; } .fa-canvas-roomy { padding-block: 0.25em; padding-inline: 0.125em; -webkit-margin-after: -0.25em; margin-block-end: -0.25em; box-sizing: content-box; } .fa-ul { list-style-type: none; -webkit-margin-start: var(--fa-li-margin, 2.5em); -moz-margin-start: var(--fa-li-margin, 2.5em); margin-inline-start: var(--fa-li-margin, 2.5em); -webkit-padding-start: 0; -moz-padding-start: 0; padding-inline-start: 0; } .fa-ul > li { position: relative; } .fa-li { inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } /* Heads Up: Bordered Icons will not be supported in the future! - This feature will be deprecated in the next major release of Font Awesome (v8)! - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8. */ /* Notes: * --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size) * --@{v.$css-prefix}-border-padding = ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment) ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon) */ .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.0625em); box-sizing: var(--fa-border-box-sizing, content-box); padding: var(--fa-border-padding, 0.1875em 0.25em); } .fa-pull-left, .fa-pull-start { float: inline-start; -webkit-margin-end: var(--fa-pull-margin, 0.3em); -moz-margin-end: var(--fa-pull-margin, 0.3em); margin-inline-end: var(--fa-pull-margin, 0.3em); } .fa-pull-right, .fa-pull-end { float: inline-end; -webkit-margin-start: var(--fa-pull-margin, 0.3em); -moz-margin-start: var(--fa-pull-margin, 0.3em); margin-inline-start: var(--fa-pull-margin, 0.3em); } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1.5s); animation-duration: var(--fa-animation-duration, 1.5s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-flip-360 { -webkit-animation-name: fa-flip-360; animation-name: fa-flip-360; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.75s); animation-duration: var(--fa-animation-duration, 0.75s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2s); animation-duration: var(--fa-animation-duration, 2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); animation-timing-function: var(--fa-animation-timing, steps(8)); } .fa-spin-snap { -webkit-animation-name: fa-spin-snap; animation-name: fa-spin-snap; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 3s); animation-duration: var(--fa-animation-duration, 3s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-snap-4 { -webkit-animation-name: fa-spin-snap-4; animation-name: fa-spin-snap-4; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2.4s); animation-duration: var(--fa-animation-duration, 2.4s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-snap-8 { -webkit-animation-name: fa-spin-snap-8; animation-name: fa-spin-snap-8; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 4s); animation-duration: var(--fa-animation-duration, 4s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-buzz { -webkit-animation-name: fa-buzz; animation-name: fa-buzz; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.6s); animation-duration: var(--fa-animation-duration, 0.6s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-wag { -webkit-animation-name: fa-wag; animation-name: fa-wag; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.9s); animation-duration: var(--fa-animation-duration, 0.9s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-out); animation-timing-function: var(--fa-animation-timing, ease-out); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .fa-float { -webkit-animation-name: fa-float; animation-name: fa-float; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 3s); animation-duration: var(--fa-animation-duration, 3s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); will-change: transform; } .fa-swing { -webkit-animation-name: fa-swing; animation-name: fa-swing; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1.2s); animation-duration: var(--fa-animation-duration, 1.2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-out); animation-timing-function: var(--fa-animation-timing, ease-out); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .fa-jello { -webkit-animation-name: fa-jello; animation-name: fa-jello; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 0.9s); animation-duration: var(--fa-animation-duration, 0.9s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-out); animation-timing-function: var(--fa-animation-timing, ease-out); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-flip-360, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse, .fa-buzz, .fa-float, .fa-jello, .fa-spin-snap, .fa-spin-snap-4, .fa-spin-snap-8, .fa-swing, .fa-wag { -webkit-animation: none !important; animation: none !important; -webkit-transition: none !important; transition: none !important; } } @keyframes fa-beat { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); } 45% { -webkit-transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22))); transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22))); } 65% { -webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25))); } 90% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); -webkit-animation-timing-function: var(--fa-animation-timing); animation-timing-function: var(--fa-animation-timing); } 14% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px)); transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 32% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em))); transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em))); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 52% { -webkit-transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1)); transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1)); -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 70% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0); -webkit-animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1); } 85% { -webkit-transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1))); transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 40% { opacity: var(--fa-fade-opacity, 0.4); -webkit-transform: scale(0.98); transform: scale(0.98); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fa-beat-fade { 0% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 25% { opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4); -webkit-transform: scale(var(--fa-beat-fade-scale, 1.28)); transform: scale(var(--fa-beat-fade-scale, 1.28)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 45% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.25)); transform: scale(var(--fa-beat-fade-scale, 1.25)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 65% { opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4); -webkit-transform: scale(var(--fa-beat-fade-scale, 1.28)); transform: scale(var(--fa-beat-fade-scale, 1.28)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } } @keyframes fa-flip { 0% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 8% { -webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 35% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 65% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5)); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 92% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); } } @keyframes fa-flip-360 { 0% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1); } 8% { -webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 50% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6)); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 80% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04))); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg)); } } @keyframes fa-shake { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 8% { -webkit-transform: rotate(35deg) translateX(1px); transform: rotate(35deg) translateX(1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 20% { -webkit-transform: rotate(-22deg) translateX(-1px); transform: rotate(-22deg) translateX(-1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 35% { -webkit-transform: rotate(15deg) translateX(1px); transform: rotate(15deg) translateX(1px); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 50% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 65% { -webkit-transform: rotate(5deg); transform: rotate(5deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 78% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 90% { -webkit-transform: rotate(1deg); transform: rotate(1deg); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin-snap { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 12% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 16.67% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 28.67% { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 33.33% { -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 45.33% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 62% { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 66.67% { -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 78.67% { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 83.33% { -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 95.33% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin-snap-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 15% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 40% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 65% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 90% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin-snap-8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 9% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 12.5% { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 21.5% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 34% { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 37.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 46.5% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 59% { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 62.5% { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 71.5% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 84% { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 87.5% { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } 96.5% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-buzz { 0% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1); animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1); } 5% { -webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg); transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg); } 10% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg); } 15% { -webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg); transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg); } 20% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg); } 25% { -webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg); transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg); } 30% { -webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg); transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg); } 35% { -webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg); transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg); } 40% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } 100% { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); } } @keyframes fa-wag { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 12% { -webkit-transform: rotate(var(--fa-wag-angle, 12deg)); transform: rotate(var(--fa-wag-angle, 12deg)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 24% { -webkit-transform: rotate(2deg); transform: rotate(2deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 36% { -webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85)); transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 48% { -webkit-transform: rotate(1deg); transform: rotate(1deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1); } 58% { -webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6)); transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 68% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-float { 0% { -webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 15% { -webkit-transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1); transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 35% { -webkit-transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03)); transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03)); -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0); animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0); } 50% { -webkit-transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01); transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33); } 70% { -webkit-transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1); transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); } 90% { -webkit-transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); -webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1); } 100% { -webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98)); } } @keyframes fa-swing { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 8% { -webkit-transform: rotate(var(--fa-swing-angle, 22deg)); transform: rotate(var(--fa-swing-angle, 22deg)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 18% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 28% { -webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65)); transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65)); -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1); } 38% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 48% { -webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25)); transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 56% { -webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1)); transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 64% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-jello { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1); } 12% { -webkit-transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15))); transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15))); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 24% { -webkit-transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12)); transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12)); -webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1); } 36% { -webkit-transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5))); transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5))); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 48% { -webkit-transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)); transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1); } 58% { -webkit-transform: scale(1.02, 0.98); transform: scale(1.02, 0.98); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 68% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle, 0)); -ms-transform: rotate(var(--fa-rotate-angle, 0)); transform: rotate(var(--fa-rotate-angle, 0)); } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; } .svg-inline--fa.fa-inverse { fill: var(--fa-inverse, #fff); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-inverse { color: var(--fa-inverse, #fff); } .svg-inline--fa.fa-stack-1x { --fa-width: 1.25em; height: 1em; width: var(--fa-width); } .svg-inline--fa.fa-stack-2x { --fa-width: 2.5em; height: 2em; width: var(--fa-width); } .fa-stack-1x, .fa-stack-2x { inset: 0; margin: auto; position: absolute; z-index: var(--fa-stack-z-index, auto); } /* */ .fa5-text { padding-left: 5px; } .fa5-text-r { padding-right: 5px; } /*! * Bootstrap v5.3.8 (https://getbootstrap.com/) * Copyright 2011-2025 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button { cursor: pointer; -webkit-filter: grayscale(1); filter: grayscale(1); } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-weight: 300; line-height: 1.2; font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-weight: 300; line-height: 1.2; font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-weight: 300; line-height: 1.2; font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-weight: 300; line-height: 1.2; font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-weight: 300; line-height: 1.2; font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .row-cols-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .row-cols-sm-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .row-cols-md-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .row-cols-lg-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .row-cols-xl-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .row-cols-xxl-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-webkit-input-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:-ms-input-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::-ms-input-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; -moz-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; -moz-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; -moz-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { -webkit-transition: none; transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; -webkit-filter: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; -webkit-transition: background-position 0.15s ease-in-out; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { -webkit-transition: none; transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; -webkit-filter: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.75rem; overflow: hidden; color: rgba(var(--bs-body-color-rgb), 0.65); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { -webkit-transition: none; transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::-webkit-input-placeholder, .form-floating > .form-control-plaintext::-webkit-input-placeholder { color: transparent; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder { color: transparent; } .form-floating > .form-control::-ms-input-placeholder, .form-floating > .form-control-plaintext::-ms-input-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; } .form-floating > .form-control:not(:-moz-placeholder) ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); -ms-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > textarea:not(:-moz-placeholder) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:not(:-ms-input-placeholder) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--bs-border-width)); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; -webkit-transition: width 0.35s ease; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { -webkit-transition: none; transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(-1 * var(--bs-border-width)); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(-1 * var(--bs-border-width)); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { -webkit-transition: none; transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); -webkit-transition: var(--bs-navbar-toggler-transition); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { -webkit-transition: none; transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) > .card-img-top, .card-group > .card:not(:last-child) > .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .card:not(:last-child) > .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) > .card-img-top, .card-group > .card:not(:first-child) > .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .card:not(:first-child) > .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; -webkit-transition: var(--bs-accordion-transition); transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { -webkit-transition: none; transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); -webkit-transform: var(--bs-accordion-btn-icon-transform); -ms-transform: var(--bs-accordion-btn-icon-transform); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); -webkit-transition: var(--bs-accordion-btn-icon-transition); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { -webkit-transition: none; transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { -webkit-transition: none; transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(-1 * var(--bs-border-width)); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: var(--bs-progress-height); } } @keyframes progress-bar-stripes { 0% { background-position-x: var(--bs-progress-height); } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); -webkit-transition: var(--bs-progress-bar-transition); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; transition: none; } } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:not(.active):active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; -webkit-filter: var(--bs-btn-close-filter); filter: var(--bs-btn-close-filter); border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } :root, [data-bs-theme=light] { --bs-btn-close-filter: ; } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; -ms-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { -webkit-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; -webkit-filter: var(--bs-carousel-control-icon-filter); filter: var(--bs-carousel-control-icon-filter); border: 0; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: var(--bs-carousel-indicator-active-bg); background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { -webkit-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: var(--bs-carousel-caption-color); text-align: center; } .carousel-dark { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } :root, [data-bs-theme=light] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: ; } [data-bs-theme=dark] { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } .spinner-grow, .spinner-border { display: inline-block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */; } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { -webkit-transition: none; transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { -webkit-transition: none; transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { -webkit-transition: none; transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { -webkit-transition: none; transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { -webkit-transition: none; transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; -webkit-transition: var(--bs-offcanvas-transition); transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { -webkit-transition: none; transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { -webkit-transform: none; -ms-transform: none; transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-left: auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { -webkit-animation: placeholder-glow 2s ease-in-out infinite; animation: placeholder-glow 2s ease-in-out infinite; } @-webkit-keyframes placeholder-glow { 50% { opacity: 0.2; } } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: -webkit-linear-gradient(320deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; -webkit-animation: placeholder-wave 2s linear infinite; animation: placeholder-wave 2s linear infinite; } @-webkit-keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; -moz-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 0.375rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); -moz-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .icon-link > .bi { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; -webkit-transition: 0.2s ease-in-out transform; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { -webkit-transition: none; transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { -webkit-transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .vstack { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .translate-middle-x { -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .translate-middle-y { -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; -webkit-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; -webkit-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; -webkit-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; -webkit-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; -webkit-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; -webkit-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; -moz-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; -moz-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-sm-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-sm-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-sm-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-sm-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-sm-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-sm-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-sm-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-sm-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-sm-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; -webkit-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; -webkit-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; -webkit-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; -webkit-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; -webkit-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; -webkit-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-md-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-md-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-md-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-md-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-md-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-md-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-md-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-md-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-md-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; -webkit-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; -webkit-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; -webkit-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; -webkit-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; -webkit-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; -webkit-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-lg-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-lg-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-lg-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-lg-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-lg-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-lg-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-lg-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-lg-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-lg-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; -webkit-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; -webkit-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; -webkit-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; -webkit-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; -webkit-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; -webkit-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xl-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xl-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xl-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xl-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xl-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xl-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xl-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xl-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xl-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; -webkit-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; -webkit-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; -webkit-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; -webkit-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; -webkit-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; -webkit-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xxl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xxl-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xxl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xxl-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xxl-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xxl-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xxl-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xxl-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xxl-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xxl-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xxl-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; -webkit-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; -webkit-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; -webkit-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; -webkit-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; -webkit-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; -webkit-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .d-print-none { display: none !important; } } /* Bootstrap Glyphicons icon-only subset, MIT; see adjacent LICENSE.txt. */ @font-face { font-family: "Glyphicons Halflings"; src: url(/assets/bootstrap/glyphicons-halflings-regular-0805fb1fe24235f70a639f67514990e4bfb6d2cfb00ca563ad4b553c240ddc33.eot); src: url(/assets/bootstrap/glyphicons-halflings-regular-0805fb1fe24235f70a639f67514990e4bfb6d2cfb00ca563ad4b553c240ddc33.eot?#iefix) format("embedded-opentype"), url(/assets/bootstrap/glyphicons-halflings-regular-403acfcf0cbaebd1c28b404eec442cea53642644b3a73f91c5a4ab46859af772.woff2) format("woff2"), url(/assets/bootstrap/glyphicons-halflings-regular-0703369a358a012c0011843ae337a8a20270c336948a8668df5cb89a8827299b.woff) format("woff"), url(/assets/bootstrap/glyphicons-halflings-regular-7c9caa5f4e16169b0129fdf93c84e85ad14d6c107eb1b0ad60b542daf01ee1f0.ttf) format("truetype"), url(/assets/bootstrap/glyphicons-halflings-regular-22d0c88a49d7d0ebe45627143a601061a32a46a9b9afd2dc7f457436f5f15f6e.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .glyphicon-chevron-right { right: 50%; margin-right: -10px; } /* line 3, app/assets/stylesheets/bootstrap_legacy_layout.scss */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; } /* line 4, app/assets/stylesheets/bootstrap_legacy_layout.scss */ h1, .h1 { font-size: 36px; } /* line 4, app/assets/stylesheets/bootstrap_legacy_layout.scss */ h2, .h2 { font-size: 30px; } /* line 4, app/assets/stylesheets/bootstrap_legacy_layout.scss */ h3, .h3 { font-size: 24px; } /* line 5, app/assets/stylesheets/bootstrap_legacy_layout.scss */ h4, .h4 { font-size: 18px; } /* line 5, app/assets/stylesheets/bootstrap_legacy_layout.scss */ h5, .h5 { font-size: 14px; } /* line 5, app/assets/stylesheets/bootstrap_legacy_layout.scss */ h6, .h6 { font-size: 12px; } /* line 6, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .row { --bs-gutter-x: 30px; } /* line 7, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .container { width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } /* line 8, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { /* line 9, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .container { width: 750px; } } @media (min-width: 992px) { /* line 10, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .container { width: 970px; } } @media (min-width: 1200px) { /* line 11, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .container { width: 1170px; } } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-1 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-2 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-3 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-4 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-5 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-6 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-7 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-8 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-9 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-10 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-11 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-12 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-1 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-2 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-3 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-4 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-5 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-6 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-7 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-8 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-9 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-10 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-11 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-12 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-1 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-2 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-3 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-4 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-5 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-6 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-7 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-8 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-9 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-10 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-11 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-12 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-1 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-2 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-3 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-4 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-5 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-6 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-7 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-8 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-9 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-10 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-11 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 14, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-12 { position: relative; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-1 { width: 8.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-2 { width: 16.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-3 { width: 25%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-4 { width: 33.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-5 { width: 41.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-6 { width: 50%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-7 { width: 58.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-8 { width: 66.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-9 { width: 75%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-10 { width: 83.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-11 { width: 91.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-12 { width: 100%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-0 { margin-left: 0%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-0 { left: 0%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-0 { right: 0%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-1 { margin-left: 8.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-1 { left: 8.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-1 { right: 8.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-2 { margin-left: 16.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-2 { left: 16.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-2 { right: 16.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-3 { margin-left: 25%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-3 { left: 25%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-3 { right: 25%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-4 { margin-left: 33.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-4 { left: 33.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-4 { right: 33.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-5 { margin-left: 41.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-5 { left: 41.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-5 { right: 41.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-6 { margin-left: 50%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-6 { left: 50%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-6 { right: 50%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-7 { margin-left: 58.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-7 { left: 58.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-7 { right: 58.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-8 { margin-left: 66.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-8 { left: 66.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-8 { right: 66.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-9 { margin-left: 75%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-9 { left: 75%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-9 { right: 75%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-10 { margin-left: 83.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-10 { left: 83.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-10 { right: 83.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-11 { margin-left: 91.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-11 { left: 91.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-11 { right: 91.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-offset-12 { margin-left: 100%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-push-12 { left: 100%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-xs-pull-12 { right: 100%; } @media (min-width: 768px) { /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-1 { width: 8.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-2 { width: 16.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-3 { width: 25%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-4 { width: 33.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-5 { width: 41.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-6 { width: 50%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-7 { width: 58.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-8 { width: 66.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-9 { width: 75%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-10 { width: 83.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-11 { width: 91.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-12 { width: 100%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-0 { margin-left: 0%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-0 { left: 0%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-0 { right: 0%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-1 { margin-left: 8.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-1 { left: 8.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-1 { right: 8.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-2 { margin-left: 16.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-2 { left: 16.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-2 { right: 16.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-3 { margin-left: 25%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-3 { left: 25%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-3 { right: 25%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-4 { margin-left: 33.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-4 { left: 33.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-4 { right: 33.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-5 { margin-left: 41.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-5 { left: 41.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-5 { right: 41.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-6 { margin-left: 50%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-6 { left: 50%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-6 { right: 50%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-7 { margin-left: 58.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-7 { left: 58.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-7 { right: 58.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-8 { margin-left: 66.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-8 { left: 66.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-8 { right: 66.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-9 { margin-left: 75%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-9 { left: 75%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-9 { right: 75%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-10 { margin-left: 83.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-10 { left: 83.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-10 { right: 83.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-11 { margin-left: 91.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-11 { left: 91.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-11 { right: 91.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-offset-12 { margin-left: 100%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-push-12 { left: 100%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-sm-pull-12 { right: 100%; } } @media (min-width: 992px) { /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-1 { width: 8.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-2 { width: 16.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-3 { width: 25%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-4 { width: 33.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-5 { width: 41.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-6 { width: 50%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-7 { width: 58.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-8 { width: 66.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-9 { width: 75%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-10 { width: 83.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-11 { width: 91.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-12 { width: 100%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-0 { margin-left: 0%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-0 { left: 0%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-0 { right: 0%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-1 { margin-left: 8.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-1 { left: 8.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-1 { right: 8.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-2 { margin-left: 16.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-2 { left: 16.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-2 { right: 16.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-3 { margin-left: 25%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-3 { left: 25%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-3 { right: 25%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-4 { margin-left: 33.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-4 { left: 33.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-4 { right: 33.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-5 { margin-left: 41.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-5 { left: 41.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-5 { right: 41.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-6 { margin-left: 50%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-6 { left: 50%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-6 { right: 50%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-7 { margin-left: 58.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-7 { left: 58.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-7 { right: 58.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-8 { margin-left: 66.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-8 { left: 66.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-8 { right: 66.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-9 { margin-left: 75%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-9 { left: 75%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-9 { right: 75%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-10 { margin-left: 83.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-10 { left: 83.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-10 { right: 83.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-11 { margin-left: 91.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-11 { left: 91.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-11 { right: 91.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-offset-12 { margin-left: 100%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-push-12 { left: 100%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-md-pull-12 { right: 100%; } } @media (min-width: 1200px) { /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-1 { width: 8.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-2 { width: 16.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-3 { width: 25%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-4 { width: 33.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-5 { width: 41.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-6 { width: 50%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-7 { width: 58.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-8 { width: 66.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-9 { width: 75%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-10 { width: 83.3333333333%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-11 { width: 91.6666666667%; } /* line 19, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-12 { width: 100%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-0 { margin-left: 0%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-0 { left: 0%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-0 { right: 0%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-1 { margin-left: 8.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-1 { left: 8.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-1 { right: 8.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-2 { margin-left: 16.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-2 { left: 16.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-2 { right: 16.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-3 { margin-left: 25%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-3 { left: 25%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-3 { right: 25%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-4 { margin-left: 33.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-4 { left: 33.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-4 { right: 33.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-5 { margin-left: 41.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-5 { left: 41.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-5 { right: 41.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-6 { margin-left: 50%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-6 { left: 50%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-6 { right: 50%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-7 { margin-left: 58.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-7 { left: 58.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-7 { right: 58.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-8 { margin-left: 66.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-8 { left: 66.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-8 { right: 66.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-9 { margin-left: 75%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-9 { left: 75%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-9 { right: 75%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-10 { margin-left: 83.3333333333%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-10 { left: 83.3333333333%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-10 { right: 83.3333333333%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-11 { margin-left: 91.6666666667%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-11 { left: 91.6666666667%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-11 { right: 91.6666666667%; } /* line 22, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-offset-12 { margin-left: 100%; } /* line 23, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-push-12 { left: 100%; } /* line 24, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .col-lg-pull-12 { right: 100%; } } /* line 31, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn { font-size: 14px; padding: 6px 12px; line-height: 1.42857143; border-radius: 4px; } /* line 32, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-default { color: #333; background-color: #fff; border: 1px solid #ccc; } /* line 33, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-default:hover, .btn-default:focus { color: #333; background: #e6e6e6; border-color: #adadad; } /* line 34, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-xs { padding: 1px 5px; font-size: 12px; border-radius: 3px; } /* line 35, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-sm { padding: 5px 10px; font-size: 12px; } /* line 36, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } /* line 37, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-primary { --bs-btn-bg: #337ab7; --bs-btn-border-color: #2e6da4; --bs-btn-hover-bg: #286090; } /* line 38, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-success { --bs-btn-bg: #5cb85c; --bs-btn-border-color: #4cae4c; } /* line 39, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-info { --bs-btn-bg: #5bc0de; --bs-btn-border-color: #46b8da; --bs-btn-color: white; } /* line 40, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-warning { --bs-btn-bg: #f0ad4e; --bs-btn-border-color: #eea236; --bs-btn-color: white; } /* line 41, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .btn-danger { --bs-btn-bg: #d9534f; --bs-btn-border-color: #d43f3a; } /* line 42, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .form-control { height: 34px; padding: 6px 12px; font-size: 14px; border-color: #ccc; border-radius: 4px; } /* line 43, app/assets/stylesheets/bootstrap_legacy_layout.scss */ textarea.form-control { height: auto; } /* line 44, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .form-group { margin-bottom: 15px; } /* line 45, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .form-horizontal .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } /* line 46, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .control-label { font-weight: bold; } /* line 47, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } /* line 48, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .has-error .form-control { border-color: #a94442; } /* line 48, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .has-error .help-block { color: #a94442; } /* line 49, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .input-group-addon, .input-group-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } /* line 50, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .input-group-addon { padding: 6px 12px; border: 1px solid #ccc; background: #eee; border-radius: 4px; } /* line 51, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .input-group-btn .btn { height: 34px; } /* line 52, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; } /* line 53, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; } @media (min-width: 768px) { /* line 55, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } /* line 56, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } } /* line 58, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .checkbox, .radio { position: relative; display: block; margin: 10px 0; } /* line 59, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .checkbox label, .radio label { padding-left: 20px; font-weight: normal; } /* line 60, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .checkbox input[type=checkbox], .radio input[type=radio] { margin-left: -20px; margin-right: 5px; } /* line 61, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel { margin-bottom: 20px; background: #fff; border: 1px solid #ddd; border-radius: 4px; } /* line 62, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-heading { padding: 10px 15px; background: #f5f5f5; border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; } /* line 63, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-body { padding: 15px; } /* line 63, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-footer { padding: 10px 15px; background: #f5f5f5; border-top: 1px solid #ddd; } /* line 64, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-title { margin: 0; font-size: 16px; } /* line 64, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-primary > .panel-heading { background: #337ab7; color: white; } /* line 65, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-info > .panel-heading { color: #31708f; background: #d9edf7; border-color: #bce8f1; } /* line 66, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-success > .panel-heading { color: #3c763d; background: #dff0d8; border-color: #d6e9c6; } /* line 67, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-warning > .panel-heading { color: #8a6d3b; background: #fcf8e3; border-color: #faebcc; } /* line 68, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .panel-danger > .panel-heading { color: #a94442; background: #f2dede; border-color: #ebccd1; } /* line 69, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; } /* line 70, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .pull-right { float: right !important; } /* line 70, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .pull-left { float: left !important; } /* line 71, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .hidden { display: none !important; } /* line 71, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .center-block { display: block; margin-left: auto; margin-right: auto; } /* line 72, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .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; } /* line 73, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .text-right { text-align: right !important; } /* line 73, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .text-left { text-align: left !important; } /* line 74, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; color: #fff; border-radius: .25em; } /* line 75, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label-default { background: #777; } /* line 75, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label-success { background: #5cb85c; } /* line 75, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label-danger { background: #d9534f; } /* line 76, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label-primary { background: #337ab7; } /* line 76, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label-warning { background: #f0ad4e; } /* line 76, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .label-info { background: #5bc0de; } /* line 77, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .close { margin-left: auto; float: right; padding: 0; background: transparent; border: 0; font-size: 21px; font-weight: bold; line-height: 1; opacity: .5; } /* line 78, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .modal-header { display: block; } /* line 78, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .modal-footer { display: block; text-align: right; } /* line 79, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .collapse.in:not(.show) { display: block; } /* line 80, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .dropdown-menu > li > a { display: block; padding: 3px 20px; color: #333; text-decoration: none; white-space: nowrap; } /* line 81, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .dropdown-menu > li > a:hover { background: #f5f5f5; } /* line 82, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background: #e5e5e5; } /* line 83, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .img-responsive { display: block; max-width: 100%; height: auto; } /* line 83, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .img-rounded { border-radius: 6px; } /* line 83, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .img-circle { border-radius: 50%; } /* line 84, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .thumbnail { display: block; padding: 4px; margin-bottom: 20px; background: #fff; border: 1px solid #ddd; border-radius: 4px; } /* line 85, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } /* line 86, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .dropdown-toggle > .caret { display: none; } /* line 87, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .pagination > li > a, .pagination > li > span { display: block; padding: 6px 12px; color: #337ab7; background: #fff; border: 1px solid #ddd; margin-left: -1px; text-decoration: none; } /* line 88, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .pagination > .active > a, .pagination > .active > span { color: white; background: #337ab7; } /* line 89, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .pagination > .disabled > a, .pagination > .disabled > span { color: #777; cursor: not-allowed; } /* line 90, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .table-condensed > :not(caption) > * > * { padding: 5px; } /* line 91, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .table > :not(caption) > * > * { background-color: transparent; } @media (max-width: 767px) { /* line 92, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { /* line 93, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { /* line 94, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .hidden-md { display: none !important; } } @media (min-width: 1200px) { /* line 95, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .hidden-lg { display: none !important; } } @media print { /* line 96, app/assets/stylesheets/bootstrap_legacy_layout.scss */ .hidden-print { display: none !important; } } .dm-editable-popup { z-index: 1080; display: none; min-width: 160px; max-width: calc(100vw - 8px); padding: 1px; background: white; color: #333; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,.2); font-size: 14px; } .dm-editable-title { padding: 8px 14px; border-bottom: 1px solid #ebebeb; background: #f7f7f7; border-radius: 5px 5px 0 0; font-size: 14px; } .dm-editable-body { padding: 9px 14px; } /*! * Bootstrap Datetime Picker v4.17.49 * Copyright 2015-2020 Jonathan Peterson * Licensed under MIT (https://github.com/Eonasdan/bootstrap-datetimepicker/blob/master/LICENSE) */ .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: 0.8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #777777; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .daterangepicker .dm-date-range-inputs { display: none; gap: 8px; padding: 8px; border-bottom: 1px solid #ddd; } .daterangepicker.show-calendar .dm-date-range-inputs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .daterangepicker .dm-date-range-inputs label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; margin: 0; font-size: 12px; } .daterangepicker .dm-date-range-inputs input { width: 100%; min-width: 0; padding: 3px 6px; border: 1px solid #ccc; border-radius: 3px; font: inherit; } /*! X-editable - v1.5.1 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ /* line 5, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } /* line 9, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } /* BS3 width:1005 for inputs breaks editable form in popup See: https://github.com/vitalets/x-editable/issues/393 */ /* line 19, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editableform .form-control { width: auto; } /* line 23, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } /* line 32, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } /* line 38, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } /* line 48, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ /* line 53, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } /* line 58, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editableform-loading { background: url(/assets/bootstrap-editable/loading-e611bd10da5752d2c77c75664d6ec0cc16491d9d1d85012a753624374ccfeeae.gif) center center no-repeat; height: 25px; width: auto; min-width: 25px; } /* line 65, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-inline .editableform-loading { background-position: left 5px; } /* line 69, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*add padding for jquery ui*/ /* line 77, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-error-block.ui-state-error { padding: 3px; } /* line 81, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-error { color: red; } /* ---- For specific types ---- */ /* line 87, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ /* line 94, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ /* line 101, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } /* line 107, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ /* line 112, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ /* line 118, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ /* line 126, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-clear-x { background: url(/assets/bootstrap-editable/clear-f8be614091b91809de65cd902bae9b3d4cd0aaa5f6a936b9458862ff4f79c98b.png) center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } /* line 141, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-clear-x:hover { opacity: 1; } /* line 145, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-pre-wrapped { white-space: pre-wrap; } /* line 148, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-container.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } /* line 152, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-container.popover { width: auto; /* without this rule popover does not stretch */ } /* line 156, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } /* line 165, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } /* line 169, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } /* line 176, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } /* line 184, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } /* line 191, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-unsaved { font-weight: bold; } /* line 195, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-unsaved:after { /* content: '*'*/ } /* line 199, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ /* line 208, ../../shared/bundle-ruby409/ruby/4.0.0/gems/bootstrap-editable-rails-0.0.9/app/assets/stylesheets/bootstrap-editable.scss */ .form-horizontal .editable { padding-top: 5px; display: inline-block; } /* Removed datepicker css. If you want to use datepicker, add latest datepicker library such as bootstrap-datepicker. */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 20px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder { line-height: normal; } .select2-container .select2-search--inline .select2-search__field::-moz-placeholder { line-height: normal; } .select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder { line-height: normal; } .select2-container .select2-search--inline .select2-search__field::-ms-input-placeholder { line-height: normal; } .select2-container .select2-search--inline .select2-search__field::placeholder { line-height: normal; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { padding: 0 20px 0 0; margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { left: auto; right: 0; border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: rgb(246.5, 246.5, 246.5); border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */ /** * Reset Bootstrap 3 .form-control styles which - if applied to the * original element Select2 is replacing not be properly being hidden * when used in a "Bootstrap Input Group with Addon". **/ .select2-offscreen, .select2-offscreen:focus { width: 1px !important; height: 1px !important; position: absolute !important; } /* Bootstrap 3 control geometry for Select2 4's new selection markup. */ .select2-container--default .select2-selection--single { height: 34px; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px; line-height: 32px; color: #555; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 32px; } .select2-container--default .select2-selection--multiple { min-height: 34px; border-color: #ccc; border-radius: 4px; } .select2-container--default .select2-results > .select2-results__options { max-height: 80vh; } .select2-container--open { z-index: 9999; } /* Desktop catalog controls; mobile geometry lives in customer_mobile_layout.css. */ .catalog-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 6px; padding: 6px; } .catalog-navigation > .catalog-history { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 34px; -ms-flex: 0 0 34px; flex: 0 0 34px; margin: 0; padding: 0; } .catalog-navigation .catalog-toolbar-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 3px; width: 34px; height: 34px; padding: 0; border: 1px solid #d4dde4; border-radius: 6px; background: #fff; color: #337ab7; text-decoration: none; } .catalog-navigation .catalog-toolbar-button:hover, .catalog-navigation .catalog-toolbar-button:focus { border-color: #337ab7; box-shadow: 0 0 0 2px rgba(51, 122, 183, .15); } .catalog-navigation .catalog-toolbar-button .svg-inline--fa { width: 16px; height: 16px; } .catalog-navigation .catalog-toolbar-button.dropdown-toggle::after { display: none; } .catalog-navigation > .catalog-select-step { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; margin: 0; padding: 0; } .catalog-navigation > .catalog-select-step::before { content: none; } .catalog-select-step > .select2-container { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; min-width: 0; max-width: 100%; } .catalog-select-step .select2-selection.catalog-select-control { height: 34px; border: 1px solid #d4dde4; border-radius: 6px; background: #fff; box-shadow: none; -webkit-transition: border-color .15s, box-shadow .15s; transition: border-color .15s, box-shadow .15s; } .catalog-select-step .catalog-select-control .select2-selection__rendered { padding: 0 22px 0 8px; color: #29465b; font-size: 13px; line-height: 32px; } .catalog-select-step .catalog-select-control .select2-selection__arrow { top: 0; right: 5px; height: 32px; } .catalog-select-step .select2-container--focus .catalog-select-control, .catalog-select-step .select2-container--open .catalog-select-control { border-color: #337ab7; box-shadow: 0 0 0 2px rgba(51, 122, 183, .15); } .catalog-select-step .select2-container--disabled .catalog-select-control { background: #f3f5f7; border-color: #e0e5ea; } .catalog-select-step .select2-container--disabled .catalog-select-control .select2-selection__rendered { color: #8996a1; } .catalog-select-dropdown { border: 1px solid #c9d6e0; border-radius: 6px; box-shadow: 0 6px 18px rgba(27, 58, 80, .14); overflow: hidden; font-size: 13px; } .catalog-select-dropdown .select2-search--dropdown { padding: 8px; } .catalog-select-dropdown .select2-search__field { min-height: 32px; border: 1px solid #c9d6e0; border-radius: 4px; } .catalog-select-dropdown .select2-results > .select2-results__options { max-height: min(320px, 45vh); } .catalog-select-dropdown .select2-results__option { padding: 7px 10px; white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; } .catalog-select-dropdown .catalog-brand-primary, .catalog-select-control .catalog-brand-primary, .catalog-select-dropdown .catalog-model-primary, .catalog-select-control .catalog-model-primary { font-weight: 700; } .catalog-select-dropdown .select2-results__option, .catalog-select-control .select2-selection__rendered, .catalog-modification-control .select2-selection__rendered { font-weight: 400; } .catalog-select-dropdown .catalog-option-primary, .catalog-select-control .catalog-option-primary, .catalog-modification-control .catalog-option-primary { font-weight: 700; } select:is(.catalog-select-link, .catalog-select-link-mobile) option { font-weight: 400; } select:is(.catalog-select-link, .catalog-select-link-mobile) option:is([data-catalog-brand='true'], [data-catalog-model='true'], [data-catalog-option='true']) { font-weight: 700; } .catalog-history > .dropdown-menu { width: min(480px, calc(100vw - 32px)); min-width: 0; max-height: min(520px, 65vh); overflow-y: auto; padding: 6px; border: 1px solid #d4dde4; border-radius: 8px; box-shadow: 0 8px 24px rgba(27, 58, 80, .18); background: #fff; } .catalog-history > .dropdown-menu > li > a { display: block; padding: 8px 10px; border-radius: 5px; color: #29465b; white-space: normal; overflow-wrap: anywhere; text-decoration: none; font-size: 13px; line-height: 1.4; } .catalog-history > .dropdown-menu > li > a:hover, .catalog-history > .dropdown-menu > li > a:focus-visible { background: #edf4fa; color: #17476b; } .catalog-history-heading { padding: 4px 10px; color: #657b8b; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; } .catalog-history-car, .catalog-history-path, .catalog-history-modification { display: block; } .catalog-history-car { font-size: 13px; } .catalog-history-path { margin-top: 2px; } .catalog-history-modification { margin-top: 3px; font-size: 12px; color: #657b8b; } .catalog-history > .dropdown-menu .dropdown-divider { margin: 5px 0; } .dark-background .catalog-history > .dropdown-menu { background: #dedede; } .black-background .catalog-history > .dropdown-menu { background: #303030; border-color: #666; } .black-background .catalog-history > .dropdown-menu > li > a { color: #e8f1f7; } .black-background .catalog-history > .dropdown-menu > li > a:hover, .black-background .catalog-history > .dropdown-menu > li > a:focus-visible { background: #414b55; } .black-background .catalog-history-heading, .black-background .catalog-history-modification { color: #b6c3cd; } .catalog-data-loading { position: relative; } .catalog-data-loading .select2-selection__rendered { opacity: .55; -webkit-transition: opacity .15s ease; transition: opacity .15s ease; } .catalog-data-loading .select2-selection__arrow { visibility: hidden; } .catalog-data-loading::after { content: ""; position: absolute; top: 50%; right: 10px; width: 14px; height: 14px; margin-top: -7px; border: 2px solid #c7d7e4; border-top-color: #337ab7; border-radius: 50%; pointer-events: none; -webkit-animation: catalog-loading-spin .7s linear infinite; animation: catalog-loading-spin .7s linear infinite; } .catalog-data-updated { -webkit-animation: catalog-data-reveal .22s ease-out; animation: catalog-data-reveal .22s ease-out; } @-webkit-keyframes catalog-loading-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes catalog-loading-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes catalog-data-reveal { from { opacity: .65; } to { opacity: 1; } } @keyframes catalog-data-reveal { from { opacity: .65; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { .catalog-data-loading::after, .catalog-data-updated { -webkit-animation: none; animation: none; } .catalog-data-loading .select2-selection__rendered { -webkit-transition: none; transition: none; } } .catalog-level-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; width: 100%; margin: 0 0 16px; } .catalog-level-options .catalog_item { display: block !important; width: auto !important; min-width: 0; margin: 0; padding: 0; border-radius: 5px; } .catalog-level-options .catalog_item a { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; height: 100%; padding: 8px 4px; border: 1px solid currentColor; border-radius: 5px; line-height: 20px; text-decoration: none; } .catalog-popular-section { margin: 20px 0 16px; } .catalog-popular-section h2 { margin: 0 0 12px; } .catalog-popular-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .catalog-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; } .catalog-choice-grid:is(.catalog-subsystem-choices, .catalog-unit-choices) { width: 100%; max-width: none; grid-auto-rows: 1fr; } .catalog-choice-grid:is(.catalog-subsystem-choices, .catalog-unit-choices) .catalog_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalog-choice-grid:is(.catalog-subsystem-choices, .catalog-unit-choices) .catalog_item > a { display: block; width: 100%; } .catalog-level-title { margin: 16px 0 18px; } .catalog-all-parts-link.btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; min-height: 40px; padding: 8px 14px; border: 1px solid #899dab; border-radius: 6px; background: #f5f8fa; color: #235d85; font: inherit; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; text-align: center; } .dark-background .catalog-all-parts-link.btn { background: #e2e2e2; color: #235d85; border-color: #7898ae; } .black-background .catalog-all-parts-link.btn { background: transparent; color: #9dceef; border-color: #6088a3; } .customer-mobile-content .catalog-all-parts-link.btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; min-height: 44px; font-size: 14px; } .catalog-all-parts-link.btn:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .catalog-choice-grid .catalog_item { display: block; width: auto; min-width: 0; padding: 10px 12px; border: 1px solid var(--admin-edge, #c5d4df); border-radius: 6px; line-height: 1.5; overflow-wrap: anywhere; } /* Override legacy mobile rules that painted a second white button inside each choice tile. Keep route/empty-branch colors and the whole-tile hit target. */ :is(.catalog-choice-grid, .catalog-popular-grid) .catalog_item > a { display: block; width: 100%; max-width: 100%; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #235d85; font: inherit; font-weight: 600; line-height: 1.5; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: anywhere; } :is(.catalog-choice-grid, .catalog-popular-grid) .catalog_item > a.catalog-choice-additional { font-weight: 400; } .catalog-level-options .catalog_item > a { width: 100%; max-width: 100%; margin: 0; background: transparent; font: inherit; font-weight: 600; line-height: 1.5; text-align: center; } .customer-mobile-content :is(.catalog-choice-grid, .catalog-popular-grid, .catalog-level-options) .catalog_item { font-size: 16px; } .customer-mobile-content .catalog-level-options .catalog_item > a { min-height: 44px; } /* A single destination owns the whole choice tile, including its padding. Do not stretch multi-action items or turn unavailable text into a link. */ :is(.catalog-choice-grid, .catalog-popular-grid, .catalog-level-options) .catalog_item:has(> a:only-child) { position: relative; } :is(.catalog-choice-grid, .catalog-popular-grid, .catalog-level-options) .catalog_item > a:only-child::after { content: ''; position: absolute; inset: 0; border-radius: inherit; } :is(.catalog-choice-grid, .catalog-popular-grid, .catalog-level-options) .catalog_item:has(> a:only-child:focus-visible) { outline: 2px solid currentColor; outline-offset: 2px; } body.admin-theme-black .catalog-choice-grid a { color: var(--admin-link); } .catalog-popular-grid .catalog_item { display: block; width: auto; min-width: 0; padding: 12px; border: 1px solid var(--admin-edge, #c5d4df); border-radius: 6px; line-height: 1.6; overflow-wrap: anywhere; } body.admin-theme-black .catalog-popular-grid a { color: var(--admin-link); } @media (max-width: 767px) { .catalog-popular-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .catalog-choice-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } } @media (min-width: 360px) and (max-width: 767px) { .catalog-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .catalog-choice-grid:is(.catalog-subsystem-choices, .catalog-unit-choices) { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; } } .inventory-badge { white-space: normal; } .inventory-history-checks { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 3px; vertical-align: middle; } .inventory-history-check { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 18px; border-radius: 3px; background: #fff; color: #187b31; font-size: 13px; line-height: 1; } .inventory-history-check > .svg-inline--fa { width: 13px; height: 13px; } /* @group Base */ /* line 5, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 11, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container * { box-sizing: border-box; } /* line 14, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-drop { position: absolute; top: 100%; z-index: 1010; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } /* line 26, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container.chosen-with-drop .chosen-drop { clip: auto; -webkit-clip-path: none; clip-path: none; } /* line 30, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container a { cursor: pointer; } /* line 35, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } /* line 42, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ /* line 54, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 25px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } /* line 71, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-default { color: #999; } /* line 74, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } /* line 81, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } /* line 84, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat; font-size: 1px; } /* line 93, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } /* line 97, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } /* line 100, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } /* line 107, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 0px 2px; } /* line 114, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } /* line 121, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } /* line 135, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } /* line 140, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } /* @end */ /* @group Results */ /* line 149, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } /* line 158, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } /* line 166, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } /* line 170, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } /* line 175, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } /* line 180, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } /* line 185, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } /* line 190, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li.group-option { padding-left: 15px; } /* line 193, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ /* line 203, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-linear-gradient(#eee 1%, #fff 15%); background-image: linear-gradient(#eee 1%, #fff 15%); cursor: text; } /* line 215, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li { float: left; list-style: none; } /* line 218, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } /* line 222, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; width: 25px; } /* line 238, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #aaa; max-width: 100%; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } /* line 254, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } /* line 257, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) -42px 1px no-repeat; font-size: 1px; } /* line 266, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } /* line 271, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; } /* line 278, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } /* line 280, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } /* line 285, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-results { margin: 0; padding: 0; } /* line 289, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ /* line 299, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* line 304, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-linear-gradient(#eee 20%, #fff 80%); background-image: linear-gradient(#eee 20%, #fff 80%); box-shadow: 0 1px 0 #fff inset; } /* line 313, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } /* line 316, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } /* line 321, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* line 324, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } /* @end */ /* @group Disabled Support */ /* line 332, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } /* line 335, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-disabled .chosen-single { cursor: default; } /* line 338, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ /* line 345, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl { text-align: right; } /* line 347, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } /* line 351, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } /* line 356, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } /* line 359, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single div { right: auto; left: 3px; } /* line 363, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } /* line 367, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li { float: right; } /* line 369, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } /* line 372, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } /* line 375, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } /* line 381, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } /* line 385, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } /* line 389, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } /* line 392, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: url(/assets/chosen-sprite-3cde13df3c9baedea2fd869a0935de8e43408ba7dec321fe3c8c4414788b8b41.png) no-repeat -30px -20px; direction: rtl; } /* line 398, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } /* line 402, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* @group Retina compatibility */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { /* line 413, ../../shared/bundle-ruby409/ruby/4.0.0/gems/chosen-rails-1.10.0/vendor/assets/stylesheets/chosen.scss */ .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(/assets/chosen-sprite@2x-f811c9f3282470438df5d1b7fe6faf244a0a17124591b467957a91634aac16e8.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /* @end */ .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: none; } .glightbox-container.inactive { display: none; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; opacity: 0; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%; } .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%; } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important; } .gslide iframe, .gslide video { outline: none !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide:not(.current) { pointer-events: none; } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: none; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .desc-top .gslide-image img, .desc-bottom .gslide-image img { width: auto; } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100%; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .gslide-video { position: relative; max-width: 100vh; width: 100% !important; } .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { display: none; } .gslide-video .gvideo-wrapper { width: 100%; /* max-width: 160vmin; */ margin: auto; } .gslide-video::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, 0.34); display: none; } .gslide-video.playing::before { display: none; } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh; } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; margin: auto; } .gslide-inline .ginlined-content { padding: 20px; width: 100%; } .gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none; } .ginlined-content { overflow: auto; display: block !important; opacity: 1; } .gslide-external { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100%; } .gslide-media { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto; } .zoomed .gslide-media { -webkit-box-shadow: none !important; box-shadow: none !important; } .desc-top .gslide-media, .desc-bottom .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; -webkit-flex: 1 0 100%; flex: 1 0 100%; } .gslide-description.description-left, .gslide-description.description-right { max-width: 100%; } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%; } .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; } .zoomed .gslide-description { display: none; } .glightbox-button-hidden { display: none; } /* * Description for mobiles * something like facebook does the description * for the photos */ .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; position: absolute; bottom: 0; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; -webkit-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: bold; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: 0.4; } .gdesc-open .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 0.4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; opacity: 1; } .greset { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .gabsolute { position: absolute; } .grelative { position: relative; } .glightbox-desc { display: none !important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader 0.8s infinite linear; animation: lightboxLoader 0.8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%; } .goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gprev, .gnext, .gclose { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .gprev svg, .gnext svg, .gclose svg { display: block; width: 25px; height: auto; margin: 0; padding: 0; } .gprev.disabled, .gnext.disabled, .gclose.disabled { opacity: 0.1; } .gprev .garrow, .gnext .garrow, .gclose .garrow { stroke: #fff; } .gbtn.focused { outline: 2px solid #0f3d81; } iframe.wait-autoplay { opacity: 0; } .glightbox-closing .gnext, .glightbox-closing .gprev, .glightbox-closing .gclose { opacity: 0 !important; } /*Skin */ .glightbox-clean .gslide-description { background: #fff; } .glightbox-clean .gdesc-inner { padding: 22px 20px; } .glightbox-clean .gslide-title { font-size: 1em; font-weight: normal; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em; } .glightbox-clean .gslide-desc { font-size: 0.86em; margin-bottom: 0; font-family: arial; line-height: 1.4em; } .glightbox-clean .gslide-video { background: #000; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.75); border-radius: 4px; } .glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path { fill: #fff; } .glightbox-clean .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 50px; } .glightbox-clean .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 50px; } .glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute; } .glightbox-clean .gclose svg { width: 18px; height: auto; } .glightbox-clean .gclose:hover { opacity: 1; } /*CSS Animations*/ .gfadeIn { -webkit-animation: gfadeIn 0.5s ease; animation: gfadeIn 0.5s ease; } .gfadeOut { -webkit-animation: gfadeOut 0.5s ease; animation: gfadeOut 0.5s ease; } .gslideOutLeft { -webkit-animation: gslideOutLeft 0.3s ease; animation: gslideOutLeft 0.3s ease; } .gslideInLeft { -webkit-animation: gslideInLeft 0.3s ease; animation: gslideInLeft 0.3s ease; } .gslideOutRight { -webkit-animation: gslideOutRight 0.3s ease; animation: gslideOutRight 0.3s ease; } .gslideInRight { -webkit-animation: gslideInRight 0.3s ease; animation: gslideInRight 0.3s ease; } .gzoomIn { -webkit-animation: gzoomIn 0.5s ease; animation: gzoomIn 0.5s ease; } .gzoomOut { -webkit-animation: gzoomOut 0.5s ease; animation: gzoomOut 0.5s ease; } @-webkit-keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } } @-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } } @-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 1; } } @-webkit-keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @media (min-width: 769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; -webkit-order: 0; order: 0; } .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .gslide-image img { max-height: 97vh; max-width: 100%; } .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .gslide-external { max-height: 100vh; } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, 0.92); } .glightbox-clean .gslide-media { -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65); } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto; } .glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose { background-color: rgba(0, 0, 0, 0.32); } .glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover { background-color: rgba(0, 0, 0, 0.7); } .glightbox-clean .gprev { top: 45%; } .glightbox-clean .gnext { top: 45%; } } @media (min-width: 992px) { .glightbox-clean .gclose { opacity: 0.7; right: 20px; } } @media screen and (max-height: 420px) { .goverlay { background: #000; } } /* Keep the close/navigation controls clear of the image and mobile screen edge. */ .glightbox-container .gclose { top: 12px; right: 12px; } .glightbox-container .gprev, .glightbox-container .gnext { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .glightbox-container .gprev.glightbox-button-hidden, .glightbox-container .gnext.glightbox-button-hidden { display: none; } .glightbox-container .gslide-title { font-size: 16px; overflow-wrap: anywhere; } .glightbox-container .ginlined-content { overflow: auto; max-height: 85vh; } .glightbox-container .dm-gallery-error { padding: 24px; color: #222; background: white; } .glightbox-container.dm-gallery-multiple .gprev, .glightbox-container.dm-gallery-multiple .gnext { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 44px; top: 50%; margin-top: -22px; border: 1px solid rgba(255, 255, 255, .65); border-radius: 6px; background: rgba(0, 0, 0, .65); opacity: 1; } .glightbox-container.dm-gallery-multiple .gprev { left: 10px; } .glightbox-container.dm-gallery-multiple .gnext { right: 10px; } .glightbox-container .dm-gallery-counter { position: absolute; z-index: 99999; bottom: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 6px 14px; border: 1px solid rgba(255, 255, 255, .45); border-radius: 20px; background: rgba(0, 0, 0, .7); color: #fff; font-size: 14px; line-height: 1.4; pointer-events: none; } /* */ .noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight { position: fixed; margin: 0; padding: 0; z-index: 9999999; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; filter: blur(0); -webkit-filter: blur(0); max-width: 90%; } #noty_layout__top { top: 0; left: 5%; width: 90%; } #noty_layout__topLeft { top: 20px; left: 20px; width: 325px; } #noty_layout__topCenter { top: 5%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__topRight { top: 20px; right: 20px; width: 325px; } #noty_layout__bottom { bottom: 0; left: 5%; width: 90%; } #noty_layout__bottomLeft { bottom: 20px; left: 20px; width: 325px; } #noty_layout__bottomCenter { bottom: 5%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__bottomRight { bottom: 20px; right: 20px; width: 325px; } #noty_layout__center { top: 50%; left: 50%; width: 325px; -webkit-transform: translate(-webkit-calc(-50% - .5px), -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__centerLeft { top: 50%; left: 20px; width: 325px; -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); } #noty_layout__centerRight { top: 50%; right: 20px; width: 325px; -webkit-transform: translate(0, -webkit-calc(-50% - .5px)) translateZ(0) scale(1, 1); transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1); } .noty_progressbar { display: none; } .noty_has_timeout.noty_has_progressbar .noty_progressbar { display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: #646464; opacity: 0.2; filter: alpha(opacity=10); } .noty_bar { -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1); -ms-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); -webkit-font-smoothing: subpixel-antialiased; overflow: hidden; } .noty_effects_open { opacity: 0; -webkit-transform: translate(50%); -ms-transform: translate(50%); transform: translate(50%); -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_effects_close { -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_fix_effects_height { -webkit-animation: noty_anim_height 75ms ease-out; animation: noty_anim_height 75ms ease-out; } .noty_close_with_click { cursor: pointer; } .noty_close_button { position: absolute; top: 2px; right: 2px; font-weight: bold; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .noty_close_button:hover { background-color: rgba(0, 0, 0, 0.1); } .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 10000; opacity: .3; left: 0; top: 0; } .noty_modal.noty_modal_open { opacity: 0; -webkit-animation: noty_modal_in .3s ease-out; animation: noty_modal_in .3s ease-out; } .noty_modal.noty_modal_close { -webkit-animation: noty_modal_out .3s ease-out; animation: noty_modal_out .3s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes noty_modal_in { 100% { opacity: .3; } } @keyframes noty_modal_in { 100% { opacity: .3; } } @-webkit-keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @-webkit-keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @-webkit-keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @-webkit-keyframes noty_anim_height { 100% { height: 0; } } @keyframes noty_anim_height { 100% { height: 0; } } .noty_theme__relax.noty_bar { margin: 4px 0; overflow: hidden; border-radius: 2px; position: relative; } .noty_theme__relax.noty_bar .noty_body { padding: 10px; } .noty_theme__relax.noty_bar .noty_buttons { border-top: 1px solid #e7e7e7; padding: 5px 10px; } .noty_theme__relax.noty_type__alert, .noty_theme__relax.noty_type__notification { background-color: #fff; border: 1px solid #dedede; color: #444; } .noty_theme__relax.noty_type__warning { background-color: #FFEAA8; border: 1px solid #FFC237; color: #826200; } .noty_theme__relax.noty_type__warning .noty_buttons { border-color: #dfaa30; } .noty_theme__relax.noty_type__error { background-color: #FF8181; border: 1px solid #e25353; color: #FFF; } .noty_theme__relax.noty_type__error .noty_buttons { border-color: darkred; } .noty_theme__relax.noty_type__info, .noty_theme__relax.noty_type__information { background-color: #78C5E7; border: 1px solid #3badd6; color: #FFF; } .noty_theme__relax.noty_type__info .noty_buttons, .noty_theme__relax.noty_type__information .noty_buttons { border-color: #0B90C4; } .noty_theme__relax.noty_type__success { background-color: #BCF5BC; border: 1px solid #7cdd77; color: darkgreen; } .noty_theme__relax.noty_type__success .noty_buttons { border-color: #50C24E; } .noty_theme__metroui.noty_bar { margin: 4px 0; overflow: hidden; position: relative; box-shadow: rgba(0, 0, 0, 0.298039) 0 0 5px 0; } .noty_theme__metroui.noty_bar .noty_progressbar { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background-color: #000; opacity: 0.2; filter: alpha(opacity=20); } .noty_theme__metroui.noty_bar .noty_body { padding: 1.25em; font-size: 14px; } .noty_theme__metroui.noty_bar .noty_buttons { padding: 0 10px .5em 10px; } .noty_theme__metroui.noty_type__alert, .noty_theme__metroui.noty_type__notification { background-color: #fff; color: #1d1d1d; } .noty_theme__metroui.noty_type__warning { background-color: #FA6800; color: #fff; } .noty_theme__metroui.noty_type__error { background-color: #CE352C; color: #FFF; } .noty_theme__metroui.noty_type__info, .noty_theme__metroui.noty_type__information { background-color: #1BA1E2; color: #FFF; } .noty_theme__metroui.noty_type__success { background-color: #60A917; color: #fff; } .noty_theme__mint.noty_bar { margin: 4px 0; overflow: hidden; border-radius: 2px; position: relative; } .noty_theme__mint.noty_bar .noty_body { padding: 10px; font-size: 14px; } .noty_theme__mint.noty_bar .noty_buttons { padding: 10px; } .noty_theme__mint.noty_type__alert, .noty_theme__mint.noty_type__notification { background-color: #fff; border-bottom: 1px solid #D1D1D1; color: #2F2F2F; } .noty_theme__mint.noty_type__warning { background-color: #FFAE42; border-bottom: 1px solid #E89F3C; color: #fff; } .noty_theme__mint.noty_type__error { background-color: #DE636F; border-bottom: 1px solid #CA5A65; color: #fff; } .noty_theme__mint.noty_type__info, .noty_theme__mint.noty_type__information { background-color: #7F7EFF; border-bottom: 1px solid #7473E8; color: #fff; } .noty_theme__mint.noty_type__success { background-color: #AFC765; border-bottom: 1px solid #A0B55C; color: #fff; } .noty_theme__sunset.noty_bar { margin: 4px 0; overflow: hidden; border-radius: 2px; position: relative; } .noty_theme__sunset.noty_bar .noty_body { padding: 10px; font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .noty_theme__sunset.noty_bar .noty_buttons { padding: 10px; } .noty_theme__sunset.noty_type__alert, .noty_theme__sunset.noty_type__notification { background-color: #073B4C; color: #fff; } .noty_theme__sunset.noty_type__alert .noty_progressbar, .noty_theme__sunset.noty_type__notification .noty_progressbar { background-color: #fff; } .noty_theme__sunset.noty_type__warning { background-color: #FFD166; color: #fff; } .noty_theme__sunset.noty_type__error { background-color: #EF476F; color: #fff; } .noty_theme__sunset.noty_type__error .noty_progressbar { opacity: .4; } .noty_theme__sunset.noty_type__info, .noty_theme__sunset.noty_type__information { background-color: #118AB2; color: #fff; } .noty_theme__sunset.noty_type__info .noty_progressbar, .noty_theme__sunset.noty_type__information .noty_progressbar { opacity: .6; } .noty_theme__sunset.noty_type__success { background-color: #06D6A0; color: #fff; } .noty_theme__bootstrap-v3.noty_bar { margin: 4px 0; overflow: hidden; position: relative; border: 1px solid transparent; border-radius: 4px; } .noty_theme__bootstrap-v3.noty_bar .noty_body { padding: 15px; } .noty_theme__bootstrap-v3.noty_bar .noty_buttons { padding: 10px; } .noty_theme__bootstrap-v3.noty_bar .noty_close_button { font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; background: transparent; } .noty_theme__bootstrap-v3.noty_bar .noty_close_button:hover { background: transparent; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .noty_theme__bootstrap-v3.noty_type__alert, .noty_theme__bootstrap-v3.noty_type__notification { background-color: #fff; color: inherit; } .noty_theme__bootstrap-v3.noty_type__warning { background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc; } .noty_theme__bootstrap-v3.noty_type__error { background-color: #f2dede; color: #a94442; border-color: #ebccd1; } .noty_theme__bootstrap-v3.noty_type__info, .noty_theme__bootstrap-v3.noty_type__information { background-color: #d9edf7; color: #31708f; border-color: #bce8f1; } .noty_theme__bootstrap-v3.noty_type__success { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; } .noty_theme__bootstrap-v4.noty_bar { margin: 4px 0; overflow: hidden; position: relative; border: 1px solid transparent; border-radius: .25rem; } .noty_theme__bootstrap-v4.noty_bar .noty_body { padding: .75rem 1.25rem; } .noty_theme__bootstrap-v4.noty_bar .noty_buttons { padding: 10px; } .noty_theme__bootstrap-v4.noty_bar .noty_close_button { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .5; background: transparent; } .noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover { background: transparent; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .75; } .noty_theme__bootstrap-v4.noty_type__alert, .noty_theme__bootstrap-v4.noty_type__notification { background-color: #fff; color: inherit; } .noty_theme__bootstrap-v4.noty_type__warning { background-color: #fcf8e3; color: #8a6d3b; border-color: #faebcc; } .noty_theme__bootstrap-v4.noty_type__error { background-color: #f2dede; color: #a94442; border-color: #ebccd1; } .noty_theme__bootstrap-v4.noty_type__info, .noty_theme__bootstrap-v4.noty_type__information { background-color: #d9edf7; color: #31708f; border-color: #bce8f1; } .noty_theme__bootstrap-v4.noty_type__success { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; } .noty_theme__semanticui.noty_bar { margin: 4px 0; overflow: hidden; position: relative; border: 1px solid transparent; font-size: 1em; border-radius: .28571429rem; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 transparent; } .noty_theme__semanticui.noty_bar .noty_body { padding: 1em 1.5em; line-height: 1.4285em; } .noty_theme__semanticui.noty_bar .noty_buttons { padding: 10px; } .noty_theme__semanticui.noty_type__alert, .noty_theme__semanticui.noty_type__notification { background-color: #f8f8f9; color: rgba(0, 0, 0, 0.87); } .noty_theme__semanticui.noty_type__warning { background-color: #fffaf3; color: #573a08; box-shadow: 0 0 0 1px #c9ba9b inset, 0 0 0 0 transparent; } .noty_theme__semanticui.noty_type__error { background-color: #fff6f6; color: #9f3a38; box-shadow: 0 0 0 1px #e0b4b4 inset, 0 0 0 0 transparent; } .noty_theme__semanticui.noty_type__info, .noty_theme__semanticui.noty_type__information { background-color: #f8ffff; color: #276f86; box-shadow: 0 0 0 1px #a9d5de inset, 0 0 0 0 transparent; } .noty_theme__semanticui.noty_type__success { background-color: #fcfff5; color: #2c662d; box-shadow: 0 0 0 1px #a3c293 inset, 0 0 0 0 transparent; } .noty_theme__nest.noty_bar { margin: 0 0 15px 0; overflow: hidden; border-radius: 2px; position: relative; box-shadow: rgba(0, 0, 0, 0.098039) 5px 4px 10px 0; } .noty_theme__nest.noty_bar .noty_body { padding: 10px; font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .noty_theme__nest.noty_bar .noty_buttons { padding: 10px; } .noty_layout .noty_theme__nest.noty_bar { z-index: 5; } .noty_layout .noty_theme__nest.noty_bar:nth-child(2) { position: absolute; top: 0; margin-top: 4px; margin-right: -4px; margin-left: 4px; z-index: 4; width: 100%; } .noty_layout .noty_theme__nest.noty_bar:nth-child(3) { position: absolute; top: 0; margin-top: 8px; margin-right: -8px; margin-left: 8px; z-index: 3; width: 100%; } .noty_layout .noty_theme__nest.noty_bar:nth-child(4) { position: absolute; top: 0; margin-top: 12px; margin-right: -12px; margin-left: 12px; z-index: 2; width: 100%; } .noty_layout .noty_theme__nest.noty_bar:nth-child(5) { position: absolute; top: 0; margin-top: 16px; margin-right: -16px; margin-left: 16px; z-index: 1; width: 100%; } .noty_layout .noty_theme__nest.noty_bar:nth-child(n+6) { position: absolute; top: 0; margin-top: 20px; margin-right: -20px; margin-left: 20px; z-index: -1; width: 100%; } #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(2), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(2) { margin-top: 4px; margin-left: -4px; margin-right: 4px; } #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(3), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(3) { margin-top: 8px; margin-left: -8px; margin-right: 8px; } #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(4), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(4) { margin-top: 12px; margin-left: -12px; margin-right: 12px; } #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(5), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(5) { margin-top: 16px; margin-left: -16px; margin-right: 16px; } #noty_layout__bottomLeft .noty_theme__nest.noty_bar:nth-child(n+6), #noty_layout__topLeft .noty_theme__nest.noty_bar:nth-child(n+6) { margin-top: 20px; margin-left: -20px; margin-right: 20px; } .noty_theme__nest.noty_type__alert, .noty_theme__nest.noty_type__notification { background-color: #073B4C; color: #fff; } .noty_theme__nest.noty_type__alert .noty_progressbar, .noty_theme__nest.noty_type__notification .noty_progressbar { background-color: #fff; } .noty_theme__nest.noty_type__warning { background-color: #FFD166; color: #fff; } .noty_theme__nest.noty_type__error { background-color: #EF476F; color: #fff; } .noty_theme__nest.noty_type__error .noty_progressbar { opacity: .4; } .noty_theme__nest.noty_type__info, .noty_theme__nest.noty_type__information { background-color: #118AB2; color: #fff; } .noty_theme__nest.noty_type__info .noty_progressbar, .noty_theme__nest.noty_type__information .noty_progressbar { opacity: .6; } .noty_theme__nest.noty_type__success { background-color: #06D6A0; color: #fff; } .noty_theme__light.noty_bar { margin: 4px 0; overflow: hidden; border-radius: 2px; position: relative; } .noty_theme__light.noty_bar .noty_body { padding: 10px; } .noty_theme__light.noty_bar .noty_buttons { border-top: 1px solid #e7e7e7; padding: 5px 10px; } .noty_theme__light.noty_type__alert, .noty_theme__light.noty_type__notification { background-color: #fff; border: 1px solid #dedede; color: #444; } .noty_theme__light.noty_type__warning { background-color: #FFEAA8; border: 1px solid #FFC237; color: #826200; } .noty_theme__light.noty_type__warning .noty_buttons { border-color: #dfaa30; } .noty_theme__light.noty_type__error { background-color: #ED7000; border: 1px solid #e25353; color: #FFF; } .noty_theme__light.noty_type__error .noty_buttons { border-color: darkred; } .noty_theme__light.noty_type__info, .noty_theme__light.noty_type__information { background-color: #78C5E7; border: 1px solid #3badd6; color: #FFF; } .noty_theme__light.noty_type__info .noty_buttons, .noty_theme__light.noty_type__information .noty_buttons { border-color: #0B90C4; } .noty_theme__light.noty_type__success { background-color: #57C880; border: 1px solid #7cdd77; color: darkgreen; } .noty_theme__light.noty_type__success .noty_buttons { border-color: #50C24E; } #noty_layout__topCenter { top: 20px; width: 310px; max-width: calc(100vw - 24px); z-index: 10000000; } .noty_theme__dmAuto.noty_bar { margin: 0; border: 1px solid #ccc; border-radius: 5px; color: #444; background: white; } .noty_theme__dmAuto .noty_body { padding: 8px 10px 9px; font-size: 13px; line-height: 16px; text-align: center; overflow-wrap: anywhere; } .noty_theme__dmAuto.noty_type__success { border-color: #50c24e; color: darkgreen; background-color: lightgreen; } .noty_theme__dmAuto.noty_type__error { border-color: darkred; color: white; background-color: red; } .noty_theme__dmAuto.noty_type__warning { border-color: #ffc237; color: #826200; background-color: #ffeaa8; } .noty_theme__dmAuto.noty_type__information { border-color: #0b90c4; color: white; background-color: #57b7e2; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto.noty_bar { --noty-outline: #9dceef; margin-bottom: 8px; border: 1px solid var(--noty-outline); border-radius: 8px; background: #202124; color: var(--noty-outline); box-shadow: 0 6px 20px rgba(0, 0, 0, .3); } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto.noty_type__success { --noty-outline: #81d991; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto.noty_type__error { --noty-outline: #ff9e94; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto.noty_type__warning { --noty-outline: #e8c56c; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto.noty_type__information { --noty-outline: #8cd5e8; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto .noty_body { padding: 12px 16px; line-height: 1.5; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto .noty_body a { color: inherit; text-decoration: underline; } :is(body.customer-page-black, body.admin-theme-black) .noty_theme__dmAuto .noty_close_button { background: transparent; color: inherit; } .tipsy { font-size: 10px; position: absolute; padding: 5px; word-wrap: break-word; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* Uncomment for shadow */ /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/ .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*! * jqGrid 4.15.5-pre - free jqGrid: https://github.com/free-jqgrid/jqGrid * Date: 2018-08-12 */ /* Grid */ .ui-jqgrid { position: relative; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -ms-touch-action: none; touch-action: manipulation; } .ui-jqgrid div { line-height: normal; } .ui-jqgrid table { border-collapse: separate; border-spacing: 0; border-width: 0; border-style: none; } .ui-jqgrid table td { padding: 0; } .ui-jqgrid > .ui-jqgrid-view { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; padding: 0; font-size: 11px; } .ui-jqgrid > .ui-jqgrid-view *, .ui-jqgrid > .ui-jqgrid-view *:before, .ui-jqgrid > .ui-jqgrid-view *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* Caption of grid and title of ui-jqdialog */ .ui-jqgrid .ui-jqgrid-titlebar, .ui-jqgrid .ui-jqgrid-errorbar, .ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .3em .3em .3em; position: relative; font-size: 12px; border-left: 0 none; border-right: 0 none; border-top: 0 none; } .ui-jqgrid-errorbar { max-height: 100px; margin-bottom: 0; overflow: auto; } .ui-jqgrid .ui-jqgrid-caption, .ui-jqgrid .ui-jqgrid-errorbar-ltr { text-align: left; } .ui-jqgrid .ui-jqgrid-caption-rtl, .ui-jqgrid .ui-jqgrid-errorbar-rtl { text-align: right; } /* Close/Hide button */ .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close, .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close { vertical-align: middle; text-align: center; text-decoration: none; position: absolute; top: 50%; width: 1.4em; line-height: 1.5em; font-size: 12px; margin: -0.7em 0 0 0; padding: .2em; border: 1px solid transparent; height: 1.4em; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-jqgrid-jquery-ui .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close { margin: -8px 0 0 0; } .ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-titlebar-close { right: .1em; } .ui-jqgrid .ui-jqgrid-caption-rtl .ui-jqgrid-titlebar-close { left: .1em; } .ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close { right: .3em; } .ui-jqdialog .ui-jqdialog-titlebar-rtl .ui-jqdialog-titlebar-close { left: .3em; } .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close, .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close { -ms-border-radius: .5em; border-radius: .5em; } .ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-title, .ui-jqgrid .ui-jqgrid-errorbar-ltr .ui-jqgrid-error, .ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-title { position: relative; left: .1em; } .ui-jqgrid .ui-jqgrid-caption-rtl .ui-jqgrid-title, .ui-jqgrid .ui-jqgrid-errorbar-rtl .ui-jqgrid-error, .ui-jqdialog .ui-jqdialog-titlebar-rtl .ui-jqdialog-title { position: relative; right: .1em; } .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close span { margin-top: 0; margin-left: 0; } .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close span, .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close span { display: block; } .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close span.ui-icon, .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close span.ui-icon { position: relative; top: -2px; } .ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-titlebar-close span.ui-icon, .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close span.ui-icon { right: 3.5px; } .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.ui-icon { margin-top: -1px; } .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.fa, .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.fa, .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.glyphicon { /* the values below are based on the difference between the font-size of fa-icon and the font size of the parent element */ font-size: 14px; margin-top: -2px; } .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > .svg-inline--fa { font-size: 14px; display: block; margin-top: -.125em; margin-left: -.125em; } .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.fa { margin-left: -1px; } .ui-jqdialog-titlebar-close > .svg-inline--fa { display: block; margin-left: .0625em; margin-top: -.0625em; } .ui-jqgrid .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.glyphicon { margin-left: -2px; } .ui-jqdialog-titlebar .ui-jqdialog-titlebar-close > span { margin-top: -1px; } .ui-jqdialog-titlebar .ui-jqdialog-titlebar-close > span.glyphicon { margin-top: -.05em; margin-left: -.05em; } /* Resizer */ /*.ui-jqdialog .ui-resizable-handle { right: -3px; bottom: -3px; }*/ .ui-jqdialog .ui-resizable-handle > .ui-icon { right: -1px; bottom: -1px; } .ui-jqdialog .ui-resizable-handle > .fa { font-size: 12px; right: -2px; position: relative; } .ui-jqdialog .ui-resizable-handle > .svg-inline--fa { font-size: 12px; right: -1px; /*right: -2px; bottom: -1px;*/ position: relative; } .ui-jqdialog .ui-resizable-handle > .glyphicon { font-size: 12px; right: -1px; bottom: -2.8px; } /* Header */ .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv { position: relative; margin: 0; padding: 0; overflow: hidden; border-left: 0 none; border-top: 0 none; border-right: 0 none; height: auto; } .ui-jqgrid .ui-jqgrid-hbox { float: left; padding-right: 20px; } .ui-jqgrid .ui-jqgrid-htable { table-layout: fixed; margin: 0; } .ui-jqgrid .ui-jqgrid-htable th { height: auto; padding: 0 2px 0 2px; } .ui-jqgrid-htable > thead > .jqg-first-row-header > th { padding-top: 0; padding-bottom: 0; border-bottom: 0 none; border-top: 0 none; } .ui-jqgrid .ui-jqgrid-htable th.jqgh_cbox { padding: 0; } .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div { overflow: hidden; position: relative; height: auto; margin: 2px 2px; } .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels > th.jqgh_cbox { vertical-align: middle; } .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels .jqgh_cbox > div { text-align: center; vertical-align: baseline; margin: 0; } .ui-jqgrid-labels .ui-th-column-header, .ui-jqgrid .ui-jqgrid-labels th.ui-th-column, .ui-jqgrid .ui-jqgrid-legacy-subgrid .ui-th-subgrid { overflow: hidden; white-space: nowrap; text-align: center; } .ui-jqgrid-labels .ui-th-column-header { vertical-align: middle; height: auto; vertical-align: middle; border-top: 0 none; } .ui-jqgrid .ui-jqgrid-labels th.ui-th-column { position: relative; vertical-align: middle; border-top: 0 none; border-bottom: 0 none; } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-left: 0 none; } .ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl { border-right: 0 none; } .ui-first-th-ltr { border-right: 1px solid; } .ui-first-th-rtl { border-left: 1px solid; } .ui-jqgrid .ui-th-div-ie { white-space: nowrap; zoom: 1; height: 17px; } .ui-jqgrid .ui-th-column > .jqgh_cbox { margin: 3px 0; } .ui-jqgrid .ui-th-column .cbox { margin: .1em; cursor: pointer; text-align: center; vertical-align: middle; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-th-column .cbox { height: 18px; width: 18px; } .ui-jqgrid .ui-th-column .ui-th-div-ie > .cbox { margin-left: -1px; margin-right: -1px; } .ui-jqgrid .ui-jqgrid-labels > .ui-th-column > .ui-jqgrid-resize { top: 0; height: 100%; width: .3em; position: absolute; cursor: col-resize; -webkit-touch-callout: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; display: inline; overflow: hidden; } .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div.ui-jqgrid-rotate { -webkit-transform: translateX(-50%) translateY(0) rotate(-90deg); -moz-transform: translateX(-50%) translateY(0) (-90deg); -o-transform: translateX(-50%) translateY(0) rotate(-90deg); -ms-transform: translateX(-50%) translateY(0) rotate(-90deg); transform: translateX(-50%) translateY(0) rotate(-90deg); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; margin: 0; left: 50%; } .ui-jqgrid .ui-grid-ico-sort { overflow: hidden; position: absolute; display: inline; } .ui-grid-ico-sort { /* use pointer cursor over all visible icons. It can be important if viewsortcols: [true, "vertical", false] or viewsortcols: [true, "horizontal", false] mode are used. The viewsortcols[2] element means that sorting are made only on clicking on the sorting icon. So the class ui-jqgrid-sortable will be not added to the div of the column header. It informs the user that clicking on the text of the column header will do nothing. One still need to have the cursor over the icon which inform about sorting. */ cursor: pointer; } .ui-state-disabled.ui-grid-ico-sort { cursor: pointer !important; /* to overwrite .ui-state-disabled { cursor: default !important; } from jQuery UI */ } .ui-jqgrid .s-ico { position: relative; width: .87em; height: 1.125em; display: inline-block; vertical-align: middle; margin: 0 .1em } .ui-jqgrid .s-ico > .ui-grid-ico-sort { display: block; position: relative; } .ui-jqgrid .s-ico > .ui-grid-ico-sort.ui-icon { width: 12px; margin-top: 0px; } .ui-jqgrid .s-ico > .ui-icon-asc.ui-icon { top: -6px; } .ui-jqgrid .s-ico > .ui-icon-desc.ui-icon { top: -16px; } .ui-jqgrid .s-ico > .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-jqgrid .s-ico > .ui-icon.ui-sort-ltr { margin-left: -3px; } .ui-jqgrid .s-ico > .ui-icon.ui-sort-rtl { margin-right: 0; } .ui-jqgrid-sortable > .ui-jqgrid-sort-order { position: relative; left: -.1em; top: 0; font-size: 75%; vertical-align: super; } .ui-jqgrid .ui-th-column > div { cursor: default; } .ui-jqgrid .ui-th-column > div.ui-jqgrid-sortable { cursor: pointer; } .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar { border-top-width: 1px; border-top-style: solid; } .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-th-column { border-top-width: 1px; border-top-style: solid; } .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar input { margin: 1px 0 0 0; } .ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar select { margin: 1px 0 0 0; } /* Grig body */ .ui-jqgrid .ui-jqgrid-bdiv { min-height: 1px; position: relative; margin: 0; padding: 0; overflow: auto; text-align: left; } .ui-jqgrid .ui-jqgrid-btable { table-layout: fixed; margin: 0; outline-style: none; height: 1px; } .ui-jqgrid tr.jqgrow, .ui-jqgrid tr.jqgroup { outline-style: none; } .ui-jqgrid tr.jqgrow > td, .ui-jqgrid tr.jqgroup > td, .ui-jqgrid tr.jqfoot > td, .ui-jqgrid tr.ui-subgrid > td, .ui-jqgrid tr.ui-subtblcell > td { overflow: hidden; white-space: pre; vertical-align: middle; text-align: center; height: 22px; border-top: 0 none; border-bottom-width: 1px; border-bottom-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgrow > td, .ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgroup > td, .ui-jqgrid-jquery-ui.ui-jqgrid tr.jqfoot > td, .ui-jqgrid-jquery-ui.ui-jqgrid tr.ui-subgrid > td { border-bottom-color: inherit; } .ui-jqgrid tr.jqgrow > td, .ui-jqgrid tr.jqgroup > td, .ui-jqgrid tr.jqfoot > td { padding: 0 2px 0 2px; } .ui-jqgrid tr.ui-subgrid > td { padding: 0; } .ui-jqgrid tr.jqgfirstrow > td { padding: 0 2px 0 2px; border-top: 0 none; border-left: 0 none; height: 0; border-right-width: 1px; border-right-style: solid; border-bottom: 0 none; } .ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgfirstrow > td { border-right-color: inherit; } .ui-jqgrid tr.jqgfirstrow > td.td_cbox { padding: 0; } .ui-jqgrid tr.jqgrow > td, .ui-jqgrid tr.jqgroup > td, .ui-jqgrid tr.jqfoot > td { font-weight: normal; } .ui-jqgrid tr.jqfoot > td { font-weight: bold; } .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { text-align: left; border-left-width: 0; border-left-style: none; border-right-width: 1px; border-right-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td { border-color: inherit; } .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl > td { text-align: right; border-right-width: 0; border-right-style: none; border-left-width: 1px; border-left-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl > td { border-color: inherit; } .ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border-width: 0; border-style: none; } .ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum { border-bottom-width: 1px; border-bottom-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum { border-bottom-color: inherit; } .ui-jqgrid .jqgrow > td.td_cbox { padding: 0; text-align: center; vertical-align: middle; } .ui-jqgrid .jqgrow > td.ui-sgcollapsed { text-align: center; vertical-align: middle; } .ui-jqgrid tr.jqgrow > td.td_cbox { padding: 0; } .ui-jqgrid .jqgrow > td > .cbox { height: 14px; width: 14px; cursor: pointer; text-align: center; vertical-align: middle; } .ui-jqgrid > .ui-jqgrid-resize-mark, body > .ui-jqgrid-resize-mark { width: 0; left: 0; cursor: col-resize; -webkit-touch-callout: none; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; position: absolute; top: 0; overflow: hidden; display: none; border-left-width: 1px; border-right-width: 1px; z-index: 99999; } span.ui-jqgrid-cell-wrapper { margin: 0 !important; padding: 0 !important; } /* Footer */ .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-sdiv { position: relative; margin: 0; padding: 0; overflow: hidden; border-left: 0 none; border-top: 0 none; border-right: 0 none; } .ui-jqgrid .ui-jqgrid-ftable { table-layout: fixed; margin-bottom: 0; } .ui-jqgrid tr.footrow td { font-weight: bold; overflow: hidden; white-space: nowrap; height: 21px; padding: 0 2px 0 2px; border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow td { border-top-color: inherit; border-bottom-color: inherit; } .ui-jqgrid tr.footrow-ltr td { text-align: left; border-left-width: 0; border-left-style: none; border-right-width: 1px; border-right-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow-ltr td { border-color: inherit; } .ui-jqgrid tr.footrow-rtl td { text-align: right; border-left-width: 1px; border-left-style: solid; border-right-width: 0; border-right-style: none; } .ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow-rtl td { border-color: inherit; } /* Pager */ .ui-jqgrid > .ui-jqgrid-pager { border: 0 none; margin: 0; padding: 0; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; min-height: 22px; overflow: hidden; font-size: 11px; } .ui-jqgrid > .ui-jqgrid-pager *, .ui-jqgrid > .ui-jqgrid-pager *:before, .ui-jqgrid > .ui-jqgrid-pager *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control { position: relative; border-left: 0; border-bottom: 0; border-top: 0; } .ui-pager-control .ui-jqgrid-pg-left { text-align: left; } .ui-pager-control .ui-jqgrid-pg-center { text-align: center; white-space: pre; } .ui-pager-control .ui-jqgrid-pg-right { text-align: right; } .ui-jqgrid .ui-pg-table { position: relative; padding: 0; width: auto; margin: 0; } .jqgrow .ui-jqgrid-actions { background: inherit; border-style: none; } .ui-jqgrid .ui-pg-button:not(.ui-state-hover), .ui-jqgrid-jquery-ui .jqgrow .ui-jqgrid-actions .ui-pg-div:not(.ui-state-hover) { border: 1px solid transparent; } .ui-pager-control .ui-pg-table { border-color: inherit; } .ui-jqgrid .ui-pg-button:hover, .ui-jqgrid .ui-pg-button.ui-state-hover, .ui-jqgrid .ui-pg-button:focus, .jqgrow .ui-jqgrid-actions .ui-pg-div:hover, .jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover, .jqgrow .ui-jqgrid-actions .ui-pg-div:focus { border-style: solid; border-color: inherit; } .ui-jqgrid .ui-pg-table td { font-weight: normal; vertical-align: middle; padding: 1px; } .ui-jqgrid .ui-pager-control .ui-pg-button { display: inline-block; height: auto; } .ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float: left; } .ui-jqgrid .ui-pg-table .ui-pg-input, .ui-jqgrid .ui-pg-table .ui-pg-selbox { height: auto; width: auto; margin: 0; line-height: inherit; } select.form-control.ui-pg-selbox:not([size]):not([multiple]) { height: auto; } .ui-jqgrid .ui-pg-table .ui-pg-selbox { display: block; padding: 1px; } .ui-jqgrid .ui-separator { height: 12px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: -1px; float: right; } .ui-jqgrid .ui-paging-info { font-weight: normal; height: auto; margin: 0 .2em 0 .2em; display: inline; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div { padding: 1px 0; float: left; position: relative; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor: pointer; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon { float: left; margin: 0 2px; } .ui-jqgrid td input, .ui-jqgrid td select, .ui-jqgrid td textarea { margin: 0; } .ui-jqgrid td textarea { width: auto; height: auto; } .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-toppager { border-left: 0 none; border-right: 0 none; border-top: 0 none; margin: 0; padding: 0; position: relative; height: auto; min-height: 22px; overflow: hidden; } .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div { padding: 1px 0; float: left; position: relative; } .ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor: pointer; } .ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon { float: left; margin: 0 2px; } /* Navigator buttons */ .ui-jqgrid .ui-pg-table .ui-pg-button { margin: 2px; vertical-align: middle; } .ui-jqgrid .navtable .ui-pg-div span.ui-pg-button-text { padding-left: 0.2em; padding-right: 0.2em; } .ui-pg-button:hover > .ui-pg-div > .ui-pg-button-text, .ui-pg-button.ui-state-hover > .ui-pg-div > .ui-pg-button-text { font-weight: normal; } .ui-jqgrid .ui-pg-div { text-align: center; vertical-align: middle; display: inline-block; } .ui-jqgrid .navtable .ui-pg-div > span.ui-pg-button-icon-over-text { margin-left: auto; margin-right: auto; float: none; } /* Subgrid */ .subgrid-data > .tablediv > .ui-jqgrid { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .subgrid-data > .tablediv > .ui-jqgrid > .ui-jqgrid-view { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-jqgrid .ui-jqgrid-btable .jqgrow > .ui-sgcollapsed { text-align: center; vertical-align: middle; } .ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span { display: inline-block; } .ui-jqgrid .ui-subgrid { margin: 0; padding: 0; width: 100%; } .sgbutton { cursor: pointer; } .ui-jqgrid .ui-subgrid table { table-layout: fixed; } .ui-jqgrid .ui-subgrid tr.ui-subtblcell td { height: 18px; border-top: 0 none; border-bottom-width: 1px; border-bottom-style: solid; } .ui-jqgrid-jquery-ui.ui-jqgrid .ui-subgrid tr.ui-subtblcell td { border-bottom-color: inherit; } .ui-jqgrid .ui-th-subgrid { height: 20px; } .ui-jqgrid .ui-row-ltr.ui-subgrid > .subgrid-cell > span { float: right; } .ui-jqgrid .ui-row-rtl.ui-subgrid > .subgrid-cell > span { float: left; } /* Loading */ .ui-jqgrid > .loading { position: absolute; top: 45%; left: 45%; width: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px; font-size: 11px; } .ui-jqgrid .jqgrid-overlay { display: none; z-index: 100; } * .jqgrid-overlay iframe { position: absolute; top: 0; left: 0; z-index: -1; } /* Toolbar */ .ui-jqgrid > .ui-jqgrid-view > .ui-userdata { border-left: 0 none; border-right: 0 none; height: 21px; overflow: hidden; } /* Modal Window */ .ui-jqgrid .ui-jqdialog { font-size: 11px; } .ui-jqdialog { display: none; width: 300px; position: absolute; font-size: 11px; overflow: visible; } .ui-jqdialog.ui-jqgrid-jquery-ui { padding: .2em; } .ui-jqgrid-bootstrap.modal { right: auto; left: auto; } .ui-jqgrid-bootstrap.modal > .modal-dialog { max-width: none; } .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height: auto; } .ui-jqdialog .ui-jqconfirm { padding: .4em 1em; border-width: 3px; position: absolute; bottom: 10px; right: 10px; overflow: visible; display: none; height: 80px; width: 220px; text-align: center; } .ui-jqgrid > .ui-resizable-se, .ui-jqdialog > .ui-resizable-se { bottom: -3px; right: -3px; } /* Form edit */ .ui-jqdialog-content .FormGrid { margin: 0; } .ui-jqdialog-content .EditTable { width: 100%; margin-bottom: 0; } .ui-jqdialog-content .DelTable { width: 100%; margin-bottom: 0; } .EditTable td input, .EditTable td select, .EditTable td textarea { margin: 0; } .EditTable td textarea { width: auto; height: auto; } .ui-jqdialog-content td.EditButton { border-top: 0 none; border-left: 0 none; border-right: 0 none; padding: 5px 0; } .ui-jqdialog-content td.EditButton-ltr { text-align: right; } .ui-jqdialog-content td.EditButton-rtl { text-align: left; } .ui-jqdialog-content td.navButton { text-align: left; border-left: 0 none; border-top: 0 none; border-right: 0 none; padding: 5px 0; } .ui-jqdialog-content td.navButton-ltr { text-align: left; } .ui-jqdialog-content td.navButton-ltr > .fm-button { float: left; } .ui-jqdialog-content td.navButton-rtl { text-align: right; } .ui-jqdialog-content td.navButton-rtl > .fm-button { float: right; } .ui-jqdialog-content .FormElement { width: 100%; box-sizing: border-box; } .ui-jqdialog-content input.FormElement, .ui-jqdialog-content select.FormElement { padding: .3em; } .ui-jqdialog-content .data-line { padding-top: .1em; border: 0 none; } .ui-jqdialog-content .CaptionTD { vertical-align: middle; border: 0 none; padding: 2px; white-space: nowrap; } .ui-jqdialog-content .DataTD { padding: 2px; border-width: 0; border-style: none; vertical-align: top; } /*.ui-jqdialog-content .form-view-data { white-space: pre; }*/ .ui-jqgrid-jquery-ui.ui-jqdialog .form-view-data > span { border-width: 1px; border-style: solid; border-color: inherit; border-radius: 3px; display: block; padding: .2em; } .ui-jqgrid-jquery-ui.ui-jqdialog .form-view-label > label { font-weight: bold; } .ui-jqgrid-bootstrap.ui-jqdialog .ui-jqdialog-content .form-view-data > span { height: 100%; width: auto; } .ui-jqdialog .fm-button { display: inline-block; padding: .4em .5em; text-decoration: none; cursor: pointer; position: relative; text-align: center; zoom: 1; } .ui-jqdialog.ui-jqgrid-bootstrap .navButton .fm-button { padding: .375em .75em; margin-left: .125em; } .ui-jqdialog .fm-button > span { display: inline-block; vertical-align: middle; } .ui-jqdialog .fm-button .fm-button-text { padding: 0 .2em; } .ui-jqdialog .EditButton-ltr .fm-button-icon-left .fm-button-icon { margin-right: .2em; } .ui-jqdialog .EditButton-ltr .fm-button-icon-right .fm-button-icon { margin-left: .2em; } .ui-jqdialog .EditButton-rtl .fm-button-icon-right .fm-button-icon { margin-right: .2em; } .ui-jqdialog .EditButton-rtl .fm-button-icon-left .fm-button-icon { margin-left: .2em; } .delmsg { padding: .5em; } .ui-jqgrid .selected-row, .ui-jqgrid .selected-row td { font-style: normal; border-left: 0 none; } /* Inline edit actions button */ .ui-jqgrid .jqgrow .ui-jqgrid-actions { display: inline-block; vertical-align: middle; margin: 0; } .jqgrow .ui-jqgrid-actions .ui-pg-div { cursor: pointer; float: left; margin: 0 1px; } /* Tree Grid */ .ui-jqgrid .tree-wrap { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; } .ui-jqgrid .treeclick { cursor: pointer; display: inline-block; vertical-align: middle; width: 18px; overflow: hidden; } .ui-jqgrid .ui-jqgrid-bdiv .jqgroup .tree-wrap { text-align: center; padding-left: .1em; } .ui-jqgrid .ui-jqgrid-bdiv .jqgroup .tree-wrap.glyphicon { margin-top: -.18em; } /* Modal dialog */ * iframe.jqm { position: absolute; top: 0; left: 0; z-index: -1; } .ui-jqgrid-dnd tr td { border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height: 20px; } /* RTL Support */ .ui-jqgrid .ui-jqgrid-caption-rtl { text-align: right; } .ui-jqgrid .ui-jqgrid-hbox-rtl { float: right; padding-left: 20px; } .ui-jqgrid .ui-jqgrid-resize-ltr { right: 0; margin: 0; } .ui-jqgrid .ui-jqgrid-resize-rtl { left: 0; margin: 0; } .ui-jqgrid .ui-sort-rtl { left: 0; } .ui-jqgrid .cell-wrapperleaf, .ui-jqgrid .cell-wrapper { display: inline-block; vertical-align: middle; } .ui-jqgrid .ui-ellipsis { -moz-text-overflow: ellipsis; text-overflow: ellipsis; } /* Toolbar Search Menu */ .ui-search-menu { position: absolute; padding: .2em; } .ui-search-menu.ui-menu .ui-jqgrid-menu-item { list-style-image: none; padding-right: 0; padding-left: 0; } .ui-search-menu.ui-menu .ui-jqgrid-menu-item a { text-decoration: none; display: block; } .ui-search-toolbar > .ui-th-column > div { position: relative; height: auto; overflow: hidden; } .ui-search-toolbar .ui-search-table { padding: 0; border: 0 none; height: 20px; width: 100%; } .table-hover .ui-search-table tbody tr:hover { background-color: inherit; } .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th { padding: 0 .1em; } .ui-search-toolbar .ui-search-table .ui-search-oper { width: 20px; text-align: center; } .ui-search-toolbar .ui-th-column .ui-search-table .ui-search-input { padding: 0 .1em; } .ui-search-input input[type=text] { width: 100%; } a.g-menu-item, a.soptclass, a.clearsearchclass { text-decoration: none; cursor: pointer; } .ui-search-menu .ui-jqgrid-menu-item .g-menu-item { padding: .2em; } .ui-menu-jqueryui .ui-jqgrid-menu-item .g-menu-item:not(.ui-state-hover) { border: 1px solid transparent; } .ui-menu-jqueryui .ui-jqgrid-menu-item .g-menu-item:hover { font-weight: normal; } .ui-search-oper { padding: 0; } .ui-search-clear { text-align: center; padding: 0; } .ui-search-oper .soptclass, .ui-search-clear .clearsearchclass { padding: .1em; line-height: 1em; } .ui-jqgrid-jquery-ui .ui-search-oper .soptclass:not(.ui-state-hover), .ui-jqgrid-jquery-ui .ui-search-clear .clearsearchclass:not(.ui-state-hover) { border: 1px solid transparent; } .ui-search-clear .clearsearchclass span { position: relative; } .ui-search-input { text-align: center; } .ui-jqgrid .ui-search-table .ui-search-input > input[type=text], .ui-jqgrid .ui-search-table .ui-search-input > select { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-jqgrid > .ui-jqgrid-view input, .ui-jqgrid > .ui-jqgrid-view select, .ui-jqgrid > .ui-jqgrid-view textarea, .ui-jqgrid > .ui-jqgrid-view button { font-size: inherit; text-align: inherit; } .ui-jqgrid .s-ico > .ui-grid-ico-sort.glyphicon { font-size: 10px; } .ui-jqgrid .s-ico > .ui-icon-asc.glyphicon { margin-top: -.23em; } .ui-jqgrid .s-ico > .ui-icon-desc.glyphicon { margin-top: -.34em; } /* Support of Font Awesome */ .ui-jqgrid .s-ico > .ui-grid-ico-sort.fa { width: .63em; } .ui-jqgrid .s-ico > .ui-icon-asc.fa { line-height: .81em; top: 0.07em; } .ui-jqgrid .s-ico > .ui-icon-desc.fa { line-height: .81em; top: -.81em; } .ui-jqgrid .s-ico > .ui-icon-asc.fa.ui-sort-ltr, .ui-jqgrid .s-ico > .ui-icon-desc.fa.ui-sort-ltr { left: 0; } .ui-jqgrid .s-ico > .ui-icon-asc.fa.ui-sort-rtl, .ui-jqgrid .s-ico > .ui-icon-desc.fa.ui-sort-rtl { right: 0; } .ui-jqgrid .s-ico > .ui-state-disabled.fa { padding: 0; } .ui-jqgrid .s-ico > .svg-inline--fa.fa-sort-down { margin-top: -1.05em; } .jqgrow .ui-pg-div > span.fa { font-weight: normal; font-size: 12px; vertical-align: baseline; background: none; border: 0 none; } .ui-subgrid > .subgrid-cell span.fa { font-weight: normal; font-size: 12px; text-indent: 0; background: none; border: 0 none; margin-bottom: 4px; } .jqgrow > .ui-sgcollapsed span.fa { font-weight: normal; font-size: 12px; text-indent: 0; background: none; border: 0 none; margin: 0; } .ui-jqgrid .ui-resizable-se.fa { -webkit-filter: alpha(opacity=40); -moz-filter: alpha(opacity=40); -o-filter: alpha(opacity=40); filter: alpha(opacity=40); -ms-opacity: 0.4; opacity: 0.4; background: none; border-style: none; right: -3px; font-weight: normal; } .ui-jqgrid-ltr .ui-resizable-se.fa { right: -3px; bottom: 0; } .ui-jqgrid-rtl .ui-resizable-se.fa { left: 0; bottom: 1px; } /* Classes for jquery.contextmenu-ui.js plugin we included here */ .jqContextMenu .ui-menu .ui-jqgrid-menu-item a.ui-state-hover { font-weight: normal; margin: -1px; } .jqContextMenu .ui-menu .ui-jqgrid-menu-item.ui-state-hover { font-weight: normal; margin: -1px; } .jqContextMenu .ui-menu-icons > .ui-jqgrid-menu-item { font-size: 11px; } /* Classes for jQuery.jqGrid.showHideColumnMenu.js plugin */ .ui-jqgrid-showHideColumnMenu .ui-jqgrid-menu-item:hover { font-weight: normal; } .ui-jqgrid-disablePointerEvents { pointer-events: none; } /* Bootstrap style support */ .ui-jqgrid.ui-jqgrid-bootstrap { border: 1px solid #ddd; -ms-border-radius: 6px; border-radius: 6px; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-toppager { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-userdata { background-color: #f0f0f0; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv, .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-legacy-subgrid > thead { background-color: #e5e5e5; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view > .ui-jqgrid-sdiv td { background-color: #f9f9f9 } .ui-jqdialog.ui-jqgrid-bootstrap > .modal-dialog { margin-top: 0; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-titlebar .ui-jqgrid-title, .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-errorbar .ui-jqgrid-error, .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar .ui-jqdialog-title { font-size: 16px; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view { font-size: 12px; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .btn, .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .btn { font-size: 12px; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-view .fa, .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager .fa { font-size: 14px; } .ui-jqdialog.ui-jqgrid-bootstrap { font-size: 14px; } .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content .CaptionTD { padding: .5em; } .ui-jqgrid.ui-jqgrid-bootstrap .frozen-bdiv.ui-jqgrid-bdiv .ui-jqgrid-btable { background-color: white; } .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow > td, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow > td, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgroup > td, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqfoot > td { padding: .2em .3em; } .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow > td { padding: 0 .3em; } .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow > td.td_cbox, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow > td.td_cbox { padding: 0; } .ui-jqgrid.ui-jqgrid-bootstrap .jqgrow > td > .cbox { height: 18px; width: 18px; display: inline-block; vertical-align: middle; text-align: center; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-btable td.jqgrid-rownum { padding: .2em .3em; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-caption, .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar { background-color: #cacaca; -ms-border-top-left-radius: 6px; border-top-left-radius: 6px; -ms-border-top-right-radius: 6px; border-top-right-radius: 6px; } .modal-backdrop.jqgrid-overlay { -ms-opacity: .35; opacity: .35; -webkit-filter: Alpha(Opacity=35); -moz-filter: Alpha(Opacity=35); -o-filter: Alpha(Opacity=35); filter: Alpha(Opacity=35); } .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content { border: 0; padding: .3em .2em; background: white; height: auto; } .ui-jqdialog.ui-jqgrid-bootstrap .modal-dialog { width: auto; } .ui-jqdialog.ui-widget { overflow: hidden; } .ui-jqdialog .ui-resizable-handle { cursor: se-resize; position: absolute; -ms-touch-action: none; touch-action: none; } .ui-jqdialog.ui-jqgrid-bootstrap .modal-content { overflow: hidden; } .ui-jqdialog.ui-jqgrid-bootstrap .modal-content > .ui-resizable-handle.fa { bottom: 1px; right: 1px; height: 12px; width: 12px; } .ui-jqdialog.ui-jqgrid-bootstrap .modal-content > .ui-resizable-handle.glyphicon { right: -.4em; } .ui-jqgrid.ui-jqgrid-bootstrap .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ui-jqgrid-bootstrap.ui-jqgrid-resize-mark { border: 1px solid #aaaaaa; background-color: #cccccc; color: #222222; font-weight: bold; } .ui-jqgrid .jqgfirstrow { border-bottom: 0 none; border-top: 0 none; height: 0; } .ui-jqgrid.ui-jqgrid-bootstrap .jqgfirstrow td { border-bottom: 0 none; border-top: 0 none; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-pg-table .ui-pg-button.ui-state-disabled:hover { margin: 0; } .ui-jqgrid.ui-jqgrid-bootstrap .navtable .ui-pg-button.ui-state-disabled:hover { margin: 0; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-pg-table .ui-pg-button { margin: .2em 0; padding: .2em 0; border-radius: .4em; } .ui-search-input .form-control:not([size]):not([multiple]) { height: auto; min-height: 18px; } .ui-search-input input[type=text] { padding: 0; } .ui-search-input input[type=text].form-control { padding: 0 .3em; } .ui-search-input select.form-control { padding: 0; } .ui-search-input input[type=checkbox].form-control { width: auto; margin-left: auto; margin-right: auto; border-radius: 0; background: 0 transparent; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn { padding: 0; margin: 0; box-shadow: none; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn:not(:first-child) { margin-left: .125em; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn.ui-inline-save { margin-left: 0; } .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow .sgbutton-div .sgbutton.btn { padding: 0; cursor: pointer; border: 1px solid transparent; margin: -.3em -.3em; } .ui-jqgrid.ui-jqgrid-bootstrap .sgbutton-div .sgbutton.btn:focus, .ui-jqgrid.ui-jqgrid-bootstrap .sgbutton-div .sgbutton.btn:hover { border: 1px solid #333; } .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content { border-top-left-radius: 0; border-top-right-radius: 0; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-pager-control .ui-pg-input { display: inline-block; font-size: 12px; padding: .3em; } .ui-jqgrid.ui-jqgrid-bootstrap > .ui-jqgrid-pager { font-size: 12px; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-bootstrap-corner-top { border-top-left-radius: 6px; border-top-right-radius: 6px; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-bootstrap-corner-bottom { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-pager-control .ui-pg-selbox { font-size: 12px; padding: 0; } .ui-jqdialog.ui-jqgrid-bootstrap .FormData .CaptionTD { font-size: 14px; } .FormData .DataTD { vertical-align: middle; } .FormData .DataTD input[type="checkbox"] { width: auto; vertical-align: middle; } .ui-jqdialog.ui-jqgrid-bootstrap .FormData .DataTD input.form-control[type="checkbox"] { width: 2.193em; height: 2.193em; } .DelTable .delmsg { padding: .2em; } .queryresult { margin-bottom: .5em; padding: .25em; } .group.modal-content tr td { padding: .2em .1em; } .searchFilter .form-control { padding: .1em; } .searchFilter .form-control:not([size]):not([multiple]) { height: 2em; } .searchFilter .btn { margin-left: .125em; padding: .2em .375em; } .ui-jqgrid .searchFilter table.group td { padding: 1px; } .ui-jqgrid .searchFilter table { border-spacing: 2px; } .ui-jqdialog.ui-jqgrid-bootstrap .modal-header .close { margin-top: -0.7em; } .ui-jqdialog .glyphicon, .ui-jqgrid .glyphicon { font-size: 12px; top: auto; } .ui-jqdialog.ui-jqgrid-bootstrap .glyphicon, .ui-jqgrid.ui-jqgrid-bootstrap .glyphicon { font-size: 14px; top: auto; height: 1em; width: 1.28em; } .ui-jqgrid .ui-pg-button span.glyphicon { display: inline-block; text-align: center; /*margin-left: auto; margin-right: auto; padding: 0 .1em;*/ vertical-align: middle; } .ui-jqgrid-actions .glyphicon { padding: .1em; } .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-titlebar > .ui-jqgrid-titlebar-close > span.glyphicon { margin-top: -.125em; margin-left: -.275em; } .ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar > .ui-jqdialog-titlebar-close > span.glyphicon { margin-top: -.1em; margin-left: -.28em; } .tree-wrap > .treeclick { line-height: 1; } .tree-wrap > .treeclick.glyphicon { margin-top: -.2em; font-size: 12px; } .subgrid-data .ui-jqgrid-bootstrap .ui-jqgrid-hdiv .ui-jqgrid-htable, .subgrid-data .ui-jqgrid-bootstrap .ui-jqgrid-bdiv .ui-jqgrid-btable { background-color: transparent; } .subgrid-data .ui-jqgrid-legacy-subgrid { margin: 0; } /* */ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; /*fix flickering when used background-image instead of (on Chrome)*/ -webkit-perspective: 1000; } ul.bxslider { list-style: none; } .bx-viewport { /* fix other elements on the page moving (in Chrome) */ -webkit-transform: translateZ(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(/assets/bx_loader-a0b0667af87d0be3ce4a13ac0dff40d437989864235a546db6168591c01f2f2a.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(/assets/controls-ad2258c10c52ab20ee94088a21655d9394216259d68b3d9d8933a320615ab8e2.png) no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url(/assets/controls-ad2258c10c52ab20ee94088a21655d9394216259d68b3d9d8933a320615ab8e2.png) no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/assets/controls-ad2258c10c52ab20ee94088a21655d9394216259d68b3d9d8933a320615ab8e2.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/assets/controls-ad2258c10c52ab20ee94088a21655d9394216259d68b3d9d8933a320615ab8e2.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* * jQuery File Upload Plugin CSS 1.3.0 * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileinput-button { position: relative; overflow: hidden; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } /* * jQuery File Upload UI Plugin CSS 9.0.0 * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2010, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle { margin-bottom: 5px; } .progress-animated .progress-bar, .progress-animated .bar { background: url(/assets/progressbar-91f3966a1d3b87010bc363341330c1200dd1f343ccbb87532a220df207022ba9.gif) !important; -webkit-filter: none; filter: none; } .fileupload-process { float: right; display: none; } .fileupload-processing .fileupload-process, .files .processing .preview { display: block; width: 32px; height: 32px; background: url(/assets/loading-e611bd10da5752d2c77c75664d6ec0cc16491d9d1d85012a753624374ccfeeae.gif) center no-repeat; background-size: contain; } .files audio, .files video { max-width: 300px; } @media (max-width: 767px) { .fileupload-buttonbar .toggle, .files .toggle, .files .btn span { display: none; } .files .name { width: 80px; word-wrap: break-word; } .files audio, .files video { max-width: 80px; } .files img, .files canvas { max-width: 100%; } } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } a:focus { outline: 0; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { margin: 0; } p { margin: 0; } blockquote { margin: 0; } ul, ol { margin-top: 0; margin-bottom: 0; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } fieldset { padding: 0; margin: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none; } .w-form { margin: 0 0 15px; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999999; } .w-input:focus, .w-select:focus { outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; background-color: #eeeeee; -webkit-appearance: none; -webkit-appearance: none; } textarea.w-input, textarea.w-select { height: auto; -webkit-appearance: none; } .w-select[multiple] { height: auto; } .w-button { display: inline-block; padding: 12px; background-color: black; color: white; border: 0; line-height: inherit; -webkit-appearance: none; border-radius: 0; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-checkbox, .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; -webkit-appearance: none; } .w-checkbox:before, .w-radio:before, .w-checkbox:after, .w-radio:after { content: " "; display: table; } .w-checkbox:after, .w-radio:after { clear: both; } .w-checkbox-input, .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-col-push-1 { left: 8.33333333%; } .w-col-push-2 { left: 16.66666667%; } .w-col-push-3 { left: 25%; } .w-col-push-4 { left: 33.33333333%; } .w-col-push-5 { left: 41.66666667%; } .w-col-push-6 { left: 50%; } .w-col-push-7 { left: 58.33333333%; } .w-col-push-8 { left: 66.66666667%; } .w-col-push-9 { left: 75%; } .w-col-push-10 { left: 83.33333333%; } .w-col-push-11 { left: 91.66666667%; } .w-col-pull-1 { right: 8.33333333%; } .w-col-pull-2 { right: 16.66666667%; } .w-col-pull-3 { right: 25%; } .w-col-pull-4 { right: 33.33333333%; } .w-col-pull-5 { right: 41.66666667%; } .w-col-pull-6 { right: 50%; } .w-col-pull-7 { right: 58.33333333%; } .w-col-pull-8 { right: 66.66666667%; } .w-col-pull-9 { right: 75%; } .w-col-pull-10 { right: 83.33333333%; } .w-col-pull-11 { right: 91.66666667%; } .w-col-offset-1 { margin-left: 8.33333333%; } .w-col-offset-2 { margin-left: 16.66666667%; } .w-col-offset-3 { margin-left: 25%; } .w-col-offset-4 { margin-left: 33.33333333%; } .w-col-offset-5 { margin-left: 41.66666667%; } .w-col-offset-6 { margin-left: 50%; } .w-col-offset-7 { margin-left: 58.33333333%; } .w-col-offset-8 { margin-left: 66.66666667%; } .w-col-offset-9 { margin-left: 75%; } .w-col-offset-10 { margin-left: 83.33333333%; } .w-col-offset-11 { margin-left: 91.66666667%; } .w-hidden-main { display: none !important; } .light { background-color: white; } .dark { background-color: #262626; } .black { background-color: #000000; } .light-background { background-color: white; } .dark-background { background-color: grey !important; color: lightgrey !important; } .black-background { background-color: #000000 !important; color: lightgrey !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-medium-push-1 { left: 8.33333333%; } .w-col-medium-push-2 { left: 16.66666667%; } .w-col-medium-push-3 { left: 25%; } .w-col-medium-push-4 { left: 33.33333333%; } .w-col-medium-push-5 { left: 41.66666667%; } .w-col-medium-push-6 { left: 50%; } .w-col-medium-push-7 { left: 58.33333333%; } .w-col-medium-push-8 { left: 66.66666667%; } .w-col-medium-push-9 { left: 75%; } .w-col-medium-push-10 { left: 83.33333333%; } .w-col-medium-push-11 { left: 91.66666667%; } .w-col-medium-pull-1 { right: 8.33333333%; } .w-col-medium-pull-2 { right: 16.66666667%; } .w-col-medium-pull-3 { right: 25%; } .w-col-medium-pull-4 { right: 33.33333333%; } .w-col-medium-pull-5 { right: 41.66666667%; } .w-col-medium-pull-6 { right: 50%; } .w-col-medium-pull-7 { right: 58.33333333%; } .w-col-medium-pull-8 { right: 66.66666667%; } .w-col-medium-pull-9 { right: 75%; } .w-col-medium-pull-10 { right: 83.33333333%; } .w-col-medium-pull-11 { right: 91.66666667%; } .w-col-medium-offset-1 { margin-left: 8.33333333%; } .w-col-medium-offset-2 { margin-left: 16.66666667%; } .w-col-medium-offset-3 { margin-left: 25%; } .w-col-medium-offset-4 { margin-left: 33.33333333%; } .w-col-medium-offset-5 { margin-left: 41.66666667%; } .w-col-medium-offset-6 { margin-left: 50%; } .w-col-medium-offset-7 { margin-left: 58.33333333%; } .w-col-medium-offset-8 { margin-left: 66.66666667%; } .w-col-medium-offset-9 { margin-left: 75%; } .w-col-medium-offset-10 { margin-left: 83.33333333%; } .w-col-medium-offset-11 { margin-left: 91.66666667%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } .w-col-small-push-1 { left: 8.33333333%; } .w-col-small-push-2 { left: 16.66666667%; } .w-col-small-push-3 { left: 25%; } .w-col-small-push-4 { left: 33.33333333%; } .w-col-small-push-5 { left: 41.66666667%; } .w-col-small-push-6 { left: 50%; } .w-col-small-push-7 { left: 58.33333333%; } .w-col-small-push-8 { left: 66.66666667%; } .w-col-small-push-9 { left: 75%; } .w-col-small-push-10 { left: 83.33333333%; } .w-col-small-push-11 { left: 91.66666667%; } .w-col-small-pull-1 { right: 8.33333333%; } .w-col-small-pull-2 { right: 16.66666667%; } .w-col-small-pull-3 { right: 25%; } .w-col-small-pull-4 { right: 33.33333333%; } .w-col-small-pull-5 { right: 41.66666667%; } .w-col-small-pull-6 { right: 50%; } .w-col-small-pull-7 { right: 58.33333333%; } .w-col-small-pull-8 { right: 66.66666667%; } .w-col-small-pull-9 { right: 75%; } .w-col-small-pull-10 { right: 83.33333333%; } .w-col-small-pull-11 { right: 91.66666667%; } .w-col-small-offset-1 { margin-left: 8.33333333%; } .w-col-small-offset-2 { margin-left: 16.66666667%; } .w-col-small-offset-3 { margin-left: 25%; } .w-col-small-offset-4 { margin-left: 33.33333333%; } .w-col-small-offset-5 { margin-left: 41.66666667%; } .w-col-small-offset-6 { margin-left: 50%; } .w-col-small-offset-7 { margin-left: 58.33333333%; } .w-col-small-offset-8 { margin-left: 66.66666667%; } .w-col-small-offset-9 { margin-left: 75%; } .w-col-small-offset-10 { margin-left: 83.33333333%; } .w-col-small-offset-11 { margin-left: 91.66666667%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } .w-col-tiny-push-1 { left: 8.33333333%; } .w-col-tiny-push-2 { left: 16.66666667%; } .w-col-tiny-push-3 { left: 25%; } .w-col-tiny-push-4 { left: 33.33333333%; } .w-col-tiny-push-5 { left: 41.66666667%; } .w-col-tiny-push-6 { left: 50%; } .w-col-tiny-push-7 { left: 58.33333333%; } .w-col-tiny-push-8 { left: 66.66666667%; } .w-col-tiny-push-9 { left: 75%; } .w-col-tiny-push-10 { left: 83.33333333%; } .w-col-tiny-push-11 { left: 91.66666667%; } .w-col-tiny-pull-1 { right: 8.33333333%; } .w-col-tiny-pull-2 { right: 16.66666667%; } .w-col-tiny-pull-3 { right: 25%; } .w-col-tiny-pull-4 { right: 33.33333333%; } .w-col-tiny-pull-5 { right: 41.66666667%; } .w-col-tiny-pull-6 { right: 50%; } .w-col-tiny-pull-7 { right: 58.33333333%; } .w-col-tiny-pull-8 { right: 66.66666667%; } .w-col-tiny-pull-9 { right: 75%; } .w-col-tiny-pull-10 { right: 83.33333333%; } .w-col-tiny-pull-11 { right: 91.66666667%; } .w-col-tiny-offset-1 { margin-left: 8.33333333%; } .w-col-tiny-offset-2 { margin-left: 16.66666667%; } .w-col-tiny-offset-3 { margin-left: 25%; } .w-col-tiny-offset-4 { margin-left: 33.33333333%; } .w-col-tiny-offset-5 { margin-left: 41.66666667%; } .w-col-tiny-offset-6 { margin-left: 50%; } .w-col-tiny-offset-7 { margin-left: 58.33333333%; } .w-col-tiny-offset-8 { margin-left: 66.66666667%; } .w-col-tiny-offset-9 { margin-left: 75%; } .w-col-tiny-offset-10 { margin-left: 83.33333333%; } .w-col-tiny-offset-11 { margin-left: 91.66666667%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { width: 90% !important; height: auto !important; top: 7px !important; left: 6% !important; display: inline; text-align: center; overflow: hidden; } .w-widget-map .gm-style-iw + div { display: none; } .w-widget-twitter { overflow: hidden; } .w-widget-gplus { overflow: hidden; } .w-slider { position: relative; height: 300px; text-align: center; background: rgba(153, 153, 153, 0.5); clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { -webkit-border-radius: 100%; -webkit-background-clip: padding-box; -moz-border-radius: 100%; -moz-background-clip: padding; border-radius: 100%; background-clip: padding-box; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; -webkit-transition: background-color 100ms, color 100ms; -moz-transition: background-color 100ms, color 100ms; -o-transition: background-color 100ms, color 100ms; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] { position: absolute; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #f2f2f2; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #339ce1; } .w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="all"] .w-dropdown-list { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="medium"] .w-dropdown-list { position: static; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="small"] .w-dropdown-list { position: static; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle { display: block; } .w-nav[data-collapse="tiny"] .w-dropdown-list { position: static; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } .w-lightbox-image { display: block; max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: .5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin .8s infinite linear; animation: spin .8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: .5; } .w-lightbox-close { opacity: .8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-nav { position: relative; background: #BBB; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #222222; } .w-nav-brand:hover { text-decoration: none; color: #222222; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link:hover { text-decoration: none; color: #222222; } .w-nav-link.w--current { color: #339ce1; } .w-nav-menu { position: relative; float: right; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #999; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay .w--nav-menu-open { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button.w--open { background-color: #999; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 8px 30px; text-align: left; cursor: pointer; background-color: #E8E8E8; } .w-tab-link.w--current { background-color: #BCD3F3; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .w-dyn-items { display: none; } .w-dyn-items.visible { display: block; } .w-dyn-empty { display: none; padding: 10px; background-color: #dddddd; } .w-dyn-error { display: none; padding: 10px; background-color: #ffdede; } @charset "UTF-8"; /* line 1, app/assets/stylesheets/styles.scss.erb */ body { background-color: #ededed; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 20px; } /* line 8, app/assets/stylesheets/styles.scss.erb */ #map { width: 100%; height: 500px; } /* line 12, app/assets/stylesheets/styles.scss.erb */ legend { font-size: 16px; color: #0c588f; background-color: aliceblue; } /* line 17, app/assets/stylesheets/styles.scss.erb */ .header-wrapper span { position: relative; display: inline-block; margin-top: 22px; margin-left: 5px; float: left; color: white; font-size: 18px; line-height: 24px; font-weight: 400; } /* line 29, app/assets/stylesheets/styles.scss.erb */ h1 { margin-top: 20px; margin-bottom: 10px; font-family: Roboto, sans-serif; color: #0c588f; font-size: 20px; line-height: 120%; font-weight: bold; } /* line 39, app/assets/stylesheets/styles.scss.erb */ h2 { display: inline-block; margin-top: 18px; margin-bottom: 10px; font-family: Roboto, sans-serif; color: #0c588f; font-size: 16px; line-height: 120%; font-weight: 700; } /* line 49, app/assets/stylesheets/styles.scss.erb */ h3 { margin-top: 10px; margin-bottom: 10px; font-family: Roboto, sans-serif; color: #0c588f; font-size: 16px; line-height: 120%; font-weight: 400; } /* line 58, app/assets/stylesheets/styles.scss.erb */ h4 { margin-top: 10px; margin-bottom: 10px; font-size: 14px; line-height: 24px; font-weight: 700; } /* line 65, app/assets/stylesheets/styles.scss.erb */ h5 { /*margin-top: 10px;*/ margin-bottom: 10px; font-size: 12px; /*line-height: 20px;*/ font-weight: 700; } /* line 72, app/assets/stylesheets/styles.scss.erb */ h6 { margin-top: 10px; margin-bottom: 10px; font-size: 12px; line-height: 20px; font-weight: 700; } /* line 79, app/assets/stylesheets/styles.scss.erb */ .important-text-blue { border: 4px solid #3E8EC7; border-radius: 10px; padding: 10px; margin-bottom: 10px; background-color: lightcyan; } /* line 86, app/assets/stylesheets/styles.scss.erb */ .comment-author-info { border: 3px solid; width: 200px; text-align: center; margin-top: 5px; margin-bottom: 10px; } /* line 93, app/assets/stylesheets/styles.scss.erb */ .left-catalog-select { height: 40px; color: #23527c; } /* line 97, app/assets/stylesheets/styles.scss.erb */ .select2-results { max-height: 80vh; overflow-y: auto; } /* line 101, app/assets/stylesheets/styles.scss.erb */ .select2-chosen { padding-top: 8px !important; margin-right: 23px !important; } /* line 105, app/assets/stylesheets/styles.scss.erb */ .spare-sold-info { width: 50px; height: 40px; border: 1px dotted grey; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; } /* line 113, app/assets/stylesheets/styles.scss.erb */ .seo-text-wrapper { border: 4px solid lightgrey; border-radius: 10px; padding: 10px; margin-top: 10px; margin-bottom: 10px; } /* line 120, app/assets/stylesheets/styles.scss.erb */ .grey-stripe { background-color: lightgrey; text-indent: 20px; padding: 10px; border-radius: 10px; margin-bottom: 10px; margin-top: 15px; } /* line 128, app/assets/stylesheets/styles.scss.erb */ .dm-auto-image { float: right; margin: 0 0 10px 10px; padding: 5px; border: 1px solid gray; border-radius: 5px; width: 300px; } /* line 135, app/assets/stylesheets/styles.scss.erb */ .top-15 { margin-top: 15px; } /* line 138, app/assets/stylesheets/styles.scss.erb */ .spare-counters { position: absolute; bottom: 0px; right: 0px; text-align: center; } /* line 144, app/assets/stylesheets/styles.scss.erb */ .breadcrumb { padding: 5px 5px; margin-bottom: 10px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } /* line 151, app/assets/stylesheets/styles.scss.erb */ a.phone-mobile-link:link { color: white; text-decoration: none; font-size: 20px; } /* line 156, app/assets/stylesheets/styles.scss.erb */ a.visited.phone-mobile-link:visited { color: white; text-decoration: none; } /* line 160, app/assets/stylesheets/styles.scss.erb */ .grey-panel { margin: 0px; padding: 0px; } /* line 164, app/assets/stylesheets/styles.scss.erb */ .adv-exp-content { /*position: absolute;*/ /*bottom: 7px;*/ /*right: 3px;*/ font-family: 'Roboto'; color: brown; font-size: 20px; margin-top: 10px; } /* line 173, app/assets/stylesheets/styles.scss.erb */ .fixed-text { color: red; text-decoration: line-through; } /* line 177, app/assets/stylesheets/styles.scss.erb */ .filter-pane { background-color: lightblue; margin-top: 5px; margin-bottom: 5px; padding: 5px 5px 0px 5px; border-radius: 10px; } /* line 184, app/assets/stylesheets/styles.scss.erb */ .hide-for-500 { display: inline; } /* line 187, app/assets/stylesheets/styles.scss.erb */ .show-for-500 { display: none; } /* line 190, app/assets/stylesheets/styles.scss.erb */ .show-for-500-row { display: none; } /* line 193, app/assets/stylesheets/styles.scss.erb */ .hide-for-600 { display: block; } /* line 196, app/assets/stylesheets/styles.scss.erb */ .show-for-600 { display: none; } /* line 199, app/assets/stylesheets/styles.scss.erb */ .sale-search { max-width: 90%; display: inline-block; } /* line 203, app/assets/stylesheets/styles.scss.erb */ .catalog_item { padding: 2px; width: 260px; display: inline-table; } /* line 208, app/assets/stylesheets/styles.scss.erb */ .catalog_item_one { padding: 2px; width: 100%; display: inline-table; } /* line 213, app/assets/stylesheets/styles.scss.erb */ .catalog_item_limit { padding: 2px; width: 260px; display: inline-table; } /* line 218, app/assets/stylesheets/styles.scss.erb */ .help-link { position: absolute; margin-top: 22px; margin-left: 30px; font-size: 23px; color: white; } /* line 225, app/assets/stylesheets/styles.scss.erb */ .help-comment-above { margin-left: 9px; margin-top: -6px; font-size: 20px; } /* line 230, app/assets/stylesheets/styles.scss.erb */ .help-comment-below { margin-top: 77px; margin-left: 23px; font-size: 20px; } /* line 235, app/assets/stylesheets/styles.scss.erb */ .part-description { border: 4px solid #3E8EC7; border-radius: 10px; padding: 10px; margin-bottom: 10px; background-color: lightcyan; } /* line 242, app/assets/stylesheets/styles.scss.erb */ #catalog h3 { color: #0c588f; font-family: Roboto, sans-serif; font-size: 18px; font-weight: bold; line-height: 120%; margin: 10px 0 16px 6px; } /* line 250, app/assets/stylesheets/styles.scss.erb */ body h2 { font-size: 20px; font-weight: normal; } /* line 254, app/assets/stylesheets/styles.scss.erb */ p { margin-bottom: 5px; } /* line 258, app/assets/stylesheets/styles.scss.erb */ a { text-decoration: none; } /* line 262, app/assets/stylesheets/styles.scss.erb */ ul#menu, ul#menu ul { list-style: none; margin: 0px; padding: 0px; } /* line 267, app/assets/stylesheets/styles.scss.erb */ ul#menu a, ul#menu span { display: block; text-decoration: none; } /* line 272, app/assets/stylesheets/styles.scss.erb */ ul#menu-phones, ul#menu-phones ul { list-style: none; margin: 0px; padding: 0px; } /* line 277, app/assets/stylesheets/styles.scss.erb */ ul#menu-phones a, ul#menu-phones span { display: block; text-decoration: none; } /* line 279, app/assets/stylesheets/styles.scss.erb */ .search-input { height: 36px; padding-left: 43px; width: 100%; -webkit-appearance: none; border-radius: 0; border: 0; } /* line 287, app/assets/stylesheets/styles.scss.erb */ p { margin-bottom: 14px; font-family: Roboto, sans-serif; line-height: 120%; } /* line 293, app/assets/stylesheets/styles.scss.erb */ .button { display: inline-block; width: 100%; height: 40px; margin-top: 0px; padding: 0px; float: left; background-color: black; color: white; text-align: center; text-decoration: none; } /* line 306, app/assets/stylesheets/styles.scss.erb */ .button-help-inquiry { border-radius: 5px; background-image: -moz-linear-gradient(90deg, #df4005 30%, #e2c697 100%); background-image: -webkit-linear-gradient(90deg, #df4005 30%, #e2c697 100%); background-image: -ms-linear-gradient(90deg, #df4005 30%, #e2c697 100%); box-shadow: -1px -1px 5px 1px rgba(163, 49, 6, 0.6), 0 1px 22px 0 rgba(102, 35, 10, 0.6), 0 -22px 0 0 rgba(223, 67, 8, 0.004) inset; position: absolute; left: 5px; top: 5px; width: 245px; height: 65px; z-index: 427; } /* line 319, app/assets/stylesheets/styles.scss.erb */ .new-button-help-inquiry { background-image: -moz-linear-gradient(#ef6f40, #df4005); background-image: -webkit-linear-gradient(#ef6f40, #df4005); background-image: -ms-linear-gradient(#ef6f40, #df4005); position: absolute; left: 5px; top: 0px; width: 245px; height: 70px; z-index: 427; text-align: center; cursor: pointer; } /* line 332, app/assets/stylesheets/styles.scss.erb */ .new-inquiry-text-top { font-weight: bold; color: white; font-size: 19px; margin-top: 8px; } /* line 338, app/assets/stylesheets/styles.scss.erb */ .new-inquiry-text-bottom { font-weight: bold; color: white; font-size: 12px; } /* line 344, app/assets/stylesheets/styles.scss.erb */ .button-search { border-radius: 5px; background-image: -moz-linear-gradient(90deg, #df4005 30%, #e2c697 100%); background-image: -webkit-linear-gradient(90deg, #df4005 30%, #e2c697 100%); background-image: -ms-linear-gradient(90deg, #df4005 30%, #e2c697 100%); box-shadow: -1px -1px 5px 1px rgba(163, 49, 6, 0.6), 0 1px 22px 0 rgba(102, 35, 10, 0.6), 0 -22px 0 0 rgba(223, 67, 8, 0.004) inset; /*position: absolute;*/ float: right; left: 12px; top: 20px; margin-top: 2px; width: 20%; height: 57px; z-index: 427; } /* line 359, app/assets/stylesheets/styles.scss.erb */ .button-help-call { border-radius: 5px; background-image: -moz-linear-gradient(90deg, #0c588f 30%, #337ab7 100%); background-image: -webkit-linear-gradient(90deg, #23527c 30%, #337ab7 100%); background-image: -ms-linear-gradient(90deg, #0c588f 30%, #337ab7 100%); box-shadow: -1px -1px 5px 1px rgba(30, 40, 6, 0.6), 0 1px 22px 0 rgba(20, 20, 10, 0.6), 0 -22px 0 0 rgba(30, 40, 8, 0.004) inset; position: absolute; left: 5px; top: 80px; width: 245px; height: 65px; z-index: 427; } /* line 372, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call { background-image: -moz-linear-gradient(90deg, #0c588f 30%, #337ab7 100%); background-image: -webkit-linear-gradient(90deg, #23527c 30%, #337ab7 100%); background-image: -ms-linear-gradient(90deg, #0c588f 30%, #337ab7 100%); position: absolute; left: 5px; top: 78px; width: 245px; height: 70px; z-index: 427; text-align: center; cursor: pointer; } /* line 383, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call a { text-decoration: none; } /* line 386, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call a:hover { text-decoration: none; } /* line 391, app/assets/stylesheets/styles.scss.erb */ .new_button-help-call-top { font-weight: bold; color: white; font-size: 16px; margin-top: 10px; } /* line 396, app/assets/stylesheets/styles.scss.erb */ .new_button-help-call-top a { text-decoration: none; } /* line 399, app/assets/stylesheets/styles.scss.erb */ .new_button-help-call-top a:hover { text-decoration: none; } /* line 403, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call-bottom { font-weight: bold; color: white; font-size: 12px; } /* line 407, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call-bottom a { text-decoration: none; } /* line 410, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call-bottom a:hover { text-decoration: none; } /* line 414, app/assets/stylesheets/styles.scss.erb */ .button.search-button { width: 80px; height: 40px; padding-top: 11px; padding-right: 0px; padding-left: 18px; float: right; background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png), -webkit-linear-gradient(#ef6f40, #df4005); background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png), -ms-linear-gradient(#ef6f40, #df4005); background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png), -moz-linear-gradient(#ef6f40, #df4005); background-position: 15% 50%, 0% 0%; background-repeat: no-repeat, repeat; font-family: Roboto, sans-serif; font-weight: bold; } /* line 429, app/assets/stylesheets/styles.scss.erb */ .button.search-button:hover { background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png), -webkit-linear-gradient(#ef6f40, #df4005); background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png), -ms-linear-gradient(#ef6f40, #df4005); background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png), -moz-linear-gradient(#ef6f40, #df4005); background-position: 15% 50%, 0% 0%; background-repeat: no-repeat, repeat; } /* line 436, app/assets/stylesheets/styles.scss.erb */ .button.ask-button { position: absolute; padding-top: 10px; background-image: -webkit-linear-gradient(#ef6f40, #df4005); background-image: linear-gradient(#ef6f40, #df4005); font-size: 18px; font-weight: 700; } /* line 444, app/assets/stylesheets/styles.scss.erb */ .button.purchase-button { width: 48%; height: 100%; padding-top: 7px; background-color: transparent; font-family: Roboto, sans-serif; color: #4e4a4a; font-size: 16px; line-height: 120%; font-weight: 700; color: white; float: right; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 459, app/assets/stylesheets/styles.scss.erb */ .button.forgot-password-button { width: 110px; height: 47px; margin-left: 14px; padding-top: 13px; float: right; background-color: transparent; font-family: Roboto, sans-serif; color: #3d3c3c; text-decoration: underline; } /* line 470, app/assets/stylesheets/styles.scss.erb */ .button.registration-button { display: inline-block; width: auto; height: auto; margin-top: 15px; float: right; border-bottom: 1px solid rgba(255, 255, 255, 0); background-color: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: Roboto, sans-serif; font-size: 18px; font-weight: 700; } /* line 484, app/assets/stylesheets/styles.scss.erb */ .button.registration-button:hover { border-bottom-color: white; } /* line 488, app/assets/stylesheets/styles.scss.erb */ .button.item-add-to-cart-button { display: block; width: 92px; height: 100%; padding-top: 6px; padding-right: 20px; padding-left: 0px; float: right; background-color: #2ca66b; background-image: url(/assets/new-icons/cart-button-icon-efee1c0800132521bda75be33b9a9aa211f6730c1bdecc354882301fb7b60a3d.png); background-position: 91% 50%; background-repeat: no-repeat; font-family: Roboto, sans-serif; font-size: 12px; font-weight: 700; } /* line 505, app/assets/stylesheets/styles.scss.erb */ .dm-container { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; width: 1000px; height: auto; margin-right: auto; margin-left: auto; box-shadow: rgba(0, 0, 0, 0.54) 0px 0px 5px 0px; } /* line 518, app/assets/stylesheets/styles.scss.erb */ .left-content-wrapper { position: relative; left: 0px; top: 0px; bottom: 0px; width: 160px; height: 100%; max-height: 1303px; min-height: 900px; float: left; background-color: #0c588f; } /* line 530, app/assets/stylesheets/styles.scss.erb */ .hide-for-small-screen { /*display: block;*/ /*background-color: white;*/ } /* line 534, app/assets/stylesheets/styles.scss.erb */ .hide-for-big-screen { display: none; /*background-color: white;*/ } /* line 538, app/assets/stylesheets/styles.scss.erb */ .hide-for-big-screen-inline { display: none; /*background-color: white;*/ } /* line 542, app/assets/stylesheets/styles.scss.erb */ .hide { display: none; } /* line 545, app/assets/stylesheets/styles.scss.erb */ .mobile-brand-image { /*width: 40px*/ } /* line 548, app/assets/stylesheets/styles.scss.erb */ .mobile-brand-image-wrapper { width: 105px; height: 105px; background-color: white; padding: 10px; margin: 5px; border: 1px dotted grey; background-size: contain; } /* line 557, app/assets/stylesheets/styles.scss.erb */ .mobile-brand-image-wrapper:hover { border: 4px solid grey; padding: 7px; } /* line 561, app/assets/stylesheets/styles.scss.erb */ .mobile-model-image-wrapper { /*width: 105px;*/ /*height: 105px;*/ background-color: white; padding: 5px; margin: 5px; border: 1px dotted grey; background-size: contain; } /* line 570, app/assets/stylesheets/styles.scss.erb */ .mobile-model-image-wrapper:hover { background-color: #0c588f; /*border: 4px solid grey;*/ /*padding: 7px;*/ } /* line 576, app/assets/stylesheets/styles.scss.erb */ .upper-logo { position: relative; width: 100%; height: 68px; float: left; background-color: white; padding: 10px; } /* line 587, app/assets/stylesheets/styles.scss.erb */ .row { margin: 0px; max-width: 100%; } /* line 591, app/assets/stylesheets/styles.scss.erb */ .catalog-content-wrapper { float: left; /*position: absolute;*/ max-width: 540px; } /* line 596, app/assets/stylesheets/styles.scss.erb */ .login-frame { width: 600px; margin: 100px auto; } /* line 600, app/assets/stylesheets/styles.scss.erb */ .enter-exit-wrapper { position: relative; width: 100%; height: 63px; float: left; /*border-bottom: 1px solid white;*/ background-image: -moz-linear-gradient(#ef6f40, #df4005); background-image: -webkit-linear-gradient(#ef6f40, #df4005); background-image: -ms-linear-gradient(#ef6f40, #df4005); padding: 1px; } /* line 612, app/assets/stylesheets/styles.scss.erb */ .brand-link { color: white; padding-top: 7px; padding-left: 10px; } /* line 617, app/assets/stylesheets/styles.scss.erb */ .menu-wrapper { position: relative; width: 100%; height: 100%; float: left; background-color: #0c588f; } /* line 624, app/assets/stylesheets/styles.scss.erb */ .menu-title-wrapper { position: relative; width: 100%; height: 50px; float: left; background-image: -moz-linear-gradient(#ef6f40, #df4005); background-image: -webkit-linear-gradient(#ef6f40, #df4005); background-image: -ms-linear-gradient(#ef6f40, #df4005); } /* line 633, app/assets/stylesheets/styles.scss.erb */ .border-dotted { border-top: 1px dotted white; } /* line 636, app/assets/stylesheets/styles.scss.erb */ .menu-title { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 3px; display: block; height: 20px; margin: auto 24px auto auto; padding-left: 10px; font-family: Roboto, sans-serif; color: white; font-size: 16px; font-weight: 900; } /* line 651, app/assets/stylesheets/styles.scss.erb */ .menu-title-arrow { position: absolute; top: 0px; right: 0px; bottom: 3px; width: 10px; height: 10px; min-width: 0px; margin-top: auto; margin-right: 10px; margin-bottom: auto; background-image: url(/assets/new-icons/menu-arrow-icon-b1e950daca9a8ed19379c2201c71cc00eba2325e175d94285e6688810d5f13b1.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 667, app/assets/stylesheets/styles.scss.erb */ .center-content-wrapper { position: relative; height: 100%; margin-left: 160px; float: none; background-color: white; } /* line 674, app/assets/stylesheets/styles.scss.erb */ .header-wrapper { position: relative; width: 100%; height: auto; height: 68px; float: left; background-color: #0c588f; } /* line 682, app/assets/stylesheets/styles.scss.erb */ .header-phone-wrapper { position: relative; height: 100%; padding-top: 17px; padding-right: 10px; float: right; } /* line 690, app/assets/stylesheets/styles.scss.erb */ .header-phone-first { position: relative; /*float: right;*/ font-family: Roboto, sans-serif; color: white; font-size: 20px; line-height: 28px; } /* line 698, app/assets/stylesheets/styles.scss.erb */ .header-phone-second { position: relative; /*float: right;*/ font-family: Roboto, sans-serif; color: white; font-size: 20px; line-height: 34px; } /* line 706, app/assets/stylesheets/styles.scss.erb */ .header-phones { margin-top: 5px; margin-left: 15px; /*text-align: left;*/ } /* line 711, app/assets/stylesheets/styles.scss.erb */ .new-header-phones { margin-top: 5px; margin-left: 40px; /*margin-right: 5px;*/ text-align: left; } /* line 717, app/assets/stylesheets/styles.scss.erb */ .size-18 { font-size: 18px; } /* line 721, app/assets/stylesheets/styles.scss.erb */ .size-16 { font-size: 16px; } /* line 725, app/assets/stylesheets/styles.scss.erb */ .default-text { font-family: Tahoma,Geneva,sans-serif; font-size: 13px; } /* line 731, app/assets/stylesheets/styles.scss.erb */ .td-10 { margin-top: 10px; } /* line 735, app/assets/stylesheets/styles.scss.erb */ .logos-wrapper { position: relative; height: 100%; background-color: #eaeaea; } /* line 741, app/assets/stylesheets/styles.scss.erb */ .pink { background-color: pink; } /* line 745, app/assets/stylesheets/styles.scss.erb */ .auto-logo { width: 60px; height: 60px; /*min-width: 0px;*/ float: left; /*padding: 10px;*/ text-align: center; margin: 5px; } /* line 814, app/assets/stylesheets/styles.scss.erb */ .auto-logos-and-instrumental-wrapper { position: relative; display: block; width: 100%; /*height: 63px;*/ float: left; } /* line 821, app/assets/stylesheets/styles.scss.erb */ .service-panel { position: relative; width: 100%; height: 170px; padding: 10px 16px; float: left; } /* line 828, app/assets/stylesheets/styles.scss.erb */ .info-panel { position: relative; width: 100%; padding: 10px 16px; float: left; } /* line 834, app/assets/stylesheets/styles.scss.erb */ .search-and-advantages-wrapper { position: relative; width: 540px; height: 100%; margin: 0px; padding: 0px; float: left; } /* line 842, app/assets/stylesheets/styles.scss.erb */ .search-wrapper { position: relative; height: auto; margin-bottom: 10px; width: 450px; } /* line 848, app/assets/stylesheets/styles.scss.erb */ .search-input-wrapper { border-radius: 5px; display: inline-block; width: 100%; float: left; border: 2px solid #e2c697; /*border: 2px solid #6f6f6f;*/ font-family: Roboto, sans-serif; font-weight: 700; } /* line 858, app/assets/stylesheets/styles.scss.erb */ .search-input-roll-wrapper { border-radius: 5px; display: inline-block; width: 100%; float: left; border: 2px solid #e2c697; /*border: 2px solid #6f6f6f;*/ font-family: Roboto, sans-serif; font-weight: 700; } /* line 869, app/assets/stylesheets/styles.scss.erb */ .search-icon { position: absolute; left: 0px; top: 0px; bottom: 0px; z-index: 1; width: 19px; height: 19px; min-width: 0px; margin-top: 12px; margin-bottom: auto; margin-left: 10px; background-image: url(/assets/new-icons/search-icon-d8c9ea03208aef1ce94d6140c5e4b5845c5f6624ea65f761781fa98ebacd2c43.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 885, app/assets/stylesheets/styles.scss.erb */ .advantages-wrapper { position: relative; width: 100%; height: 100px; float: left; background-color: #e4e4e4; } /* line 893, app/assets/stylesheets/styles.scss.erb */ .adv-exp { display: block; background-color: transparent; border-left: 0px; } /* line 900, app/assets/stylesheets/styles.scss.erb */ .adv-normal { display: none; } /* line 903, app/assets/stylesheets/styles.scss.erb */ .adv-exp-upper-block { width: 100%; height: 50%; position: relative; } /* line 908, app/assets/stylesheets/styles.scss.erb */ .adv-exp-down-block { width: 100%; height: 50%; position: relative; } /* line 913, app/assets/stylesheets/styles.scss.erb */ .adv-exp-content-sector { width: 33%; height: 100%; position: relative; float: left; background-color: #e4e4e4; border: 1px solid white; font-family: roboto; font-size: 12px; padding: 2px 0px 0px 4px; line-height: 120%; } /* line 925, app/assets/stylesheets/styles.scss.erb */ .adv-exp-content-sector:hover { background-color: grey; } /* line 928, app/assets/stylesheets/styles.scss.erb */ .new_m_adv-exp-content-sector { height: 50px; width: 50%; position: relative; float: left; background-color: lightslategrey; border: 1px solid white; font-size: 12px; padding: 2px 0px 0px 4px; line-height: 120%; } /* line 939, app/assets/stylesheets/styles.scss.erb */ .new_m_adv-exp-content-sector:hover { background-color: grey; } /* line 942, app/assets/stylesheets/styles.scss.erb */ .adv-exp-content-sector.adv-exp-content-sector-center { width: 34%; } /* line 945, app/assets/stylesheets/styles.scss.erb */ .question-wrapper { position: relative; width: 254px; height: 100%; float: right; } /* line 951, app/assets/stylesheets/styles.scss.erb */ .question-frame { height: 150px; border: 2px solid #e2c697; } /* line 957, app/assets/stylesheets/styles.scss.erb */ .shedule-wrapper { position: relative; display: inline-block; margin-top: 19px; margin-right: auto; margin-left: 18px; } /* line 964, app/assets/stylesheets/styles.scss.erb */ .shedule-icon { width: 38px; height: 37px; min-width: 0px; margin-right: 20px; float: left; background-image: url(/assets/new-icons/question-icon-88342cc76cff6d7a20fc23433a7f2a5bd761bcdc337ffa08ca7ab07a39ddbb0a.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 974, app/assets/stylesheets/styles.scss.erb */ .shedule-text { margin-top: 6.5px; float: left; font-family: Roboto, sans-serif; color: #0c588f; font-size: 24px; line-height: 24px; font-weight: 900; } /* line 983, app/assets/stylesheets/styles.scss.erb */ .week-text { display: inline-block; margin-top: 8px; margin-left: 22px; font-family: Roboto, sans-serif; color: #0c588f; font-size: 16px; font-weight: 900; } /* line 992, app/assets/stylesheets/styles.scss.erb */ .advantages-list-wrapper { height: 100%; padding-top: 18px; padding-bottom: 18px; padding-left: 18px; } /* line 998, app/assets/stylesheets/styles.scss.erb */ .advantages-left-row { width: 60%; height: 100%; float: left; } /* line 1003, app/assets/stylesheets/styles.scss.erb */ .advantages-right-row { width: 40%; height: 100%; float: left; } /* line 1008, app/assets/stylesheets/styles.scss.erb */ .advantage-wrapper { margin-bottom: 9px; } /* line 1011, app/assets/stylesheets/styles.scss.erb */ .wheel-icon { width: 14px; height: 15px; min-width: 0px; margin-right: 12px; float: left; background-image: url(/assets/new-icons/wheel-icon-ec4b58bfab79507f45cefecb931df35a50e0ed5fa71e3f75100aa03e9c54dfd2.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1021, app/assets/stylesheets/styles.scss.erb */ .advantage-text { font-family: Roboto, sans-serif; color: #2e2d2d; line-height: 15px; font-weight: 700; } /* line 1027, app/assets/stylesheets/styles.scss.erb */ .new-advantage-text { margin-top: 7px; padding-left: 26px; font-family: Roboto, sans-serif; line-height: 20px; font-weight: 700; } /* line 1034, app/assets/stylesheets/styles.scss.erb */ .main-slider { display: block; height: 100%; clear: none; background-color: transparent; } /* line 1040, app/assets/stylesheets/styles.scss.erb */ .slider-wrapper { position: relative; width: 100%; height: 141px; margin-bottom: 22px; float: left; } /* line 1047, app/assets/stylesheets/styles.scss.erb */ .main-slider-nav { display: none; } /* line 1050, app/assets/stylesheets/styles.scss.erb */ .main-slider-mask { position: relative; border: 1px solid #4a4a4a; } /* line 1054, app/assets/stylesheets/styles.scss.erb */ .main-slider-left-arrow { width: 34px; height: 34px; margin-left: 26px; background-image: url(/assets/new-icons/slider-left-arrow-151148fc5d9f26237fd40357c936a1f3d725c63ee59e1b994960c5d0fc2d1b6b.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1062, app/assets/stylesheets/styles.scss.erb */ .main-slider-right-arrow { width: 34px; height: 34px; margin-right: 26px; background-image: url(/assets/new-icons/slider-right-arrow-675cc79ddf02d898841fec1c1058f460970a5040fee91d01aa5dfac098e66235.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1070, app/assets/stylesheets/styles.scss.erb */ .main-slider-slide { position: relative; z-index: 1; display: block; height: 141px; padding-right: 110px; padding-left: 110px; } /* line 1078, app/assets/stylesheets/styles.scss.erb */ .main-slider-title { position: absolute; left: 0px; bottom: 0px; z-index: 5; width: 120px; height: 25px; padding-top: 2px; border-top-right-radius: 6px; background-color: #4a4a4a; font-family: Roboto, sans-serif; color: white; font-size: 12px; font-weight: 900; } /* line 1093, app/assets/stylesheets/styles.scss.erb */ .slide-items-wrapper { position: relative; height: 141px; padding-right: 120px; padding-left: 120px; } /* line 1099, app/assets/stylesheets/styles.scss.erb */ .slide-item-wrapper { position: relative; width: 25%; height: 100%; padding-top: 20px; float: left; } /* line 1106, app/assets/stylesheets/styles.scss.erb */ .slide-item { width: 86px; height: 59px; } /* line 1110, app/assets/stylesheets/styles.scss.erb */ .slide-item.slide-item-1 { position: relative; margin-right: 20px; float: right; } /* line 1115, app/assets/stylesheets/styles.scss.erb */ .slide-item.slide-item-2 { width: 96px; height: 72px; margin-right: 20px; float: right; background-image: url(/assets/banners/slider-item-2-d1015ddc578e54d78a60140d38c020a143e716cef4b220802d7c9d1779a2034e.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1124, app/assets/stylesheets/styles.scss.erb */ .slide-item.slider-item-3 { width: 69px; height: 62px; margin-right: 10px; float: right; background-image: url(/assets/banners/slider-item-3-6751a5a43362c13b16d13e22d9f5b46e40db6fa246a6552c73c6c91336885a6e.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1133, app/assets/stylesheets/styles.scss.erb */ .slide-item.slider-item-4 { width: 69px; height: 62px; float: right; background-image: url(/assets/banners/slider-item-4-7b7314add1087083bf474f93456d621bc4b3bb98a32c7e4111910b5d73ef1abc.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1141, app/assets/stylesheets/styles.scss.erb */ .slider-item-title { position: absolute; right: 0px; bottom: 0px; display: inline-block; margin-bottom: 13px; margin-left: 30px; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 12px; font-weight: 900; } /* line 1153, app/assets/stylesheets/styles.scss.erb */ .slider-item-title.slider-item-title-right { left: auto; right: 0px; bottom: 0px; display: block; margin-right: 20px; } /* line 1160, app/assets/stylesheets/styles.scss.erb */ .slider-item-price { float: right; color: #ef6c26; } /* line 1164, app/assets/stylesheets/styles.scss.erb */ .banners-wrapper { position: relative; width: 100%; margin-bottom: 22px; float: left; } /* line 1170, app/assets/stylesheets/styles.scss.erb */ .center-banners-wrapper { position: relative; width: 562px; padding-right: 10px; float: left; clear: none; } /* line 1177, app/assets/stylesheets/styles.scss.erb */ .right-banner-wrapper { width: 246px; float: right; } /* line 1181, app/assets/stylesheets/styles.scss.erb */ .right-banner { width: 256px; height: 264px; } /* line 1185, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-1 { position: relative; width: 246px; height: 254px; margin-bottom: 22px; background-image: url(/assets/banners/mobil1-banner-9afce456664c3d42e98db74c25f435d169375b88d15fdd7aa83eb8772ce39b4c.jpg); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1194, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-2 { position: relative; width: 246px; height: 254px; margin-right: 0px; margin-bottom: 22px; background-image: url(/assets/banners/dorman-banner-732b1de4698eae668c1bd26674acbca64aeb8413b51851aa26e0319cf6eb7f3d.jpg); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1204, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-3 { position: relative; width: 246px; height: 254px; background-image: url(/assets/banners/hammer-banner-a9c5e8786f70873610f295c117ea394a05862dab9375d7ae46e45d1071adcfc5.jpg); background-repeat: no-repeat; } /* line 1211, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-1 { position: absolute; top: 0px; right: 0px; width: 179px; height: 62px; margin-top: 10px; margin-right: 10px; padding-top: 9px; padding-right: 16px; background-color: rgba(255, 255, 255, 0.9); font-family: Roboto, sans-serif; color: #0e0e0e; font-size: 18px; line-height: 120%; font-weight: 400; text-align: right; } /* line 1229, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-2 { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 78px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 6px; background-color: rgba(255, 255, 255, 0.9); font-family: Roboto, sans-serif; font-size: 18px; text-align: center; } /* line 1244, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-3 { position: absolute; left: 0px; bottom: 0px; width: 158px; height: 45px; margin-bottom: 10px; margin-left: 10px; background-color: rgba(255, 255, 255, 0.9); text-align: center; } /* line 1255, app/assets/stylesheets/styles.scss.erb */ .right-banner-bold-text { font-weight: 700; } /* line 1258, app/assets/stylesheets/styles.scss.erb */ .dorman-logo { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 2; display: block; width: 190px; height: 37px; margin-right: auto; margin-bottom: 18px; margin-left: auto; background-image: url(/assets/banners/dorman-logo-effce760dd8933c912f42804b442c886e3e0d15dcd6c2a0a77f4305f3415250f.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1274, app/assets/stylesheets/styles.scss.erb */ .center-banner-1 { height: 264px; margin-bottom: 30px; padding-top: 0px; padding-right: 0px; background-position: 0px 100%; background-repeat: no-repeat; font-family: 'Uni Sans', sans-serif; color: #0e0e0e; font-size: 32px; line-height: 120%; font-style: italic; font-weight: 400; text-align: right; } /* line 1290, app/assets/stylesheets/styles.scss.erb */ .center-banner-2 { width: 33.33%; height: 234px; padding-top: 202px; float: left; background-image: url(/assets/banners/bearning-banner-777afde6a08cb0aba3605a61dcd6642b58445de97bfc8b7f35bc1fe0a1042715.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; font-family: 'Uni Sans', sans-serif; color: #0e0e0e; font-size: 16px; line-height: 120%; font-style: italic; text-align: right; } /* line 1306, app/assets/stylesheets/styles.scss.erb */ .center-banner-3 { width: 33.33%; height: 234px; padding-left: 10px; float: left; background-image: url(/assets/banners/bosh-banner-59f4c8303cfb7118341f1bbe72a47cf2c57f3df108d15d82c68b0c9175b5adc2.png); background-position: 100% 100%; background-repeat: no-repeat; font-family: 'Uni Sans', sans-serif; font-size: 32px; font-style: italic; text-align: right; } /* line 1319, app/assets/stylesheets/styles.scss.erb */ .center-banner-text { height: 234px; font-family: Roboto, sans-serif; color: #0e0e0e; font-size: 14px; font-style: normal; font-weight: 700; text-align: left; } /* line 1328, app/assets/stylesheets/styles.scss.erb */ .center-banner-text-normal { font-weight: 400; } /* line 1331, app/assets/stylesheets/styles.scss.erb */ .center-banner-4 { width: 33.3%; padding-left: 21px; float: left; background-image: url(/assets/banners/grand-cherokee-banner-096233b190eae510e4603e5c323c60d480c33305a098f0c4bd7c733288539257.png); background-size: contain; background-repeat: no-repeat; } /* line 1339, app/assets/stylesheets/styles.scss.erb */ .center-banner-5 { width: 45%; height: 239px; margin-top: 40px; margin-right: 5%; float: left; background-image: url(/assets/banners/to-banner-a4314afcaa064b48a68dc0370332e4579bb008ba03c6dcfc76b4869c1e71f1e5.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; font-family: 'Uni Sans', sans-serif; color: #0e0e0e; font-size: 32px; line-height: 120%; font-style: italic; text-align: right; } /* line 1356, app/assets/stylesheets/styles.scss.erb */ .center-banner-6 { width: 50%; height: 212px; margin-top: 40px; float: left; background-image: url(/assets/banners/ticket-banner-535bc3a4de60bd9ff1b5292fd32474598482f0e8b90df061b6a6547ef4f0d9df.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 1366, app/assets/stylesheets/styles.scss.erb */ .center-banner-text-grey { color: #909090; } /* line 1369, app/assets/stylesheets/styles.scss.erb */ .page-content-wrapper { width: 100%; background-color: #0c588f; } /* line 1373, app/assets/stylesheets/styles.scss.erb */ .footer-wrapper { position: relative; height: 110px; background-color: #6f6f6f; } /* line 1378, app/assets/stylesheets/styles.scss.erb */ .footer-logo { position: relative; top: 13px; bottom: 0px; width: 56px; height: 56px; min-width: 0px; margin-right: 20px; margin-left: 24px; float: left; background-image: url(/assets/new-icons/footer-logo-210a533a2a227d41fc3db0d31b85b72b49f905236bd4e5645d0c2a770650f47b.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1392, app/assets/stylesheets/styles.scss.erb */ .copyright-text { line-height: 20px; position: absolute; bottom: 20px; left: 10px; font-family: Roboto, sans-serif; color: white; font-weight: 400; text-align: center; } /* line 1402, app/assets/stylesheets/styles.scss.erb */ .down-links-wrapper { height: 100%; float: left; margin-left: 10px; } /* line 1407, app/assets/stylesheets/styles.scss.erb */ .stars-link { cursor: pointer; } /* line 1408, app/assets/stylesheets/styles.scss.erb */ .stars-link a { text-decoration: none; } /* line 1411, app/assets/stylesheets/styles.scss.erb */ .stars-link a:hover { text-decoration: none; } /* line 1415, app/assets/stylesheets/styles.scss.erb */ .expected_spare { color: #1a6e91; font-size: 18px; } /* line 1419, app/assets/stylesheets/styles.scss.erb */ .available_for_order { color: orange; font-size: 18px; } /* line 1423, app/assets/stylesheets/styles.scss.erb */ .available { color: green; font-size: 18px; } /* line 1427, app/assets/stylesheets/styles.scss.erb */ .not-available { color: red; font-size: 18px; } /* line 1431, app/assets/stylesheets/styles.scss.erb */ .remote-available { color: orange; font-size: 18px; } /* line 1435, app/assets/stylesheets/styles.scss.erb */ .footer-link { display: block; margin-top: 25px; margin-right: 20px; margin-left: 20px; padding-bottom: 2px; float: left; border-bottom: 2px solid rgba(255, 255, 255, 0); -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: Roboto, sans-serif; color: #cbcbcb; font-weight: 700; text-decoration: none; } /* line 1450, app/assets/stylesheets/styles.scss.erb */ .footer-link:hover { padding-bottom: 2px; color: white; } /* line 1454, app/assets/stylesheets/styles.scss.erb */ .phone-footer-wrapper { height: 100%; margin-right: 16px; padding-top: 12px; float: right; } /* line 1460, app/assets/stylesheets/styles.scss.erb */ .footer-title { color: white; font-size: 19px; text-align: center; text-transform: uppercase; } /* line 1467, app/assets/stylesheets/styles.scss.erb */ .footer-call-wrapper { height: 21px; margin-top: 8px; } /* line 1471, app/assets/stylesheets/styles.scss.erb */ .footer-call-icon { width: 21px; height: 21px; min-width: 0px; margin-right: 10px; float: left; background-image: url(/assets/new-icons/footer-phone-icon-6788b5f819c82ab9d76e4448f4f5ff5ccb435f1ca81a74599a3e74a14540dad3.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1481, app/assets/stylesheets/styles.scss.erb */ .footer-phone-text { font-family: Roboto, sans-serif; color: white; font-size: 15px; font-weight: 700; } /* line 1487, app/assets/stylesheets/styles.scss.erb */ .enter-wrapper { display: block; width: 76px; height: 21px; margin-top: 22px; margin-right: auto; margin-left: auto; } /* line 1495, app/assets/stylesheets/styles.scss.erb */ .enter-icon { position: relative; display: inline-block; width: 16px; height: 21px; min-width: 0px; margin-right: 10px; float: left; background-image: url(/assets/new-icons/enter-icon-da638c8e77e7cbd37001c7982551129a8da3b50355e992cfe9e708d7adfa65f5.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1507, app/assets/stylesheets/styles.scss.erb */ .enter-exit-text { position: relative; float: left; font-family: Roboto, sans-serif; color: white; font-size: 16px; font-weight: 900; margin-top: 0px; } /* line 1516, app/assets/stylesheets/styles.scss.erb */ .exit-wrapper { float: left; margin: 10px 0 0 10px; /*display: block;*/ /*width: 78px;*/ /*height: 18px;*/ /*min-width: 0px;*/ /*margin-top: 24px;*/ /*margin-right: auto;*/ /*margin-left: auto;*/ } /* line 1527, app/assets/stylesheets/styles.scss.erb */ .exit-wrapper2 { display: block; width: 78px; height: 18px; min-width: 0px; margin-top: 23px; margin-left: 40px; margin-right: auto; } /* line 1536, app/assets/stylesheets/styles.scss.erb */ .exit-text { width: 110px; float: right; font-weight: bold; color: white; text-align: center; line-height: 15px; margin-top: 9px; } /* line 1545, app/assets/stylesheets/styles.scss.erb */ .exit-icon { width: 15px; height: 18px; min-width: 0px; margin-right: 10px; float: left; background-image: url(/assets/new-icons/exit-icon-f54a0b245a07dd1634f44002e9367508de0a278ad87a58cc167a7568e7d4032f.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1556, app/assets/stylesheets/styles.scss.erb */ .instrumental-wrapper { position: relative; width: 100%; height: 100%; padding-top: 10px; padding-right: 16px; padding-left: 16px; float: left; display: block; } /* line 1566, app/assets/stylesheets/styles.scss.erb */ .instrumental-name-wrapper { width: 670px; position: relative; height: 100%; float: left; /*background-color: #0c588f;*/ background-color: #e4e4e4; } /* line 1574, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper { width: 130px; height: 100%; float: right; color: #0c588f; background-color: white; /*background-color: #0c588f;*/ -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 1585, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper-unsigned { height: 100%; /*background-color: #0c588f;*/ background-color: white; -webkit-transition: all 500ms ease; transition: all 500ms ease; padding: 24px 130px; } /* line 1594, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper-unsigned:hover { background-color: #449D44; cursor: pointer; } /* line 1599, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper:hover { background-color: #449D44; } /* line 1604, app/assets/stylesheets/styles.scss.erb */ .cart-number-select select { background: transparent; width: 40px; padding-left: 7px; border: 1px solid #e4e4e4; height: 26px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; color: #030303; } /* line 1619, app/assets/stylesheets/styles.scss.erb */ .cart-wrapper { /*width: 100%;*/ /*margin-top: 10px;*/ height: 68px; float: left; padding-top: 2px; cursor: pointer; margin-left: 40px; } /* line 1628, app/assets/stylesheets/styles.scss.erb */ .cart-wrapper-top { /*width: 100%;*/ /*margin-top: 10px;*/ height: 68px; float: right; padding-top: 2px; cursor: pointer; } /* line 1636, app/assets/stylesheets/styles.scss.erb */ .cart-div { margin-top: 10px; } /* line 1639, app/assets/stylesheets/styles.scss.erb */ .cart-icon { display: block; width: 15px; height: 15px; min-width: 0px; margin: 16px 5px 0 24px; background-image: url(/assets/new-icons/cart-icon-8c1752b0609800ecaba4f88d475b05e607e288a45c931577542c26c7e8656776.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; float: left; } /* line 1652, app/assets/stylesheets/styles.scss.erb */ .cart-items-price { font-family: roboto; font-size: 16px; font-weight: 900; float: right; padding: 16px 10px 0px 0px; color: white; } /* line 1661, app/assets/stylesheets/styles.scss.erb */ .cart-item-link-wrapper-top { /*color: #0c588f;*/ color: white; font-family: Roboto,sans-serif; line-height: 120%; margin-left: 3px; margin-top: 4px; /*font-weight: 700;*/ } /* line 1671, app/assets/stylesheets/styles.scss.erb */ .cart-item-link-wrapper { font-family: Roboto, sans-serif; /*color: white;*/ color: #0c588f; font-size: 14px; line-height: 120%; text-align: center; float: left; padding: 16px; } /* line 1682, app/assets/stylesheets/styles.scss.erb */ .cart-item-link-wrapper a { font-family: Roboto, sans-serif; color: white; font-size: 14px; } /* line 1688, app/assets/stylesheets/styles.scss.erb */ .cart-items-counter { font-family: Roboto, sans-serif; color: #0c588f; /*color: white;*/ font-size: 14px; text-align: center; padding: 14px; /*font-weight: 700;*/ float: right; } /* line 1699, app/assets/stylesheets/styles.scss.erb */ .cart-items-counter-top { /*color: #0c588f;*/ color: white; font-family: Roboto,sans-serif; /*font-weight: 700;*/ margin-left: 5px; } /* line 1708, app/assets/stylesheets/styles.scss.erb */ .cart-items-image-top { float: right; margin-right: 5px; margin-top: -38px; width: 40px; } /* line 1714, app/assets/stylesheets/styles.scss.erb */ .cart-items-image { float: left; } /* line 1717, app/assets/stylesheets/styles.scss.erb */ .home-wrapper { width: 40px; height: 100%; float: left; position: relative; } /* line 1723, app/assets/stylesheets/styles.scss.erb */ .home-icon { display: block; width: 24px; height: 100%; min-width: 0px; margin-right: auto; margin-left: auto; /*background-image: image-url(/assets/new-icons/home-icon-5f236f99444132c8f82f4eb35395a2f03cd4dfb5c690c338f3eea1063664199e.png);*/ background-position: 50% 50%; background-repeat: no-repeat; margin-top: 15px; } /* line 1735, app/assets/stylesheets/styles.scss.erb */ .home-text { margin-top: 4px; font-family: Roboto, sans-serif; color: #4e4a4a; font-size: 12px; line-height: 120%; text-align: center; } /* line 1743, app/assets/stylesheets/styles.scss.erb */ .client-name { display: block; margin: 6px 5px 0px 0; font-family: Roboto, sans-serif; color: #4e4a4a; font-size: 14px; line-height: 120%; font-weight: 700; float: left; text-align: left; width: 90%; } /* line 1755, app/assets/stylesheets/styles.scss.erb */ .instrumental-links-wrapper { position: relative; float: left; height: 100%; width: auto; padding-bottom: 10px; } /* line 1762, app/assets/stylesheets/styles.scss.erb */ .link-wrapper-upper-block { height: 50%; width: 100%; padding-top: 4px; } /* line 1767, app/assets/stylesheets/styles.scss.erb */ .link-wrapper-upper-block a { color: white; } /* line 1771, app/assets/stylesheets/styles.scss.erb */ .link-wrapper-down-block { height: 50%; width: 100%; padding-top: 2px; } /* line 1776, app/assets/stylesheets/styles.scss.erb */ .instrumental-link { background: #3E8EC7; font-family: roboto; font-weight: 400; font-size: 12px; padding: 0px 8px 0px 8px; margin: 0px 1px 0 1px; color: white; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-transition: all 500ms ease; transition: all 500ms ease; float: left; } /* line 1790, app/assets/stylesheets/styles.scss.erb */ .instrumental-link.link-blue-1 { background: #487595; } /* line 1793, app/assets/stylesheets/styles.scss.erb */ .instrumental-link.link-blue-2 { background: #145481; } /* line 1796, app/assets/stylesheets/styles.scss.erb */ .instrumental-link:hover { transform: translateY(-1px); -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } /* line 1805, app/assets/stylesheets/styles.scss.erb */ .pop-up-wrapper { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; display: none; overflow-x: scroll; overflow-y: scroll; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.9); } /* line 1819, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 110; display: block; width: 512px; height: 300px; margin: auto; } /* line 1831, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.login-wrapper { display: none; width: 600px; } /* line 1835, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.forgot-pass-wrapper { display: none; height: 200px; } /* line 1839, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.registration-wrapper { display: none; width: 610px; height: auto; margin-top: 100px; } /* line 1845, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.question-pop-up { display: none; width: 600px; height: 390px; } /* line 1851, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper.entrance-fields-wrapper { width: 400px; } /* line 1855, app/assets/stylesheets/styles.scss.erb */ .form-bg { position: relative; width: 100%; height: 266px; float: left; background-color: whitesmoke; } /* line 1862, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-pass { height: 200px; } /* line 1865, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-registration { height: auto; margin-bottom: 100px; } /* line 1869, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-question { height: auto; } /* line 1872, app/assets/stylesheets/styles.scss.erb */ .form-block { padding-top: 45px; padding-left: 0px; } /* line 1876, app/assets/stylesheets/styles.scss.erb */ .form-block.form-block-registration { margin-bottom: 40px; } /* line 1879, app/assets/stylesheets/styles.scss.erb */ .label-form-wrapper { display: inline-block; height: 40px; margin-bottom: 22px; padding-top: 6px; float: left; clear: both; } /* line 1887, app/assets/stylesheets/styles.scss.erb */ .label-form-wrapper.label-checkbox { height: 80px; } /* line 1890, app/assets/stylesheets/styles.scss.erb */ .form-label { display: inline-block; float: left; font-family: Roboto, sans-serif; color: #3d3c3c; font-size: 24px; line-height: 120%; font-weight: 400; } /* line 1899, app/assets/stylesheets/styles.scss.erb */ .form-label.no-icon-label { margin-left: 44px; } /* line 1902, app/assets/stylesheets/styles.scss.erb */ .login-icon { width: 19px; height: 17px; min-width: 0px; margin-top: 4px; margin-right: 26px; float: left; background-image: url(/assets/new-icons/login-icon-d09f1dba9bbe35e5abfc5099261de7f74cbb1af011fc6626e6327e5856c19ac2.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1913, app/assets/stylesheets/styles.scss.erb */ .password-icon { width: 18px; height: 24px; min-width: 0px; margin-right: 26px; float: left; background-image: url(/assets/new-icons/password-icon-dd67d21a08bd4892c5ed0124819ad69bade05770e76a81f04fb8eacc6953888f.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 1923, app/assets/stylesheets/styles.scss.erb */ .labels-wrapper { display: inline-block; float: left; } /* line 1927, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper { display: block; width: 500px; margin-right: auto; margin-left: auto; float: none; } /* line 1934, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper.form-fields-wrapper-password { width: 440px; } /* line 1937, app/assets/stylesheets/styles.scss.erb */ .request-form-button { width: 126px; height: 47px; float: right; background-color: #e06d2a; font-family: Roboto, sans-serif; font-size: 18px; } /* line 1945, app/assets/stylesheets/styles.scss.erb */ .request-form-button.pass-form-button { width: 100%; } /* line 1948, app/assets/stylesheets/styles.scss.erb */ .request-form-button.registration-form-button { width: 250px; clear: both; font-weight: 400; } /* line 1953, app/assets/stylesheets/styles.scss.erb */ .request-form-button.question-form-button { margin-top: 12px; margin-bottom: 11px; clear: right; } /* line 1958, app/assets/stylesheets/styles.scss.erb */ .form-text-field { width: 250px; height: 40px; margin-bottom: 22px; float: right; border: 1px solid #c3c3c3; background-color: transparent; font-family: Roboto, sans-serif; -webkit-appearance: none; border-radius: 0px; } /* line 1969, app/assets/stylesheets/styles.scss.erb */ .form-text-field.form-text-field-middle { margin-bottom: 44px; } /* line 1972, app/assets/stylesheets/styles.scss.erb */ .form-text-field.form-text-field-down { margin-bottom: 44px; } /* line 1975, app/assets/stylesheets/styles.scss.erb */ .cross-icon { position: absolute; top: 0px; right: 0px; width: 16px; height: 16px; min-width: 0px; margin-top: 10px; margin-right: 10px; background-image: url(/assets/new-icons/cross-icon-6530dc38f436142b2cb6a91ddaf98258d7c226a7978d4bee410034652b1b6833.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 1989, app/assets/stylesheets/styles.scss.erb */ .pop-up-overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 102; width: 100%; height: 100%; } /* line 1999, app/assets/stylesheets/styles.scss.erb */ .mail-icon { position: relative; width: 20px; height: 20px; min-width: 0px; margin-top: 3px; margin-right: 25px; float: left; background-image: url(/assets/new-icons/mail-icon-f193be808038e9e7e08101a1817068f5c852767beddb19c95599c597f67eddaa.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 2012, app/assets/stylesheets/styles.scss.erb */ .registration-tabs-menu { margin-top: -36px; } /* line 2015, app/assets/stylesheets/styles.scss.erb */ .registration-tab-link { margin-right: 2px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: #d1d1d1; } /* line 2021, app/assets/stylesheets/styles.scss.erb */ .registration-tab-link.w--current { margin-right: 2px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: whitesmoke; } /* line 2027, app/assets/stylesheets/styles.scss.erb */ .registration-tab-title { padding-bottom: 0px; border-bottom-style: none; font-family: Roboto, sans-serif; font-size: 18px; font-weight: 700; } /* line 2034, app/assets/stylesheets/styles.scss.erb */ .user-icon { width: 17px; height: 17px; min-width: 0px; margin-top: 5px; margin-right: 28px; float: left; background-image: url(/assets/new-icons/user-icon-008e2d4684387adbd8338cd1cf74b8d615478b4cff17861a8066b1fc86241765.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 2046, app/assets/stylesheets/styles.scss.erb */ .user-phone-icon { width: 19px; height: 24px; min-width: 0px; margin-top: 3px; margin-right: 26px; float: left; background-image: url(/assets/new-icons/form-phone-icon-669e878f494dc5daa42c45df8033c395878aed71e098915d0dd60114378e7f71.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 2058, app/assets/stylesheets/styles.scss.erb */ .checkbox { width: 20px; height: 20px; border-radius: 0px; } /* line 2063, app/assets/stylesheets/styles.scss.erb */ .checkbox-wrapper { position: relative; width: 250px; margin-bottom: 22px; float: right; clear: both; } /* line 2070, app/assets/stylesheets/styles.scss.erb */ .check-box-title { margin-top: 2px; margin-left: 6px; font-family: Roboto, sans-serif; color: #3d3c3c; } /* line 2076, app/assets/stylesheets/styles.scss.erb */ .contract-link { color: #3d3c3c; text-decoration: underline; } /* line 2080, app/assets/stylesheets/styles.scss.erb */ .customer-title { display: block; margin-bottom: 22px; font-family: Roboto, sans-serif; color: #0c588f; font-weight: 700; } /* line 2087, app/assets/stylesheets/styles.scss.erb */ .organization-icon { width: 20px; height: 20px; min-width: 0px; margin-top: 3px; margin-right: 25px; float: left; background-image: url(/assets/new-icons/case-icon-975ac658eb1bac16484b7113168a59b28c0d9531018d3b496ca133b72329176a.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 2099, app/assets/stylesheets/styles.scss.erb */ .comment-icon { width: 24px; height: 24px; min-width: 0px; margin-right: 22px; float: left; background-image: url(/assets/new-icons/comment-icon-a57c0bae643400675c48dfe8478675207aedeb402a95544e8ac1ebb0a55abe01.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 2110, app/assets/stylesheets/styles.scss.erb */ .comment-text-field { max-width: 250px; min-height: 120px; margin-right: 0px; float: right; clear: right; border: 1px solid #c3c3c3; background-color: transparent; font-family: Roboto, sans-serif; } /* line 2120, app/assets/stylesheets/styles.scss.erb */ .h1-wrapper { display: block; width: 810px; height: 100%; margin-right: auto; margin-left: auto; } /* line 2127, app/assets/stylesheets/styles.scss.erb */ .sticky-menu { display: none; } /* line 2130, app/assets/stylesheets/styles.scss.erb */ .roll-menu { display: none; } /* line 2133, app/assets/stylesheets/styles.scss.erb */ .roll-menu2 { display: none; } /* line 2136, app/assets/stylesheets/styles.scss.erb */ .roll-menu-admin { display: none; } /* line 2139, app/assets/stylesheets/styles.scss.erb */ .auto-select-phones { display: none; } /* line 2142, app/assets/stylesheets/styles.scss.erb */ .item-card-content { position: relative; width: 100%; padding: 0 0 16px 0; float: left; } /* line 2148, app/assets/stylesheets/styles.scss.erb */ .item-card-wrapper { position: relative; width: 100%; border: 1px solid lightgray; } /* line 2153, app/assets/stylesheets/styles.scss.erb */ .upper-item-block-wrapper { position: relative; width: 100%; padding: 20px; float: left; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 2161, app/assets/stylesheets/styles.scss.erb */ .upper-item-block-wrapper:hover { color: #0c588f; } /* line 2164, app/assets/stylesheets/styles.scss.erb */ .item-photo { position: relative; overflow: hidden; max-width: 160px; max-height: 160px; /*height: 150px;*/ margin-right: 23px; float: left; } /* line 2177, app/assets/stylesheets/styles.scss.erb */ .item-buttons-list-wrapper { position: relative; width: 100%; /*height: 150px;*/ /*height: 150px;*/ /*float: left;*/ } /* line 2184, app/assets/stylesheets/styles.scss.erb */ .upper-item-list-block { position: relative; /*height: 105px;*/ /*min-width: 400px;*/ margin-bottom: 11px; /*float: left;*/ clear: both; } /* line 2192, app/assets/stylesheets/styles.scss.erb */ .down-item-list-block { position: relative; margin-bottom: 4px; margin-top: 4px; /*width: 220px;*/ /*height: 32px;*/ /*padding-top: 5px;*/ /*padding-left: 7px;*/ /*float: right;*/ clear: left; /*border: 1px solid lightgray;*/ } /* line 2204, app/assets/stylesheets/styles.scss.erb */ .down-stars-list-block { position: relative; width: 155px; margin-top: 5px; /*height: 32px;*/ /*padding-top: 5px;*/ /*padding-left: 7px;*/ /*float: left;*/ clear: left; font-size: 16px; /*border: 1px solid lightgray;*/ /*margin-right: 20px;*/ /*text-align: center;*/ } /* line 2218, app/assets/stylesheets/styles.scss.erb */ .down-list-button { position: relative; display: inline-block; margin-right: 25px; float: left; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 15px; font-weight: 700; } /* line 2230, app/assets/stylesheets/styles.scss.erb */ .down-list-button:hover { color: #0c588f; } /* line 2233, app/assets/stylesheets/styles.scss.erb */ .down-list-button.down-list-button-other { margin-right: 25px; } /* line 2236, app/assets/stylesheets/styles.scss.erb */ .down-list-button.down-list-button-video { margin-right: 25px; } /* line 2240, app/assets/stylesheets/styles.scss.erb */ .admin-search-field { margin-top: 5px; width: 340px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } /* line 2254, app/assets/stylesheets/styles.scss.erb */ .admin-search-button { margin: 0; width: 40px; background-color: #5bc0de; } /* line 2260, app/assets/stylesheets/styles.scss.erb */ .item-name-wrapper { position: relative; float: left; /*margin-bottom: 10px;*/ /*width: 200px;*/ /*height: 105px;*/ } /* line 2267, app/assets/stylesheets/styles.scss.erb */ .item-name-wrapper h2 { margin-bottom: 4px; } /* line 2270, app/assets/stylesheets/styles.scss.erb */ .h2-item-card { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; display: inline-block; margin-top: 0px; margin-bottom: 7px; float: none; clear: both; font-size: 14px; font-family: Roboto, sans-serif; color: #4a4949; /*color: #0c588f;*/ font-weight: 700; line-height: 120%; text-transform: uppercase; /*width: 400px;*/ } /* line 2290, app/assets/stylesheets/styles.scss.erb */ .item-name-text-middle-left { /*position: relative;*/ display: inline-block; /*float: left;*/ /*clear: left;*/ font-family: Roboto, sans-serif; color: #4a4949; font-size: 12px; /*font-weight: 900;*/ margin-bottom: 5px; width: 120px; } /* line 2302, app/assets/stylesheets/styles.scss.erb */ .item-name-text-middle-right { /*float: right;*/ display: inline-block; font-family: Roboto, sans-serif; color: #4a4949; font-size: 16px; font-weight: 400; margin-bottom: 5px; } /* line 2311, app/assets/stylesheets/styles.scss.erb */ .item-name-text-down { /*float: left;*/ clear: both; font-family: Roboto, sans-serif; color: #4a4949; font-size: 12px; line-height: 100%; /*width: 270px;*/ background-color: #e4e4e4; border-radius: 3px; } /* line 2322, app/assets/stylesheets/styles.scss.erb */ .item-name-text-middle-wrapper { /*margin-bottom: 4px;*/ line-height: 120%; /*width: 250px;*/ } /* line 2327, app/assets/stylesheets/styles.scss.erb */ .testimonial-bubble-wrapper { position: relative; display: none; width: 245px; height: 105px; margin-left: 5px; padding-top: 17px; padding-right: 17px; padding-left: 46px; float: right; background-image: url(/assets/new-icons/testimonial-bubble-b8acfd05b8672dd92c8fab4eb506bfe319f0e1fc61c8a6928a70047374986069.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 2342, app/assets/stylesheets/styles.scss.erb */ .testimonial-text { margin-bottom: 2px; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 12px; line-height: 120%; } /* line 2349, app/assets/stylesheets/styles.scss.erb */ .testimonial-quote { position: absolute; left: 32px; top: 16px; display: block; float: left; color: #f33; font-size: 18px; } /* line 2358, app/assets/stylesheets/styles.scss.erb */ .testimonial-link { padding-bottom: 2px; border-color: black black #ffb56b; border-bottom-style: dotted; border-bottom-width: 2px; font-family: Roboto, sans-serif; color: #ffb56b; font-size: 10px; font-weight: 400; text-decoration: none; } /* line 2369, app/assets/stylesheets/styles.scss.erb */ .item-add-to-cart-wrapper { position: relative; width: 150px; height: 150px; padding-top: 22px; float: right; } /* line 2376, app/assets/stylesheets/styles.scss.erb */ .price-wrapper { display: inline-block; margin-bottom: 10px; font-family: Roboto, sans-serif; color: black; font-size: 26px; font-weight: 700; width: 100%; text-align: right; } /* line 2386, app/assets/stylesheets/styles.scss.erb */ .add-to-cart-wrapper { width: 100%; text-align: right; } /* line 2390, app/assets/stylesheets/styles.scss.erb */ .statistic-wrapper { width: 100%; /*text-align: right;*/ } /* line 2394, app/assets/stylesheets/styles.scss.erb */ .request-wrapper { width: 100%; text-align: right; } /* line 2398, app/assets/stylesheets/styles.scss.erb */ .admin-request-wrapper { width: 100%; text-align: right; background-color: pink; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } /* line 2405, app/assets/stylesheets/styles.scss.erb */ .admin-request-wrapper a { color: red; } /* line 2409, app/assets/stylesheets/styles.scss.erb */ .callback_request-wrapper { width: 100%; text-align: right; background-color: #f5ce4c; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } /* line 2416, app/assets/stylesheets/styles.scss.erb */ .callback_request-wrapper a { color: black; } /* line 2420, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper { margin-bottom: 5px; float: left; clear: both; background-color: #dff0d8; font-family: Roboto, sans-serif; color: #009303; font-size: 14px; } /* line 2429, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper-waiting { margin-bottom: 5px; padding-left: 5px; padding-right: 5px; float: left; clear: both; background-color: #f5ce4c; font-family: Roboto, sans-serif; font-size: 12px; } /* line 2439, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper-empty { margin-bottom: 5px; padding-left: 5px; padding-right: 5px; float: left; clear: both; background-color: pink; font-family: Roboto, sans-serif; color: red; font-size: 14px; } /* line 2450, app/assets/stylesheets/styles.scss.erb */ .stock-number-text { font-weight: 900; } /* line 2454, app/assets/stylesheets/styles.scss.erb */ .border-bottom { border-bottom-style: solid; } /* line 2458, app/assets/stylesheets/styles.scss.erb */ .item-add-to-cart-block { width: 100%; height: 32px; float: left; } /* line 2463, app/assets/stylesheets/styles.scss.erb */ .select-decoration { width: 48px; height: 32px; margin-top: 17px; float: left; background-image: url(/assets/new-icons/select-decoration-f4affa5da3f0a0a666c21bbe7d4bce8cb3a201369897bce97bdeeae74947cbe2.png); background-position: 100% 50%; background-repeat: no-repeat; } /* line 2472, app/assets/stylesheets/styles.scss.erb */ .new-m-select-decoration { width: 48px; height: 22px; margin-right: 5px; /*margin-top: 17px;*/ float: left; background-image: url(/assets/new-icons/select-decoration-f4affa5da3f0a0a666c21bbe7d4bce8cb3a201369897bce97bdeeae74947cbe2.png); background-position: 100% 50%; background-repeat: no-repeat; } /* line 2482, app/assets/stylesheets/styles.scss.erb */ .select-decoration.select-decoration-result { width: 40px; height: 26px; background-color: white; background-image: url(/assets/new-icons/select-arrow-white-5f8a11fdaa89c72a7b7d186954f788441dab35c75b05c59cc0da7f86a174ed07.png); } /* line 2488, app/assets/stylesheets/styles.scss.erb */ .select-decoration.select-decoration-card { margin-top: 0px; } /* line 2491, app/assets/stylesheets/styles.scss.erb */ .item-video-window { position: relative; display: none; width: 220px; height: 105px; float: right; } /* line 2498, app/assets/stylesheets/styles.scss.erb */ .item-use-wrapper { position: relative; display: none; /*text-align: right;*/ margin-top: -74px; width: 220px; height: 105px; overflow: auto; padding-top: 10px; padding-right: 19px; padding-left: 13px; float: right; background-color: #f4f4f4; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 12px; line-height: 120%; /*overflow: hidden;*/ } /* line 2517, app/assets/stylesheets/styles.scss.erb */ .item-tabs-wrapper { position: relative; width: 100%; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; float: left; } /* line 2525, app/assets/stylesheets/styles.scss.erb */ .item-tabs-content { position: relative; z-index: 10; width: 100%; background-color: #ffa98a; box-shadow: rgba(0, 0, 0, 0.49) 0px 3px 16px 0px; } /* line 2532, app/assets/stylesheets/styles.scss.erb */ .item-tabs-menu { position: static; z-index: 2; } /* line 2536, app/assets/stylesheets/styles.scss.erb */ .item-tab-link { width: 310px; height: 50px; padding: 8px 10px 5px; border-bottom-right-radius: 16px; background-color: #ffa88a; box-shadow: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 2546, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.w--current { position: relative; z-index: 10; padding: 8px 10px 5px; background-color: #ffa88a; box-shadow: rgba(0, 0, 0, 0.29) 0px 5px 6px 0px; -webkit-transition-duration: 300ms; transition-duration: 300ms; } /* line 2555, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2 { position: relative; z-index: 5; border-bottom-left-radius: 16px; background-color: #7caacc; -webkit-transition-duration: 300ms; transition-duration: 300ms; } /* line 2563, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2.w--current { position: relative; z-index: 11; box-shadow: rgba(0, 0, 0, 0.29) 0px 5px 6px 0px; } /* line 2568, app/assets/stylesheets/styles.scss.erb */ .item-tab-pane { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 20px; background-color: #7aabcc; box-shadow: none; } /* line 2578, app/assets/stylesheets/styles.scss.erb */ .item-tab-pane.item-tab-pane-2 { height: auto; padding: 10px; box-shadow: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 2585, app/assets/stylesheets/styles.scss.erb */ .item-tab-pane.item-tab-pane-1 { height: auto; min-height: 20px; padding: 10px; background-color: #ffa88a; box-shadow: none; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 2594, app/assets/stylesheets/styles.scss.erb */ .item-change-wrapper { position: relative; display: none; width: 100%; height: auto; float: left; background-color: #fffaf7; } /* line 2602, app/assets/stylesheets/styles.scss.erb */ .item-change { position: relative; width: 100%; height: 30px; padding-top: 5px; padding-left: 10px; float: left; border-bottom: 1px solid gray; } /* line 2611, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-counter { position: relative; float: left; font-family: roboto; font-weight: 700; padding-right: 10px; font-size: 30px; margin-top: 7px; } /* line 2620, app/assets/stylesheets/styles.scss.erb */ .item-change.item-change-last { border-bottom-style: none; } /* line 2623, app/assets/stylesheets/styles.scss.erb */ .item-change-title { display: inline-block; float: left; font-family: Roboto, sans-serif; color: #6f6f6f; font-size: 16px; line-height: 120%; width: 350px; } /* line 2634, app/assets/stylesheets/styles.scss.erb */ .item-change-number { display: inline-block; float: left; font-family: Roboto, sans-serif; color: #6f6f6f; font-size: 16px; line-height: 120%; width: 120px; } /* line 2644, app/assets/stylesheets/styles.scss.erb */ .item-change-presence { display: inline-block; float: left; font-family: Roboto, sans-serif; color: #fe4907; font-weight: 700; width: 60px; } /* line 2653, app/assets/stylesheets/styles.scss.erb */ .item-change-price { display: inline-block; float: left; font-family: Roboto, sans-serif; color: black; font-weight: 700; width: 100px; } /* line 2661, app/assets/stylesheets/styles.scss.erb */ .item-order-wrapper { position: relative; height: auto; background-color: #e3f3ff; display: none; } /* line 2667, app/assets/stylesheets/styles.scss.erb */ .item-order { width: 100%; height: 50px; padding-top: 16px; padding-left: 10px; float: left; border-bottom: 1px solid black; } /* line 2675, app/assets/stylesheets/styles.scss.erb */ .item-order.item-order-down { border-bottom-width: 0px; } /* line 2678, app/assets/stylesheets/styles.scss.erb */ .item-order-title { display: inline-block; margin-right: 15px; float: left; font-family: Roboto, sans-serif; color: #6f6f6f; font-size: 14px; line-height: 120%; font-weight: 900; } /* line 2688, app/assets/stylesheets/styles.scss.erb */ .item-order-storage { display: inline-block; margin-right: 15px; float: left; font-family: Roboto, sans-serif; color: #6f6f6f; font-size: 14px; } /* line 2696, app/assets/stylesheets/styles.scss.erb */ .item-presence { display: inline-block; margin-right: 15px; float: left; font-family: Roboto, sans-serif; color: black; font-size: 12px; font-weight: 700; } /* line 2705, app/assets/stylesheets/styles.scss.erb */ .item-order-time { display: inline-block; margin-right: 15px; float: left; font-family: Roboto, sans-serif; color: #353434; font-size: 12px; } /* line 2713, app/assets/stylesheets/styles.scss.erb */ .item-update { display: inline-block; float: left; font-family: Roboto, sans-serif; color: #6f6f6f; font-size: 12px; } /* line 2720, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-wrapper { height: 100%; } /* line 2723, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title { display: inline-block; font-family: Roboto, sans-serif; color: #2e2d2d; font-weight: 700; line-height: 120%; } /* line 2730, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title-normal { font-weight: 400; } /* line 2733, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title.result-change-tab-title { margin-top: 3px; margin-right: 7px; float: left; } /* line 2738, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title.result-change-tab-title.result-change-tab-title-right { color: white; } /* line 2741, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block { width: 110px; height: 100%; padding-top: 0px; float: right; background-repeat: no-repeat; font-family: Roboto, sans-serif; color: #2e2d2d; /*font-size: 14px;*/ font-weight: 700; text-align: left; line-height: 120%; } /* line 2754, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-close { width: 94px; background-image: url(/assets/new-icons/arrow-icon-black-83e90fc8e0cf8cd2af28380f5f699681ffc478fb28595cd5c72e3f19d6139fbf.png); background-position: 90% 5px; display: none; } /* line 2760, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-open { padding-bottom: 0px; background-image: url(/assets/new-icons/arrow-icon-black-down-4d30b49c0359e4a512b2c6009d06f0ccf6c89d715c352ba24cca93153d0809e5.png); background-position: 90% 4px; } /* line 2765, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-push-black { width: 80px; padding-top: 12px; display: none; } /* .item-change-push-block.result-change-push-black.pb-1 { display: none; } .item-change-push-block.result-change-push-black.pb-2 { display: none; } */ /* line 2778, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-push-white { width: 80px; padding-top: 12px; background-image: url(/assets/new-icons/hand-icon-white-46c0e53448b256ac8333a7f27bcea63520fab9eef9ecd9fa2b5e9594bbebe1f8.png); color: white; } /* .item-change-push-block.result-change-push-white.pw-1 { display: none; } */ /* .item-change-push-block.result-change-push-white.pw-2 { display: none; } */ /* line 2794, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-open-black { display: block; width: 80px; padding-top: 0px; background-image: url(/assets/new-icons/arrow-icon-black-down-4d30b49c0359e4a512b2c6009d06f0ccf6c89d715c352ba24cca93153d0809e5.png); background-position: 50% 91%; } /* .item-change-push-block.result-change-open-black.ob-1 { display: none; } */ /* line 2806, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-open-white { width: 80px; padding-top: 0px; background-image: url(/assets/new-icons/arrow-icon-white-down-61c74ad20cc816c282d35bdfd818787c4ac294ca9ea63c97001d3b629bd4e877.png); background-position: 50% 95%; color: white; display: none; } /* .item-change-push-block.result-change-open-white.ow-1 { display: none; } .item-change-push-block.result-change-open-white.ow-2 { display: none; } */ /* line 2822, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-close-black { width: 80px; padding-top: 8px; background-image: url(/assets/new-icons/arrow-icon-black-83e90fc8e0cf8cd2af28380f5f699681ffc478fb28595cd5c72e3f19d6139fbf.png); background-position: 50% 2px; display: none; } /* line 2829, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-close-black.cb-1 { display: none; } /* line 2832, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-close-white { width: 80px; padding-top: 8px; background-image: url(/assets/new-icons/arrow-icon-white-8f4b6547fdd281c90e3689a9be8263d650e1ef5266de8ff7a253841d2a82c043.png); background-position: 50% 2px; color: white; display: none; } /* .item-change-push-block.result-change-close-white.cw-1 { display: block; } .item-change-push-block.result-change-close-white.cw-2 { display: block; } */ /* line 2848, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-wrapper { width: 100%; height: 100%; } /* line 2852, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title { display: inline-block; font-family: Roboto, sans-serif; color: white; font-weight: 700; line-height: 120%; float: left; } /* line 2860, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title-normal { font-weight: 400; } /* line 2863, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title-counter { font-size: 30px; font-family: roboto; font-weight: 700; float: left; padding-left: 10px; margin-top: 7px; color: white; } /* line 2872, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block { position: relative; width: 110px; height: 100%; float: right; background-repeat: no-repeat; font-family: Roboto, sans-serif; color: white; font-size: 12px; font-weight: 700; text-align: left; line-height: 120%; } /* line 2885, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-close { width: 94px; display: none; background-image: url(/assets/new-icons/arrow-icon-white-8f4b6547fdd281c90e3689a9be8263d650e1ef5266de8ff7a253841d2a82c043.png); background-position: 90% 5px; } /* line 2891, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-open { display: none; padding-top: 0px; background-image: url(/assets/new-icons/arrow-icon-white-down-61c74ad20cc816c282d35bdfd818787c4ac294ca9ea63c97001d3b629bd4e877.png); background-position: 90% 4px; } /* line 2897, app/assets/stylesheets/styles.scss.erb */ .result-item-search-wrapper { position: relative; width: 100%; padding-top: 0px; padding-bottom: 15px; padding-left: 20px; float: left; font-family: Roboto, sans-serif; font-size: 16px; line-height: 120%; font-weight: 700; } /* line 2909, app/assets/stylesheets/styles.scss.erb */ .result-item-search-title-normal { font-weight: 400; } /* line 2912, app/assets/stylesheets/styles.scss.erb */ .result-items-main-wrapper { position: relative; width: 100%; float: left; } /* line 2920, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-wrapper { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 60px; float: left; background-color: #f3f3f3; } /* line 2931, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-block { position: relative; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; float: left; } /* line 2940, app/assets/stylesheets/styles.scss.erb */ .result-sort-title { width: auto; min-width: 120px; margin-top: 19px; margin-right: 11px; margin-left: 14px; float: left; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 16px; line-height: 120%; } /* line 2952, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-list { margin-top: 17px; float: left; background-image: url(/assets/new-icons/result-down-arrow-47b8fe2cd986bb1612e5a00e813e881ef1dc9967ba02f8ee5634cb1a229a1fa4.png); } /* line 2957, app/assets/stylesheets/styles.scss.erb */ .result-item-list-select-wrapper { position: relative; height: 100%; float: right; } /* line 2962, app/assets/stylesheets/styles.scss.erb */ .result-item-list-select-title { position: relative; margin-top: 19px; margin-right: 22px; float: left; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 16px; } /* line 2971, app/assets/stylesheets/styles.scss.erb */ .result-item-list-select-photo-button { width: 60px; height: 100%; min-width: 0px; float: left; background-image: url(/assets/new-icons/list-photo-hover-906c3ee7f22ef23d138aaf1b080b665ed910e25450282626d30ee4e7ab028b94.png); background-color: #bdbdbd; background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 2985, app/assets/stylesheets/styles.scss.erb */ .result-item-list-select-photo-button.list-select-no-photo-button { background-image: url(/assets/new-icons/list-no-photo-ba47a8f4918a8a773ba470673db73039aa0f23ed5900bf893b602ea3c257830d.png); background-color: transparent; } /* line 2990, app/assets/stylesheets/styles.scss.erb */ .result-item-table-title-list { width: 100%; height: auto; min-height: 50px; padding-top: 15px; float: left; } /* line 2997, app/assets/stylesheets/styles.scss.erb */ .result-title { display: inline-block; margin-left: 176px; color: #353434; font-size: 12px; line-height: 120%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } /* line 3006, app/assets/stylesheets/styles.scss.erb */ .result-title.result-number-title { margin-left: 130px; } /* line 3009, app/assets/stylesheets/styles.scss.erb */ .result-title.result-product { margin-left: 64px; } /* line 3012, app/assets/stylesheets/styles.scss.erb */ .result-title.result-name { margin-left: 16px; } /* line 3015, app/assets/stylesheets/styles.scss.erb */ .result-title.result-storage { margin-left: 38px; } /* line 3018, app/assets/stylesheets/styles.scss.erb */ .result-title.result-empty { margin-left: 70px; } /* line 3021, app/assets/stylesheets/styles.scss.erb */ .result-title.result-price { margin-right: 60px; margin-left: 34px; margin-top: 4px; float: right; } /* line 3027, app/assets/stylesheets/styles.scss.erb */ .result-tabs { position: relative; z-index: 3; width: 100%; height: 100%; /* margin-top: -1px;*/ float: left; } /* line 3035, app/assets/stylesheets/styles.scss.erb */ .result-tab { width: 340px; height: 44px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #ffa98a; -webkit-transition: all 500ms ease; transition: all 500ms ease; } /* line 3044, app/assets/stylesheets/styles.scss.erb */ .result-tab.w--current { width: 340px; height: 44px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: #ffa98a; } /* line 3051, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab { padding: 4px 16px; } /* line 3054, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab.w--current { padding: 4px 16px; } /* line 3057, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-right-tab { margin-left: 2px; padding: 4px 16px; background-color: #7baacc; } /* line 3062, app/assets/stylesheets/styles.scss.erb */ .result-tab-pane { width: 100%; height: auto; min-height: 100px; padding: 4px; float: left; background-color: #ffa98a; } /* line 3070, app/assets/stylesheets/styles.scss.erb */ .result-tab-pane.result-tab-pane-right { background-color: #7baacc; } /* line 3073, app/assets/stylesheets/styles.scss.erb */ .result-item-wrapper { width: 100%; height: 100%; margin-bottom: 20px; float: left; } /* line 3079, app/assets/stylesheets/styles.scss.erb */ .result-item-title { position: relative; width: 100%; height: auto; min-height: 80px; padding-right: 10px; padding-bottom: 13px; float: left; border: 1px solid #e4e4e4; box-shadow: none; } /* line 3090, app/assets/stylesheets/styles.scss.erb */ .result-item-title.result-item-title-change { border-style: none none solid; border-width: 0px 0px 1px; border-bottom-color: #0f0f0f; background-color: #fffaf7; box-shadow: none; } /* line 3097, app/assets/stylesheets/styles.scss.erb */ .result-item-title.result-item-title-change.result-item-title-change-down { border-bottom-style: none; border-bottom-width: 0px; box-shadow: none; } /* line 3102, app/assets/stylesheets/styles.scss.erb */ .result-item-title.result-item-title-change.result-item-title-change-right { background-color: #e3f3ff; box-shadow: none; } /* line 3106, app/assets/stylesheets/styles.scss.erb */ .result-item-photo { position: relative; display: block; width: 94px; height: 94px; margin-left: 14px; float: left; } /* line 3114, app/assets/stylesheets/styles.scss.erb */ .result-item-photo.result-item-photo-2 { margin-top: 6px; } /* line 3117, app/assets/stylesheets/styles.scss.erb */ .result-item-photo.result-item-photo-3 { margin-top: 6px; background-image: url(/assets/new-icons/result-item-3-53c25ee1450fbb45e99cccf10fd96c28404c7167324d094af3e420c8f64e2c6e.jpg); } /* line 3121, app/assets/stylesheets/styles.scss.erb */ .result-item-number { position: relative; width: 100%; height: 100%; min-height: 20px; margin-top: 20px; float: left; font-family: Roboto, sans-serif; color: #353434; font-size: 12px; line-height: 120%; font-weight: 700; } /* line 3134, app/assets/stylesheets/styles.scss.erb */ .result-item-product { position: relative; width: 100%; margin-top: 20px; float: left; font-family: Roboto, sans-serif; color: #353434; font-size: 12px; line-height: 120%; font-weight: 400; } /* line 3145, app/assets/stylesheets/styles.scss.erb */ .result-item-name { width: 100%; margin-top: 20px; float: left; font-family: Roboto, sans-serif; color: #353434; font-size: 12px; line-height: 120%; } /* line 3154, app/assets/stylesheets/styles.scss.erb */ .result-storage-name { width: 100%; margin-top: 20px; float: left; color: #353434; font-size: 12px; line-height: 120%; } /* line 3162, app/assets/stylesheets/styles.scss.erb */ .result-item-counter { margin-top: 20px; float: left; font-family: Roboto, sans-serif; color: #009303; line-height: 120%; font-weight: 700; } /* line 3170, app/assets/stylesheets/styles.scss.erb */ .result-price-wrapper { position: relative; width: 80px; height: 100%; margin-left: 42px; float: right; } /* line 3177, app/assets/stylesheets/styles.scss.erb */ .result-item-price { position: relative; margin-top: 20px; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 17px; font-weight: 700; } /* line 3185, app/assets/stylesheets/styles.scss.erb */ .result-item-add-to-cart { width: 100%; float: left; } /* line 3189, app/assets/stylesheets/styles.scss.erb */ .result-cart-icon { width: 31px; height: 26px; min-width: 0px; margin-top: 17px; float: right; background-color: #2ca66b; background-image: url(/assets/new-icons/cart-icon-result-6fdb141587d18fd4887d7c20681f7e3f2eb3c3bc55d97e2559c76521b6f1ea0e.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 3200, app/assets/stylesheets/styles.scss.erb */ .result-tab-content { position: relative; z-index: 5; height: auto; display: none; } /* .result-tab-content.result-tab-content-1 { height: auto; display:none; } */ /* line 3212, app/assets/stylesheets/styles.scss.erb */ .result-item-number-wrapper { width: 110px; padding-left: 19px; float: left; } /* line 3217, app/assets/stylesheets/styles.scss.erb */ .result-item-product-wrapper { position: relative; width: 100px; min-width: 100px; padding-left: 18px; float: left; } /* line 3224, app/assets/stylesheets/styles.scss.erb */ .result-item-name-wrapper { width: 144px; padding-right: 11px; padding-left: 21px; float: left; } /* line 3230, app/assets/stylesheets/styles.scss.erb */ .result-storage-name-wrapper { width: 96px; float: left; } /* line 3234, app/assets/stylesheets/styles.scss.erb */ .result-item-counter-wrapper { padding-left: 18px; float: left; } /* line 3238, app/assets/stylesheets/styles.scss.erb */ .result-item-request { width: 100%; height: 26px; min-width: 0px; margin-top: 16px; padding-top: 3px; padding-right: 8px; background-color: #0f7ccb; background-image: url(/assets/new-icons/bubble-item-4db1ad7c10e109e66434f2c7ac7b21118c8e8e413ad40a8212fa10a084569a3c.png); background-position: 6px 50%; background-repeat: no-repeat; font-family: 'Open Sans', sans-serif; color: white; font-size: 12px; text-align: right; } /* line 3254, app/assets/stylesheets/styles.scss.erb */ .result-description-wrapper { position: absolute; left: 228px; width: auto; } /* line 3259, app/assets/stylesheets/styles.scss.erb */ .result-description-wrapper.rd-1 { display: none; } /* line 3262, app/assets/stylesheets/styles.scss.erb */ .result-description-wrapper.rd-2 { display: none; } /* line 3265, app/assets/stylesheets/styles.scss.erb */ .result-description-bubble { position: relative; z-index: 5; width: 313px; min-height: 100px; padding: 26px; float: right; border-radius: 10px; background-color: rgba(0, 0, 0, 0.85); font-family: Roboto, sans-serif; color: white; font-size: 12px; } /* line 3278, app/assets/stylesheets/styles.scss.erb */ .result-description-nail { position: relative; width: 46px; height: 13px; margin-top: 22px; float: left; background-image: url(/assets/new-icons/description-nail-518ae60c0cc9bcda9e4c4956250ac00be3d2cef3373827eae18f3b986295b998.png); background-repeat: no-repeat; } /* line 3287, app/assets/stylesheets/styles.scss.erb */ .description-bold { font-weight: 700; } /* line 3290, app/assets/stylesheets/styles.scss.erb */ .pop-request-wrapper { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 100; display: none; overflow-x: scroll; overflow-y: scroll; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.9); } /* line 3304, app/assets/stylesheets/styles.scss.erb */ .pop-up-request-block { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 104; display: block; width: 100%; padding-top: 25px; padding-right: 39px; padding-left: 39px; background-color: whitesmoke; font-family: Roboto, sans-serif; font-size: 16px; } /* line 3320, app/assets/stylesheets/styles.scss.erb */ .request-question-bold { display: inline-block; margin-bottom: 34px; font-family: Roboto, sans-serif; color: #5c5c5c; font-size: 18px; font-weight: 700; } /* line 3328, app/assets/stylesheets/styles.scss.erb */ .request-title-bold { display: inline-block; margin-bottom: 37px; font-size: 26px; font-weight: 700; } /* line 3334, app/assets/stylesheets/styles.scss.erb */ .requesr-button-wrapper { position: absolute; right: 0px; bottom: 0px; z-index: 106; padding-right: 20px; padding-bottom: 20px; } /* line 3342, app/assets/stylesheets/styles.scss.erb */ .request-block-wrapper { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; width: 100%; height: 300px; max-width: 512px; margin: auto; } /* line 3354, app/assets/stylesheets/styles.scss.erb */ .request-button { margin-right: 20px; padding: 14px 25px; float: left; background-color: #e06d2a; font-family: Roboto, sans-serif; color: white; font-size: 18px; font-weight: 700; } /* line 3364, app/assets/stylesheets/styles.scss.erb */ .request-cross-button { position: absolute; top: 0px; right: 0px; z-index: 104; width: 22px; height: 22px; min-width: 0px; margin-top: 8px; margin-right: 8px; background-image: url(/assets/new-icons/request-cross-icon-16a64843873753d7c32005fda2eb77dc98dc1ca8454b0efaebbf077aeb843d4f.png); background-repeat: no-repeat; } /* line 3377, app/assets/stylesheets/styles.scss.erb */ .item-pop-up-wrapper { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 104; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } /* line 3389, app/assets/stylesheets/styles.scss.erb */ .item-pop-up-image { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; height: auto; max-height: 80%; margin: auto; } /* line 3401, app/assets/stylesheets/styles.scss.erb */ .cart-content-wrapper { position: relative; width: 100%; float: left; } /* line 3406, app/assets/stylesheets/styles.scss.erb */ .cart-title { display: inline-block; margin-bottom: 12px; float: left; clear: both; font-family: Roboto, sans-serif; color: #4e4a4a; font-size: 28px; font-weight: 700; } /* line 3416, app/assets/stylesheets/styles.scss.erb */ .cart-clear-button { display: inline-block; border-bottom: 1px dotted #4e4a4a; font-family: Roboto, sans-serif; color: #4e4a4a; font-size: 12px; font-weight: 400; } /* line 3424, app/assets/stylesheets/styles.scss.erb */ .cart-clear-button-wrapper { display: inline-block; width: auto; padding-left: 16px; float: left; clear: both; background-image: url(/assets/new-icons/cart-close-icon-8b0e66b4b9cd14bd003351a76bff2237f16bbc64161d60c3b374299b7b8db6d5.png); background-position: 3px 50%; background-repeat: no-repeat; } /* line 3434, app/assets/stylesheets/styles.scss.erb */ .card-order-wrapper { margin-top: 16px; } /* line 3437, app/assets/stylesheets/styles.scss.erb */ .cart-order-title-wrapper { height: 29px; } /* line 3440, app/assets/stylesheets/styles.scss.erb */ .order-title-block { position: relative; width: 108px; height: 29px; padding-top: 4px; float: left; margin-left: 40px; background-image: url(/assets/new-icons/your-order-label-d1a2456aa514efba8d444ac81a666b1eba8ce524127aa170993c822688f09314.png); background-repeat: no-repeat; font-family: Roboto, sans-serif; color: #4e4a4a; font-weight: 700; text-align: center; } /* line 3455, app/assets/stylesheets/styles.scss.erb */ .catalog_item a { color: #0080C0; text-transform: uppercase; font-weight: bold; font-size: 14px; } /* line 3461, app/assets/stylesheets/styles.scss.erb */ .catalog_item_limit a { color: #0080C0; text-transform: uppercase; font-weight: bold; font-size: 12px; } /* line 3468, app/assets/stylesheets/styles.scss.erb */ .cart-items-wrapper { width: 100%; border-style: solid; border-width: 2px 2px 2px 2px; border-color: #e4e4e4; /*//padding: 8px;*/ } /* line 3475, app/assets/stylesheets/styles.scss.erb */ .cart-item-wrapper { width: 100%; min-height: 90px; float: left; border-bottom: 2px solid #e4e4e4; } /* line 3481, app/assets/stylesheets/styles.scss.erb */ .cart-photo { float: left; height: 90px; margin-bottom: 3px; margin-left: 16px; margin-right: 16px; margin-top: 3px; position: relative; width: 90px; } /* line 3491, app/assets/stylesheets/styles.scss.erb */ .cart-number-wrapper { position: relative; width: 120px; min-width: 0px; margin-top: 18px; margin-right: 10px; float: left; line-height: 120%; } /* line 3500, app/assets/stylesheets/styles.scss.erb */ .cart-number-title { width: 100%; font-family: Roboto, sans-serif; color: #353434; font-weight: 700; } /* line 3506, app/assets/stylesheets/styles.scss.erb */ .cart-name-wrapper { width: 120px; margin-top: 18px; margin-right: 10px; float: left; } /* line 3512, app/assets/stylesheets/styles.scss.erb */ .cart-name-title { margin-bottom: 24px; color: #353434; font-size: 12px; line-height: 120%; } /* line 3518, app/assets/stylesheets/styles.scss.erb */ .cart-storage-wrapper { width: 120px; min-width: 100px; margin-top: 18px; float: left; } /* line 3524, app/assets/stylesheets/styles.scss.erb */ .cart-storage-title { font-family: Roboto, sans-serif; color: #353434; font-size: 12px; line-height: 120%; } /* line 3530, app/assets/stylesheets/styles.scss.erb */ .cart-number-select-wrapper { display: block; width: 40px; height: 26px; margin-right: auto; margin-left: auto; background-image: url(/assets/new-icons/cart-select-arrow-aaf68c7e2cc7e9c24bf81f471fdc78b5bfb4028ddcb6bea4bc7df778c942118f.png); background-position: 100% 50%; background-repeat: no-repeat; } /* line 3540, app/assets/stylesheets/styles.scss.erb */ .cart-price-wrapper { position: relative; width: 65px; min-width: 0px; margin-top: 18px; margin-right: 30px; float: left; } /* line 3548, app/assets/stylesheets/styles.scss.erb */ .cart-price-title { font-family: Roboto, sans-serif; font-size: 12px; line-height: 120%; font-weight: 700; text-align: right; } /* line 3555, app/assets/stylesheets/styles.scss.erb */ .cart-select-main-wrapper { width: 60px; margin-top: 18px; margin-left: 16px; margin-right: 16px; float: left; } /* line 3562, app/assets/stylesheets/styles.scss.erb */ .cart-common-price-wrapper { width: auto; margin-top: 18px; margin-right: 25px; float: right; } /* line 3568, app/assets/stylesheets/styles.scss.erb */ .cart-item-clear-button-wrapper { position: relative; margin-top: 18px; padding-left: 16px; float: left; background-image: url(/assets/new-icons/cart-close-icon-8b0e66b4b9cd14bd003351a76bff2237f16bbc64161d60c3b374299b7b8db6d5.png); background-position: 3px 50%; background-repeat: no-repeat; } /* line 3577, app/assets/stylesheets/styles.scss.erb */ .cart-item-clear-button { border-bottom: 1px dotted #4e4a4a; color: #4e4a4a; font-size: 12px; } /* line 3582, app/assets/stylesheets/styles.scss.erb */ .cart-main-title { height: 100%; padding-top: 5px; float: left; font-family: Roboto, sans-serif; color: #757575; font-size: 12px; } /* line 3590, app/assets/stylesheets/styles.scss.erb */ .cart-main-title.main-title-number { margin-left: 37px; } /* line 3593, app/assets/stylesheets/styles.scss.erb */ .cart-main-title.main-title-name { margin-left: 20px; } /* line 3596, app/assets/stylesheets/styles.scss.erb */ .cart-main-title.main-title-storage { margin-left: 230px; } /* line 3599, app/assets/stylesheets/styles.scss.erb */ .cart-main-title.main-title-select { margin-left: 70px; } /* line 3602, app/assets/stylesheets/styles.scss.erb */ .cart-main-title.main-title-price { margin-left: 48px; } /* line 3605, app/assets/stylesheets/styles.scss.erb */ .cart-main-title.main-title-sum { margin-left: 22px; } /* line 3608, app/assets/stylesheets/styles.scss.erb */ .cart-sum-wrapper { margin-top: 36px; margin-bottom: 200px; } /* line 3612, app/assets/stylesheets/styles.scss.erb */ .cart-sale-info-wrapper { float: left; font-family: Roboto, sans-serif; color: #353434; font-size: 10px; line-height: 20px; } /* line 3619, app/assets/stylesheets/styles.scss.erb */ .cart-offer-wrapper { width: 180px; float: right; } /* line 3623, app/assets/stylesheets/styles.scss.erb */ .cart-offer-title-wrapper { float: left; font-family: Roboto, sans-serif; color: #353434; font-size: 12px; line-height: 120%; } /* line 3630, app/assets/stylesheets/styles.scss.erb */ .cart-offer-sum-price { float: right; font-family: Roboto, sans-serif; color: #353434; font-size: 24px; font-weight: 700; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; white-space: nowrap; } /* line 3641, app/assets/stylesheets/styles.scss.erb */ .cart-offer-button { width: 100%; height: 42px; margin-top: 34px; padding-top: 10px; float: right; background-color: #ed6938; font-family: Roboto, sans-serif; color: white; font-size: 15px; font-weight: 700; text-align: center; } /* line 3654, app/assets/stylesheets/styles.scss.erb */ .cart-offer-button a { color: white; } /* line 3657, app/assets/stylesheets/styles.scss.erb */ .phone-sum-block { display: none; } /* line 3660, app/assets/stylesheets/styles.scss.erb */ .content-wrapper { width: 100%; min-height: 350px; float: left; } /* line 3667, app/assets/stylesheets/styles.scss.erb */ .content-card-wrapper { width: 31.4%; height: 100%; min-height: 200px; float: right; } /* line 3673, app/assets/stylesheets/styles.scss.erb */ .content-card-block { position: relative; width: 100%; min-height: 254px; margin-top: 0px; margin-bottom: 30px; border: 1px solid lightgray; } /* line 3681, app/assets/stylesheets/styles.scss.erb */ .content-card-photo-wrapper { position: relative; min-height: 195px; } /* line 3685, app/assets/stylesheets/styles.scss.erb */ .content-card-title { min-height: 76px; width: 100%; padding-top: 7px; background-color: #e4e4e4; font-family: Roboto, sans-serif; font-weight: 700; text-align: center; } /* line 3694, app/assets/stylesheets/styles.scss.erb */ .content-card-title-regular { display: inline-block; margin-top: 6px; font-weight: 400; } /* line 3699, app/assets/stylesheets/styles.scss.erb */ .content-card-presence { position: absolute; top: 10px; left: 10px; width: 100px; height: 30px; padding: 5px; background-color: #3e8ec7; font-family: Roboto, sans-serif; color: white; font-weight: 700; text-align: center; } /* line 3712, app/assets/stylesheets/styles.scss.erb */ .content-card-price { position: absolute; right: 10px; bottom: 10px; margin: 0px; padding: 0 10px; color: white; background-color: darkred; font-family: Roboto, sans-serif; font-size: 24px; } /* line 3723, app/assets/stylesheets/styles.scss.erb */ .content-bread-wrapper { width: 100%; height: 20px; margin-top: 25px; padding-right: 16px; padding-left: 16px; float: left; } /* line 3731, app/assets/stylesheets/styles.scss.erb */ .content-link { float: left; font-family: Roboto, sans-serif; color: #2e2d2d; font-size: 12px; text-decoration: underline; } /* line 3738, app/assets/stylesheets/styles.scss.erb */ .content-link.content-link-last { color: #2e2d2d; font-size: 14px; font-weight: 700; text-decoration: none; } /* line 3744, app/assets/stylesheets/styles.scss.erb */ .content-link-arrow { width: 12px; height: 100%; margin-right: 14px; margin-left: 14px; float: left; background-image: url(/assets/new-icons/content-link-arrow-981849c03cb44ef1456f87700e9690637b85e18271221aa56ebefe70d9ca7623.png); background-position: 50% 50%; background-repeat: no-repeat; } /* line 3754, app/assets/stylesheets/styles.scss.erb */ .content-block { position: relative; width: 68.6%; margin-top: 0px; padding-right: 20px; /*float: left;*/ } /* line 3761, app/assets/stylesheets/styles.scss.erb */ .content-image { width: 30%; height: auto; margin-right: 3%; margin-bottom: 3%; float: left; } /* line 3768, app/assets/stylesheets/styles.scss.erb */ .car-model-photo { /*width: 25%;*/ height: auto; margin-right: 3%; margin-bottom: 3%; border: 1px dotted grey; } /* line 3775, app/assets/stylesheets/styles.scss.erb */ .content-brand-logo { width: 25%; height: auto; margin-right: 3%; margin-bottom: 3%; border: 1px dotted grey; } /* line 3782, app/assets/stylesheets/styles.scss.erb */ .content-engine-logo { height: 30px; margin-right: 3%; margin-bottom: 3%; } /* line 3787, app/assets/stylesheets/styles.scss.erb */ .content-choose-link { display: inline-block; margin-top: 15px; margin-bottom: 30px; border-bottom: 2px dotted #0c588f; color: #0c588f; text-decoration: none; } /* line 3795, app/assets/stylesheets/styles.scss.erb */ .links-and-name-wrapper { width: auto; height: 100%; position: relative; float: left; } /* line 3802, app/assets/stylesheets/styles.scss.erb */ .indent { text-indent: 10px; margin-top: 10px; margin-bottom: 10px; } /* line 3808, app/assets/stylesheets/styles.scss.erb */ .size-12 { font-size: 12px; } /* line 3812, app/assets/stylesheets/styles.scss.erb */ .notification-type-admin { font-style: italic; font-size: 24px; margin: 12px; text-align: center; font-weight: 700; line-height: 1; } /* line 3820, app/assets/stylesheets/styles.scss.erb */ .notification-type-discount { font-style: italic; font-size: 30px; margin: 32px; text-align: center; font-weight: 700; line-height: 1; } /* line 3828, app/assets/stylesheets/styles.scss.erb */ .notification-type-shipment { font-style: italic; font-size: 16px; margin: 22px; text-align: center; font-weight: 700; line-height: 1.3; } /* line 3836, app/assets/stylesheets/styles.scss.erb */ .notification-type-feedback { font-style: italic; font-size: 18px; margin: 10px; text-align: center; font-weight: 700; line-height: 1.3; } /* line 3844, app/assets/stylesheets/styles.scss.erb */ .notification-type-store-delivery { font-style: italic; font-size: 14px; margin: 7px; text-align: center; font-weight: 700; line-height: 1.3; } /* line 3852, app/assets/stylesheets/styles.scss.erb */ .notification-type-payment { font-style: italic; font-size: 18px; margin: 15px; text-align: center; font-weight: 700; line-height: 1.3; } /* line 3860, app/assets/stylesheets/styles.scss.erb */ .light { background-color: white; } /* line 3863, app/assets/stylesheets/styles.scss.erb */ .dark { background-color: #262626; color: lightgrey; } /* line 3867, app/assets/stylesheets/styles.scss.erb */ .black { background-color: #000000; color: grey; } /* line 3871, app/assets/stylesheets/styles.scss.erb */ .light-background { background-color: white; } /* line 3874, app/assets/stylesheets/styles.scss.erb */ .dark-background { background-color: lightgrey !important; color: black !important; } /* line 3878, app/assets/stylesheets/styles.scss.erb */ .black-background { background-color: #000000 !important; color: lightgrey !important; } /* line 3883, app/assets/stylesheets/styles.scss.erb */ .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } /* line 3891, app/assets/stylesheets/styles.scss.erb */ .text-14 { font-size: 14px; } /* line 3894, app/assets/stylesheets/styles.scss.erb */ .text-16 { font-size: 16px; } /* line 3897, app/assets/stylesheets/styles.scss.erb */ .text-20 { font-size: 20px; } /* line 3900, app/assets/stylesheets/styles.scss.erb */ .panel-info-black { background-color: black; color: white; } /* line 3904, app/assets/stylesheets/styles.scss.erb */ .panel-info-dark { background-color: darkgray; color: black; } /* line 3908, app/assets/stylesheets/styles.scss.erb */ .hint-class-dark { background-color: grey; color: black; border-radius: 4px; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid grey; } /* line 3917, app/assets/stylesheets/styles.scss.erb */ .hint-class-black { background-color: #4B4B4B; color: white; border-radius: 4px; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid white; } /* line 3926, app/assets/stylesheets/styles.scss.erb */ .hint-class-white { background-color: lightgrey; color: black; border-radius: 4px; padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid grey; } @media (max-width: 991px) { /* line 3938, app/assets/stylesheets/styles.scss.erb */ body h1 { font-size: 22px; } /* line 3941, app/assets/stylesheets/styles.scss.erb */ body h2 { font-size: 21px; } /* line 3944, app/assets/stylesheets/styles.scss.erb */ body h3 { font-size: 20px; } /* line 3947, app/assets/stylesheets/styles.scss.erb */ body h4 { font-size: 20px; line-height: 15px; } /* line 3951, app/assets/stylesheets/styles.scss.erb */ body h5 { font-size: 18px; } /* line 3954, app/assets/stylesheets/styles.scss.erb */ body h6 { font-size: 17px; } /* line 3958, app/assets/stylesheets/styles.scss.erb */ h1 { margin-right: 12px; font-size: 15px; } /* line 3962, app/assets/stylesheets/styles.scss.erb */ legend { font-size: 20px; margin-bottom: 10px; color: #0c588f; background-color: aliceblue; padding: 10px; } /* line 3969, app/assets/stylesheets/styles.scss.erb */ .filter-pane { /*margin-top: 35px;*/ margin-bottom: 5px; padding: 5px 5px 0px 5px; border-radius: 10px; } /* line 3976, app/assets/stylesheets/styles.scss.erb */ .button.search-button { position: relative; z-index: 11; } /* line 3980, app/assets/stylesheets/styles.scss.erb */ .home-wrapper { width: 10%; margin-top: -10px; } /* line 3984, app/assets/stylesheets/styles.scss.erb */ .instrumental-link { margin-top: 2px; } /* line 3987, app/assets/stylesheets/styles.scss.erb */ .links-and-name-wrapper { width: 90%; position: relative; float: left; } /* line 3992, app/assets/stylesheets/styles.scss.erb */ .instrumental-link { padding: 0 5px 0 5px; } /* line 3995, app/assets/stylesheets/styles.scss.erb */ .home-text { width: 8px; text-align: center; } /* line 3999, app/assets/stylesheets/styles.scss.erb */ .help-link { margin-left: 55px; } /* line 4002, app/assets/stylesheets/styles.scss.erb */ .client-name { width: 80%; } /* line 4006, app/assets/stylesheets/styles.scss.erb */ .container { width: 100%; } /* line 4009, app/assets/stylesheets/styles.scss.erb */ .header-wrapper { padding-right: 0px; padding-left: 0px; } /* line 4013, app/assets/stylesheets/styles.scss.erb */ .header-phone-wrapper { float: left; } /* line 4016, app/assets/stylesheets/styles.scss.erb */ .spare-counters { position: relative; } /*.upper-phone-icon {*/ /*width: 24px;*/ /*height: 24px;*/ /*margin-top: 4px;*/ /*margin-right: 6px;*/ /*}*/ /* line 4025, app/assets/stylesheets/styles.scss.erb */ .header-phone { font-size: 16px; } /* line 4028, app/assets/stylesheets/styles.scss.erb */ .auto-logo { width: 130px; /*height: 40px;*/ margin-top: 0px; margin-right: 1%; margin-left: 1%; } /* line 4035, app/assets/stylesheets/styles.scss.erb */ .help-comment-above { margin-left: 9px; margin-top: -10px; font-size: 20px; } /* line 4040, app/assets/stylesheets/styles.scss.erb */ .help-comment-below { margin-top: 79px; margin-left: 52px; font-size: 20px; } /* line 4045, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-1 { background-size: contain; } /* line 4048, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-2 { background-size: contain; } /* line 4051, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-3 { background-size: contain; } /* line 4054, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-4 { background-size: contain; } /* line 4057, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-5 { background-size: contain; } /* line 4060, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-6 { background-size: contain; } /* line 4063, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-7 { background-size: contain; } /* line 4066, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-8 { background-size: contain; } /* line 4069, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-9 { background-size: contain; } /* line 4072, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-10 { background-size: contain; } /* line 4075, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-11 { background-size: contain; } /* line 4078, app/assets/stylesheets/styles.scss.erb */ .auto-logo.logo-12 { background-size: contain; } /* line 4081, app/assets/stylesheets/styles.scss.erb */ .search-and-advantages-wrapper { width: 60%; clear: left; } /* line 4085, app/assets/stylesheets/styles.scss.erb */ .search-wrapper { z-index: 10; width: 100%; padding-right: 90px; } /* line 4090, app/assets/stylesheets/styles.scss.erb */ .search-input-wrapper { width: 100%; } /* line 4093, app/assets/stylesheets/styles.scss.erb */ .question-wrapper { width: 38%; } /* line 4096, app/assets/stylesheets/styles.scss.erb */ .shedule-wrapper { display: block; width: 215px; margin-top: 22px; margin-left: auto; } /* line 4102, app/assets/stylesheets/styles.scss.erb */ .shedule-icon { width: 28px; height: 28px; background-size: contain; } /* line 4107, app/assets/stylesheets/styles.scss.erb */ .shedule-text { margin-top: 2.5px; font-size: 20px; } /* line 4111, app/assets/stylesheets/styles.scss.erb */ .week-text { display: block; width: 180px; margin-top: 3px; margin-right: auto; margin-left: auto; font-size: 13px; } /* line 4119, app/assets/stylesheets/styles.scss.erb */ .advantages-list-wrapper { padding-top: 9px; padding-bottom: 0px; padding-left: 8px; } /* line 4124, app/assets/stylesheets/styles.scss.erb */ .advantage-text { padding-left: 26px; font-size: 14px; line-height: 120%; } /* line 4129, app/assets/stylesheets/styles.scss.erb */ .slide-items-wrapper { padding-right: 100px; padding-left: 100px; } /* line 4133, app/assets/stylesheets/styles.scss.erb */ .slide-item-wrapper { width: 33.3333%; } /* line 4136, app/assets/stylesheets/styles.scss.erb */ .slide-item-wrapper.slide-item-wrapper-4 { display: none; } /* line 4139, app/assets/stylesheets/styles.scss.erb */ .slider-item-title.slider-item-title-right { margin-left: 10px; } /* line 4142, app/assets/stylesheets/styles.scss.erb */ .banners-wrapper { margin-bottom: 0px; } /* line 4145, app/assets/stylesheets/styles.scss.erb */ .center-banners-wrapper { width: 65%; } /* line 4148, app/assets/stylesheets/styles.scss.erb */ .right-banner-wrapper { width: 35%; } /* line 4151, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-1 { width: 100%; height: 200px; background-size: cover; } /* line 4156, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-2 { width: 100%; height: 200px; background-size: cover; } /* line 4161, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-3 { width: 100%; height: 200px; background-size: cover; } /* line 4166, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-1 { font-size: 16px; } /* line 4169, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-2 { font-size: 16px; } /* line 4172, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-3 { width: 180px; font-size: 16px; } /* line 4176, app/assets/stylesheets/styles.scss.erb */ .dorman-logo { width: 160px; background-size: contain; } /* line 4180, app/assets/stylesheets/styles.scss.erb */ .center-banner-1 { width: 50%; height: 200px; padding-right: 12px; float: left; background-size: contain; font-size: 15px; } /* line 4188, app/assets/stylesheets/styles.scss.erb */ .center-banner-2 { width: 50%; height: 200px; padding-top: 164px; padding-right: 19px; background-position: 70% 0px; background-size: 160px; font-size: 15px; } /* line 4197, app/assets/stylesheets/styles.scss.erb */ .center-banner-3 { width: 50%; height: 200px; clear: left; background-position: 50% 100%; background-size: 120px; } /* line 4204, app/assets/stylesheets/styles.scss.erb */ .center-banner-text { height: 200px; font-size: 15px; } /* line 4208, app/assets/stylesheets/styles.scss.erb */ .center-banner-4 { width: 50%; height: 200px; padding-left: 0px; } /* line 4213, app/assets/stylesheets/styles.scss.erb */ .center-banner-5 { height: 200px; font-size: 29px; } /* line 4217, app/assets/stylesheets/styles.scss.erb */ .center-banner-6 { height: 200px; } /* line 4220, app/assets/stylesheets/styles.scss.erb */ .footer-logo { display: none; } /* line 4223, app/assets/stylesheets/styles.scss.erb */ .copyright-text { width: 22%; margin-right: 0px; margin-left: 2%; padding-left: 0px; font-size: 12px; } /* line 4230, app/assets/stylesheets/styles.scss.erb */ .down-links-wrapper { width: 48%; padding-right: 4px; padding-left: 4px; } /* line 4235, app/assets/stylesheets/styles.scss.erb */ .footer-link { width: 25%; margin-top: 34px; margin-right: 0px; font-size: 12px; text-align: center; } /* line 4242, app/assets/stylesheets/styles.scss.erb */ .phone-footer-wrapper { width: 28%; margin-right: 0px; padding-right: 0px; } /* line 4247, app/assets/stylesheets/styles.scss.erb */ .footer-call-wrapper { display: block; width: 160px; margin-right: auto; margin-left: auto; } /* line 4253, app/assets/stylesheets/styles.scss.erb */ .instrumental-name-wrapper { padding-top: 10px; /*width: 62%;*/ } /* line 4257, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper { /*width: 38%;*/ } /* line 4260, app/assets/stylesheets/styles.scss.erb */ .h1-wrapper { width: 600px; } /* line 4263, app/assets/stylesheets/styles.scss.erb */ .item-photo { display: block; margin-right: auto; /*margin-bottom: 28px;*/ margin-left: auto; float: none; /*margin-top: 15px;*/ } /* line 4271, app/assets/stylesheets/styles.scss.erb */ .item-buttons-list-wrapper { display: block; /*width: 400px;*/ margin-right: auto; margin-left: auto; /*float: none;*/ } /* line 4278, app/assets/stylesheets/styles.scss.erb */ .upper-item-list-block { display: block; /*width: 420px;*/ margin-right: auto; margin-left: auto; float: none; } /* line 4285, app/assets/stylesheets/styles.scss.erb */ .item-name-wrapper { display: block; margin-top: 0px; } /* line 4295, app/assets/stylesheets/styles.scss.erb */ .item-tab-link { width: 49%; } /* line 4298, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.w--current { width: 49%; } /* line 4301, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2 { width: 49%; } /* line 4304, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2.w--current { width: 49%; } /* line 4307, app/assets/stylesheets/styles.scss.erb */ .item-change { height: auto; min-height: 50px; margin-right: 1%; padding-bottom: 15px; } /* line 4313, app/assets/stylesheets/styles.scss.erb */ .item-change-title { width: 24%; margin-right: 1%; font-size: 14px; text-align: center; } /* line 4319, app/assets/stylesheets/styles.scss.erb */ .item-change-number { width: 24%; margin-right: 1%; font-size: 14px; text-align: center; } /* line 4325, app/assets/stylesheets/styles.scss.erb */ .item-change-presence { width: 24%; margin-top: 6px; margin-right: 1%; text-align: center; } /* line 4331, app/assets/stylesheets/styles.scss.erb */ .item-change-price { width: 24%; margin-top: 8px; margin-right: 1%; text-align: center; } /* line 4337, app/assets/stylesheets/styles.scss.erb */ .item-order { height: auto; min-height: 50px; padding-bottom: 16px; } /* line 4342, app/assets/stylesheets/styles.scss.erb */ .item-order-title { width: 19%; margin-right: 1%; } /* line 4346, app/assets/stylesheets/styles.scss.erb */ .item-order-storage { width: 19%; margin-right: 1%; } /* line 4350, app/assets/stylesheets/styles.scss.erb */ .item-presence { width: 19%; margin-right: 1%; } /* line 4354, app/assets/stylesheets/styles.scss.erb */ .item-order-time { width: 19%; margin-right: 1%; } /* line 4358, app/assets/stylesheets/styles.scss.erb */ .item-update { width: 19%; margin-right: 1%; } /* line 4362, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title { font-size: 12px; } /* line 4365, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-counter { font-size: 26px; margin-top: 5px; } /* line 4369, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title { font-size: 12px; } /* line 4372, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title-counter { font-size: 26px; margin-top: 4px; } /* line 4376, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block { font-size: 12px; } /* line 4379, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block { font-size: 12px; } /* line 4382, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block-open { width: 94px; } /* line 4385, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block-open { width: 94px; } /* line 4388, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-close { width: 84px; } /* line 4391, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-close { width: 84px; } /* line 4394, app/assets/stylesheets/styles.scss.erb */ .result-item-search-wrapper { padding-left: 28px; } /*.result-items-main-wrapper {*/ /* padding-right: 14px;*/ /* padding-left: 14px;*/ /*}*/ /* line 4401, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-block { width: 100%; } /* line 4404, app/assets/stylesheets/styles.scss.erb */ .result-sort-title { margin-right: 0px; font-size: 14px; } /* line 4408, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-list { margin-right: 14px; float: right; } /* line 4412, app/assets/stylesheets/styles.scss.erb */ .result-item-list-select-wrapper { display: none; } /* line 4415, app/assets/stylesheets/styles.scss.erb */ .result-item-list-select-title { margin-right: 4px; } /* line 4418, app/assets/stylesheets/styles.scss.erb */ .result-title.result-number-title { margin-left: 10px; } /* line 4421, app/assets/stylesheets/styles.scss.erb */ .result-title.result-name { display: none; } /* line 4424, app/assets/stylesheets/styles.scss.erb */ .result-item-title { box-shadow: none; } /* line 4427, app/assets/stylesheets/styles.scss.erb */ .result-item-photo { display: none; } /* line 4430, app/assets/stylesheets/styles.scss.erb */ .result-item-name { display: none; } /* line 4433, app/assets/stylesheets/styles.scss.erb */ .result-item-number-wrapper { padding-left: 10px; } /* line 4436, app/assets/stylesheets/styles.scss.erb */ .result-item-product-wrapper { padding-left: 6px; } /* line 4439, app/assets/stylesheets/styles.scss.erb */ .result-storage-name-wrapper { width: 126px; padding-left: 26px; } /* line 4443, app/assets/stylesheets/styles.scss.erb */ .result-item-counter-wrapper { padding-left: 19px; } /* line 4446, app/assets/stylesheets/styles.scss.erb */ .result-description-wrapper { left: 107px; } /* line 4449, app/assets/stylesheets/styles.scss.erb */ .cart-photo { display: none; } /* line 4452, app/assets/stylesheets/styles.scss.erb */ .cart-number-wrapper { width: 100px; } /* line 4455, app/assets/stylesheets/styles.scss.erb */ .cart-number-title { margin-left: 8px; font-size: 12px; } /* line 4459, app/assets/stylesheets/styles.scss.erb */ .cart-name-wrapper { width: 100px; } /* line 4462, app/assets/stylesheets/styles.scss.erb */ .cart-wrapper { width: 100%; height: 67px; padding-top: 10px; } /* line 4467, app/assets/stylesheets/styles.scss.erb */ .cart-items-counter { padding-left: 2px; } /* line 4470, app/assets/stylesheets/styles.scss.erb */ .cart-name-title { margin-left: 4px; } /* line 4473, app/assets/stylesheets/styles.scss.erb */ .cart-storage-wrapper { width: 100px; } /* line 4476, app/assets/stylesheets/styles.scss.erb */ .cart-select-main-wrapper { margin-right: 7px; } /* line 4479, app/assets/stylesheets/styles.scss.erb */ .cart-main-title { display: none; } /* line 4482, app/assets/stylesheets/styles.scss.erb */ .content-card-title-regular { font-size: 12px; } /* line 4485, app/assets/stylesheets/styles.scss.erb */ .result-tab { width: 48%; height: 40px; } /* line 4489, app/assets/stylesheets/styles.scss.erb */ .result-tab.w--current { width: 48%; height: 40px; } /* line 4493, app/assets/stylesheets/styles.scss.erb */ .button.purchase-button { display: block; width: 40%; padding-top: 14px; font-size: 12px; } /* line 4499, app/assets/stylesheets/styles.scss.erb */ .button-help-inquiry { width: 300px; z-index: 5; } /* line 4503, app/assets/stylesheets/styles.scss.erb */ .new-button-help-inquiry { width: 300px; } /* line 4506, app/assets/stylesheets/styles.scss.erb */ .button-help-call { width: 300px; z-index: 5; } /* line 4510, app/assets/stylesheets/styles.scss.erb */ .new-button-help-call { width: 300px; } /* line 4513, app/assets/stylesheets/styles.scss.erb */ .phones_with_icon { display: none; } } @media (max-width: 876px) { /* line 4518, app/assets/stylesheets/styles.scss.erb */ .result-item-photo { display: none; } } @media (max-width: 767px) { /* line 4523, app/assets/stylesheets/styles.scss.erb */ body { height: auto; } /* line 4526, app/assets/stylesheets/styles.scss.erb */ h1 { width: 100%; margin: 12px 0px 8px; padding-left: 10px; float: none; font-size: 18px; /*text-align: center;*/ } /* line 4534, app/assets/stylesheets/styles.scss.erb */ .cart-wrapper-top { height: 60px; margin-top: 5px; } /* line 4540, app/assets/stylesheets/styles.scss.erb */ .cart-div { margin-top: 0px; } /* line 4543, app/assets/stylesheets/styles.scss.erb */ .modal-backdrop { display: none; } /* line 4546, app/assets/stylesheets/styles.scss.erb */ .header-wrapper span { width: 100%; margin: 12px 0px 3px; padding-left: 10px; float: none; font-size: 18px; text-align: center; } /* line 4554, app/assets/stylesheets/styles.scss.erb */ .comment-author-info { width: 100%; margin: 0px; } /* line 4558, app/assets/stylesheets/styles.scss.erb */ .button.purchase-button { display: block; width: 48%; padding-top: 10px; font-size: 14px; } /* line 4564, app/assets/stylesheets/styles.scss.erb */ .button.registration-button { margin-right: 20px; } /* line 4567, app/assets/stylesheets/styles.scss.erb */ .dm-container { position: absolute; box-shadow: none; -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); } /* line 4575, app/assets/stylesheets/styles.scss.erb */ .left-content-wrapper { display: none; } /* line 4578, app/assets/stylesheets/styles.scss.erb */ .menu-wrapper { height: auto; } /* line 4581, app/assets/stylesheets/styles.scss.erb */ .menu-title-wrapper { position: fixed; z-index: 24; width: 80%; height: 60px; float: none; } /* line 4588, app/assets/stylesheets/styles.scss.erb */ .center-content-wrapper { margin-left: 0px; } /* line 4591, app/assets/stylesheets/styles.scss.erb */ .header-wrapper { height: 140px; padding-top: 10px; } /* line 4595, app/assets/stylesheets/styles.scss.erb */ .header-phone-wrapper { display: block; width: 180px; margin-right: auto; margin-bottom: 12px; margin-left: auto; padding-top: 0px; float: none; } /* line 4604, app/assets/stylesheets/styles.scss.erb */ .service-panel { height: auto; /*margin-bottom: 80px;*/ /*margin-bottom: 0px;*/ padding-right: 16px; /*padding-left: 10px;*/ /*margin-top: 10px;*/ } /* line 4612, app/assets/stylesheets/styles.scss.erb */ .search-and-advantages-wrapper { width: 100%; /*margin-bottom: 10px;*/ } /* line 4616, app/assets/stylesheets/styles.scss.erb */ .advantages-wrapper { height: auto; display: none; } /* line 4620, app/assets/stylesheets/styles.scss.erb */ .question-wrapper { width: 100%; /*float: left*/ } /* line 4624, app/assets/stylesheets/styles.scss.erb */ .question-frame { /*padding-top: 30px;*/ } /* line 4627, app/assets/stylesheets/styles.scss.erb */ .question-content-wrapper { margin-bottom: 20px; } /* line 4630, app/assets/stylesheets/styles.scss.erb */ .shedule-wrapper { /*width: 220px;*/ padding-bottom: 15px; } /* line 4634, app/assets/stylesheets/styles.scss.erb */ .shedule-icon { width: 38px; height: 37px; } /* line 4638, app/assets/stylesheets/styles.scss.erb */ .shedule-text { font-size: 24px; } /* line 4641, app/assets/stylesheets/styles.scss.erb */ .week-text { width: 220px; font-size: 16px; } /* line 4645, app/assets/stylesheets/styles.scss.erb */ .advantages-list-wrapper { height: auto; padding-top: 8px; padding-bottom: 0px; } /* line 4650, app/assets/stylesheets/styles.scss.erb */ .slider-wrapper { margin-bottom: 10px; padding-right: 10px; padding-left: 10px; } /* line 4655, app/assets/stylesheets/styles.scss.erb */ .main-slider-left-arrow { margin-left: 13px; } /* line 4658, app/assets/stylesheets/styles.scss.erb */ .main-slider-right-arrow { margin-right: 13px; } /* line 4661, app/assets/stylesheets/styles.scss.erb */ .main-slider-title { width: 100px; font-size: 11px; } /* line 4665, app/assets/stylesheets/styles.scss.erb */ .slide-items-wrapper { padding-right: 70px; padding-left: 70px; } /* line 4669, app/assets/stylesheets/styles.scss.erb */ .slide-item.slide-item-2 { margin-right: 0px; } /* line 4672, app/assets/stylesheets/styles.scss.erb */ .slider-item-title { margin-left: 0px; } /* line 4675, app/assets/stylesheets/styles.scss.erb */ .slider-item-title.slider-item-title-right { margin-right: 0px; } /* line 4678, app/assets/stylesheets/styles.scss.erb */ .banners-wrapper { padding-right: 10px; padding-left: 10px; } /* line 4682, app/assets/stylesheets/styles.scss.erb */ .center-banners-wrapper { width: 100%; margin-top: 10px; } /* line 4686, app/assets/stylesheets/styles.scss.erb */ .right-banner-wrapper { width: auto; margin-bottom: 10px; float: left; } /* line 4691, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-1 { width: 32%; margin-right: 1.33%; margin-bottom: 10px; margin-left: 0.667%; padding-right: 8px; padding-left: 8px; float: left; } /* line 4700, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-2 { width: 32%; margin-right: 1.33%; margin-bottom: 10px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; float: left; } /* line 4709, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-3 { width: 32%; padding-top: 8px; padding-right: 8px; padding-left: 8px; float: left; } /* line 4716, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-1 { position: relative; width: 100%; height: auto; margin-top: 8px; margin-right: 0px; padding-top: 8px; padding-bottom: 8px; } /* line 4725, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-2 { position: relative; top: 102px; bottom: -2px; width: 100%; height: 90px; margin-right: 0px; margin-left: 0px; } /* line 4734, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-3 { position: relative; width: 100%; height: auto; margin-bottom: 0px; margin-left: 0px; padding-top: 8px; padding-bottom: 8px; } /* line 4743, app/assets/stylesheets/styles.scss.erb */ .dorman-logo { width: 140px; height: 30px; margin-bottom: 16px; } /* line 4748, app/assets/stylesheets/styles.scss.erb */ .center-banner-1 { margin-bottom: 30px; } /* line 4751, app/assets/stylesheets/styles.scss.erb */ .center-banner-2 { padding-top: 148px; padding-right: 10px; } /* line 4755, app/assets/stylesheets/styles.scss.erb */ .center-banner-4 { background-position: 100% 50%; } /* line 4758, app/assets/stylesheets/styles.scss.erb */ .center-banner-5 { margin-top: 30px; } /* line 4761, app/assets/stylesheets/styles.scss.erb */ .center-banner-6 { margin-top: 30px; margin-bottom: 30px; } /* line 4765, app/assets/stylesheets/styles.scss.erb */ .footer-wrapper { display: block; height: 60px; } /* line 4769, app/assets/stylesheets/styles.scss.erb */ .copyright-text { width: auto; margin-left: 16px; } /* line 4773, app/assets/stylesheets/styles.scss.erb */ .down-links-wrapper { display: none; } /* line 4776, app/assets/stylesheets/styles.scss.erb */ .phone-footer-wrapper { width: auto; margin-right: 16px; } /* line 4780, app/assets/stylesheets/styles.scss.erb */ .enter-wrapper { display: block; } /* line 4783, app/assets/stylesheets/styles.scss.erb */ .exit-wrapper { /*display: none;*/ width: 78px; } /* line 4787, app/assets/stylesheets/styles.scss.erb */ .menu-links-wrapper { position: relative; z-index: 22; padding-top: 67px; } /* line 4792, app/assets/stylesheets/styles.scss.erb */ .instrumental-wrapper { padding-right: 10px; padding-left: 10px; } /* line 4796, app/assets/stylesheets/styles.scss.erb */ .cart-wrapper { width: 52%; } /* line 4799, app/assets/stylesheets/styles.scss.erb */ .cart-icon { display: none; margin-top: 9px; } /* line 4803, app/assets/stylesheets/styles.scss.erb */ .cart-items-counter { margin-left: 4px; font-size: 12px; } /* line 4807, app/assets/stylesheets/styles.scss.erb */ .cart-items-price { margin-left: 5px; } /* line 4810, app/assets/stylesheets/styles.scss.erb */ .cart-items-price { font-size: 14px; padding-top: 14px; } /* line 4814, app/assets/stylesheets/styles.scss.erb */ .button.purchase-button { font-size: 12px; padding-top: 14px; } /* line 4818, app/assets/stylesheets/styles.scss.erb */ .home-text { font-size: 14px; } /* line 4821, app/assets/stylesheets/styles.scss.erb */ .client-name { margin-top: 17px; margin-left: 10px; font-size: 16px; } /* line 4826, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.login-wrapper { width: 100%; margin-bottom: 100px; } /* line 4830, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.forgot-pass-wrapper { width: 100%; height: 100%; margin-top: 0px; } /* line 4835, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.registration-wrapper { width: 100%; } /* line 4838, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.question-pop-up { width: 100%; margin-top: 0px; } /* line 4842, app/assets/stylesheets/styles.scss.erb */ .form-bg { overflow-x: scroll; overflow-y: scroll; } /* line 4846, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-pass { height: 100%; margin-bottom: 100px; } /* line 4850, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-registration { overflow-x: visible; overflow-y: visible; } /* line 4854, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-question { margin-bottom: 100px; } /* line 4857, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper { width: 480px; } /* line 4860, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper.form-fields-wrapper-password { margin-top: 20px; } /* line 4863, app/assets/stylesheets/styles.scss.erb */ .form-text-field.form-text-field-small { width: 230px; } /* line 4866, app/assets/stylesheets/styles.scss.erb */ .h1-wrapper { width: 810px; height: auto; } /* line 4870, app/assets/stylesheets/styles.scss.erb */ .sticky-menu { position: fixed; z-index: 20; display: block; width: 100vw; height: 80px; background-color: white; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px 0px; } /* line 4879, app/assets/stylesheets/styles.scss.erb */ .sticky-menu-logo { position: relative; width: 25%; height: 100%; float: left; } /* line 4885, app/assets/stylesheets/styles.scss.erb */ .sticky-menu-logo-admin { position: relative; width: 25%; height: 100%; float: none; } /* line 4891, app/assets/stylesheets/styles.scss.erb */ .sticky-logo { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 10px; padding-left: 10px; } /* line 4902, app/assets/stylesheets/styles.scss.erb */ .menu-icon { display: block; height: 100%; min-width: 0px; float: right; /*background-image: image-url(/assets/new-icons/menu-icon-c356dc5a9e5bd03ce911b7dc7fa0ffb3ef28fc2fb3301dfde30a5787a6f58045.png);*/ background-position: 50% 50%; background-size: 32px; background-repeat: no-repeat; } /* line 4913, app/assets/stylesheets/styles.scss.erb */ .menu-icon-admin { display: block; width: 50%; height: 100%; min-width: 0px; float: left; background-position: 50% 50%; background-size: 32px; background-repeat: no-repeat; } /* line 4923, app/assets/stylesheets/styles.scss.erb */ .menu-icon-wrapper { position: absolute; text-align: center; top: 0px; right: 0px; bottom: 0px; width: 35%; height: 100%; float: right; } /* line 4933, app/assets/stylesheets/styles.scss.erb */ .menu-icon-wrapper-admin { position: absolute; text-align: center; top: 0px; left: 0px; bottom: 0px; width: 35%; height: 100%; float: left; } /* line 4943, app/assets/stylesheets/styles.scss.erb */ .sticky-menu-title { margin-top: 17px; float: left; color: #0c588f; } /* line 4949, app/assets/stylesheets/styles.scss.erb */ .menu-close-icon { display: none; height: 100%; min-width: 0px; float: right; /*background-image: image-url(/assets/new-icons/menu-close-f443406a9f16a22153c2a5339095d4cbc943c5826bf53bef25eed24888a61a0e.png);*/ background-position: 50% 50%; background-size: 24px; background-repeat: no-repeat; } /* line 4960, app/assets/stylesheets/styles.scss.erb */ .menu-close-icon-admin { display: none; width: 50%; height: 100%; min-width: 0px; float: left; /*background-image: image-url(/assets/new-icons/menu-close-f443406a9f16a22153c2a5339095d4cbc943c5826bf53bef25eed24888a61a0e.png);*/ background-position: 50% 50%; background-size: 24px; background-repeat: no-repeat; } /* line 4971, app/assets/stylesheets/styles.scss.erb */ .menu-dummy { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 24; display: none; width: 20%; height: 100%; float: right; } /* line 4982, app/assets/stylesheets/styles.scss.erb */ .roll-menu { position: fixed; margin-top: 60px; top: -100%; z-index: 19; display: block; overflow-x: scroll; overflow-y: scroll; width: 100vw; height: 100%; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.34) 0px 1px 6px 0px; } /* line 4995, app/assets/stylesheets/styles.scss.erb */ .roll-menu2 { position: fixed; margin-top: 60px; top: -100%; z-index: 19; display: block; overflow-x: scroll; overflow-y: scroll; width: 100vw; height: 100%; background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.34) 0px 1px 6px 0px; } /* line 5008, app/assets/stylesheets/styles.scss.erb */ .roll-menu-admin { position: fixed; margin-top: 60px; top: -100%; z-index: 19; display: block; overflow-x: scroll; overflow-y: scroll; width: 100vw; height: 100%; background-color: #222; box-shadow: rgba(0, 0, 0, 0.34) 0px 1px 6px 0px; } /* line 5021, app/assets/stylesheets/styles.scss.erb */ .roll-menu-link { /*width: 100%;*/ /*width: 100px;*/ text-decoration: none; } /* line 5026, app/assets/stylesheets/styles.scss.erb */ .roll-menu-link-text { display: block; margin-top: 20px; margin-right: auto; margin-left: auto; font-family: Roboto, sans-serif; color: black; font-size: 20px; font-weight: 900; text-align: center; } /* line 5037, app/assets/stylesheets/styles.scss.erb */ .enter-logo { width: 114px; height: 100%; float: left; background-color: #0c588f; } /* line 5043, app/assets/stylesheets/styles.scss.erb */ .auto-select-phones { position: fixed; left: -80%; z-index: 22; display: block; overflow-x: scroll; overflow-y: scroll; width: 80%; height: 100%; background-color: #0c588f; box-shadow: rgba(0, 0, 0, 0.34) 1px 0px 6px 0px; } /* line 5056, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.w--current { padding-right: 5px; padding-left: 8px; } /* line 5060, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2 { padding-right: 5px; padding-left: 8px; } /* line 5064, app/assets/stylesheets/styles.scss.erb */ .item-change-title { font-size: 14px; text-align: left; } /* line 5068, app/assets/stylesheets/styles.scss.erb */ .item-change-number { font-size: 12px; text-align: left; } /* line 5072, app/assets/stylesheets/styles.scss.erb */ .item-change-presence { font-size: 13px; text-align: center; } /* line 5076, app/assets/stylesheets/styles.scss.erb */ .item-change-price { text-align: center; } /* line 5079, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title { font-size: 10px; } /* line 5082, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-close { width: 76px; font-size: 11px; } /* line 5086, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-open { width: 90px; font-size: 11px; } /* line 5090, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title { font-size: 10px; } /* line 5093, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-close { width: 76px; font-size: 11px; } /* line 5097, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-open { font-size: 11px; width: 90px; } /* line 5101, app/assets/stylesheets/styles.scss.erb */ .result-item-table-title-list { display: none; } /* line 5104, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab { width: 48%; height: 38px; } /* line 5108, app/assets/stylesheets/styles.scss.erb */ .result-tab.w--current { width: 48%; height: 38px; } /* line 5112, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab.w--current { width: 48%; } /* line 5115, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab.result-left-tab-1.w--current { width: 48%; } /* line 5118, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-right-tab { width: 48%; margin-left: 0px; } /* line 5122, app/assets/stylesheets/styles.scss.erb */ .result-item-title { /* margin-top: 25px;*/ box-shadow: none; } /* line 5126, app/assets/stylesheets/styles.scss.erb */ .result-item-photo { display: block; margin-right: auto; margin-left: auto; float: none; } /* line 5132, app/assets/stylesheets/styles.scss.erb */ .result-item-number { display: block; margin-right: auto; margin-left: auto; text-align: center; } /* line 5138, app/assets/stylesheets/styles.scss.erb */ .result-item-product { float: none; text-align: center; } /* line 5142, app/assets/stylesheets/styles.scss.erb */ .result-storage-name { position: relative; text-align: center; } /* line 5146, app/assets/stylesheets/styles.scss.erb */ .result-item-counter { position: relative; width: 100%; margin-bottom: 14px; } /* line 5151, app/assets/stylesheets/styles.scss.erb */ .result-price-wrapper { position: relative; top: 0px; right: 0px; display: block; height: auto; margin-right: auto; margin-left: auto; float: none; } /* line 5161, app/assets/stylesheets/styles.scss.erb */ .result-item-price { margin-top: 112px; } /* line 5164, app/assets/stylesheets/styles.scss.erb */ .result-item-add-to-cart { display: block; margin-right: auto; margin-left: auto; float: none; } /* line 5170, app/assets/stylesheets/styles.scss.erb */ .result-item-number-wrapper { position: relative; width: 100%; float: none; } /* line 5175, app/assets/stylesheets/styles.scss.erb */ .result-item-product-wrapper { width: 100%; } /* line 5178, app/assets/stylesheets/styles.scss.erb */ .result-storage-name-wrapper { width: 100%; } /* line 5181, app/assets/stylesheets/styles.scss.erb */ .result-item-counter-wrapper { width: 100%; text-align: center; } /* line 5185, app/assets/stylesheets/styles.scss.erb */ .result-description-wrapper { left: 0px; top: 124px; right: 0px; bottom: 0px; display: block; width: 313px; margin-right: auto; margin-left: auto; } /* line 5195, app/assets/stylesheets/styles.scss.erb */ .result-description-nail { display: none; } /* line 5198, app/assets/stylesheets/styles.scss.erb */ .request-block-wrapper { margin-top: 40px; } /* line 5201, app/assets/stylesheets/styles.scss.erb */ .cart-content-wrapper { padding-right: 10px; padding-left: 10px; } /* line 5205, app/assets/stylesheets/styles.scss.erb */ .cart-photo { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } /* line 5212, app/assets/stylesheets/styles.scss.erb */ .cart-number-wrapper { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } /* line 5219, app/assets/stylesheets/styles.scss.erb */ .cart-name-wrapper { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; text-align: center; } /* line 5227, app/assets/stylesheets/styles.scss.erb */ .cart-storage-wrapper { display: block; margin-right: auto; margin-left: auto; float: none; text-align: center; } /* line 5234, app/assets/stylesheets/styles.scss.erb */ .cart-price-wrapper { display: block; width: 120px; margin-top: 22px; margin-right: auto; margin-left: auto; float: none; clear: both; text-align: center; } /* line 5244, app/assets/stylesheets/styles.scss.erb */ .cart-price-title { display: inline-block; width: 100%; float: left; text-align: center; } /* line 5250, app/assets/stylesheets/styles.scss.erb */ .cart-select-main-wrapper { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } /* line 5257, app/assets/stylesheets/styles.scss.erb */ .cart-common-price-wrapper { display: block; width: 70px; margin-right: auto; margin-bottom: 20px; margin-left: auto; float: none; } /* line 5265, app/assets/stylesheets/styles.scss.erb */ .cart-item-clear-button-wrapper { margin-top: 16px; } /* line 5268, app/assets/stylesheets/styles.scss.erb */ .cart-sum-wrapper { margin-bottom: 100px; } /* line 5271, app/assets/stylesheets/styles.scss.erb */ .cart-sale-info-wrapper { display: inline-block; float: none; clear: both; } /* line 5276, app/assets/stylesheets/styles.scss.erb */ .cart-offer-wrapper { margin-top: 20px; float: left; } /* line 5280, app/assets/stylesheets/styles.scss.erb */ .phone-sum-block { display: block; margin-top: 5px; margin-bottom: 6px; font-family: Roboto, sans-serif; font-weight: 700; text-align: center; } /* line 5288, app/assets/stylesheets/styles.scss.erb */ .content-wrapper { padding-right: 10px; padding-left: 10px; /*min-height: auto;*/ } /* line 5293, app/assets/stylesheets/styles.scss.erb */ .content-card-wrapper { width: 100%; padding-top: 30px; } /* line 5297, app/assets/stylesheets/styles.scss.erb */ .content-block { width: 100%; margin-top: 20px; } /* line 5301, app/assets/stylesheets/styles.scss.erb */ .content-choose-link { margin-top: 30px; } /* line 5304, app/assets/stylesheets/styles.scss.erb */ .home-text { display: none; } /* line 5307, app/assets/stylesheets/styles.scss.erb */ .home-wrapper { width: 10%; } /* line 5310, app/assets/stylesheets/styles.scss.erb */ .home-icon { width: 16px; background-size: contain; margin-top: 25px; } /* line 5315, app/assets/stylesheets/styles.scss.erb */ .catalog-content-wrapper { margin-top: 0px; } /* line 5319, app/assets/stylesheets/styles.scss.erb */ .cart-item-link-wrapper-top { font-size: 18px; } /* line 5322, app/assets/stylesheets/styles.scss.erb */ .cart-items-counter-top { font-size: 18px; } } @media (max-width: 479px) { /* line 5327, app/assets/stylesheets/styles.scss.erb */ h1 { margin-top: 8px; padding-left: 0px; font-size: 16px; } /* line 5332, app/assets/stylesheets/styles.scss.erb */ p { margin-bottom: 10px; text-indent: 10px; } /* line 5336, app/assets/stylesheets/styles.scss.erb */ .button.purchase-button { width: 50%; height: auto; padding: 10px 0 10px 0; font-size: 20px; } /* line 5342, app/assets/stylesheets/styles.scss.erb */ .cart-items-counter { width: 100%; font-size: 16px; margin-top: 8px; padding: 0; } /* line 5348, app/assets/stylesheets/styles.scss.erb */ .cart-items-price { padding: 0; margin: 5px 0 8px 0; } /* line 5352, app/assets/stylesheets/styles.scss.erb */ .container { box-shadow: none; /*margin-top: 54px;*/ } /* line 5356, app/assets/stylesheets/styles.scss.erb */ .menu-wrapper { height: auto; } /* line 5359, app/assets/stylesheets/styles.scss.erb */ .menu-title-wrapper { height: 50px; } /* line 5362, app/assets/stylesheets/styles.scss.erb */ .header-phone-wrapper { margin-bottom: 8px; } /* line 5365, app/assets/stylesheets/styles.scss.erb */ .auto-logo { /*width: 14.6667%;*/ /*margin: 8px 2%;*/ } /* line 5369, app/assets/stylesheets/styles.scss.erb */ .auto-logos-and-instrumental-wrapper { height: auto; /*margin-top: 5px;*/ } /* line 5373, app/assets/stylesheets/styles.scss.erb */ .advantages-left-row { width: 100%; } /* line 5376, app/assets/stylesheets/styles.scss.erb */ .advantages-right-row { width: 100%; } /* line 5379, app/assets/stylesheets/styles.scss.erb */ .main-slider-left-arrow { margin-left: 8px; } /* line 5382, app/assets/stylesheets/styles.scss.erb */ .main-slider-right-arrow { margin-right: 8px; } /* line 5385, app/assets/stylesheets/styles.scss.erb */ .slide-items-wrapper { padding-right: 35px; padding-left: 35px; } /* line 5389, app/assets/stylesheets/styles.scss.erb */ .slide-item-wrapper { width: 50%; } /* line 5392, app/assets/stylesheets/styles.scss.erb */ .slide-item-wrapper.slide-item-wrapper-3 { display: none; } /* line 5395, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-1 { width: 100%; } /* line 5398, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-2 { width: 100%; } /* line 5401, app/assets/stylesheets/styles.scss.erb */ .right-banner.right-banner-3 { width: 100%; } /* line 5404, app/assets/stylesheets/styles.scss.erb */ .right-banner-title-wrapper.right-banner-title-wrapper-3 { top: 129px; } /* line 5407, app/assets/stylesheets/styles.scss.erb */ .center-banner-1 { width: 100%; margin-bottom: 20px; } /* line 5411, app/assets/stylesheets/styles.scss.erb */ .center-banner-2 { width: 100%; margin-bottom: 20px; background-position: 0px 0px; background-size: 184px; } /* line 5417, app/assets/stylesheets/styles.scss.erb */ .center-banner-3 { width: 100%; margin-bottom: 20px; background-position: 100% 50%; background-size: 146px; } /* line 5423, app/assets/stylesheets/styles.scss.erb */ .center-banner-4 { width: 100%; margin-bottom: 20px; } /* line 5427, app/assets/stylesheets/styles.scss.erb */ .center-banner-5 { width: 100%; margin-top: 0px; } /* line 5431, app/assets/stylesheets/styles.scss.erb */ .center-banner-6 { width: 100%; margin-top: 20px; margin-bottom: 20px; } /* line 5436, app/assets/stylesheets/styles.scss.erb */ .footer-wrapper { height: auto; } /* line 5439, app/assets/stylesheets/styles.scss.erb */ .copyright-text { position: relative; color: black; margin-top: 20px; margin-right: auto; margin-left: auto; float: none; text-align: left; } /* line 5449, app/assets/stylesheets/styles.scss.erb */ .phone-footer-wrapper { display: block; width: 180px; margin: 10px auto; padding-top: 0px; float: none; } /* line 5456, app/assets/stylesheets/styles.scss.erb */ .enter-wrapper { /*margin-top: 15px;*/ } /* line 5459, app/assets/stylesheets/styles.scss.erb */ .exit-wrapper { /*display: none;*/ margin-top: 16px; } /* line 5463, app/assets/stylesheets/styles.scss.erb */ .menu-links-wrapper { padding-top: 57px; } /* line 5466, app/assets/stylesheets/styles.scss.erb */ .menu-link-open-group.open-group-1 { display: none; } /* line 5469, app/assets/stylesheets/styles.scss.erb */ .instrumental-name-wrapper { width: 100%; padding-top: 4px; padding-bottom: 4px; } /* line 5474, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper { width: 100%; padding-top: 6px; padding-bottom: 6px; } /* line 5479, app/assets/stylesheets/styles.scss.erb */ .cart-items-price { width: 100%; text-align: center; font-size: 16px; } /* line 5484, app/assets/stylesheets/styles.scss.erb */ .home-wrapper { width: 60px; padding-right: 4px; } /* line 5488, app/assets/stylesheets/styles.scss.erb */ .client-name { margin-left: 8px; font-size: 14px; } /* line 5492, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.login-wrapper { margin-top: 100px; } /* line 5495, app/assets/stylesheets/styles.scss.erb */ .pop-up-content-wrapper.forgot-pass-wrapper { width: 100%; height: auto; margin-top: 100px; } /* line 5500, app/assets/stylesheets/styles.scss.erb */ .form-bg { height: auto; } /* line 5503, app/assets/stylesheets/styles.scss.erb */ .form-bg.form-bg-pass { height: 260px; min-height: 260px; } /* line 5507, app/assets/stylesheets/styles.scss.erb */ .form-block.form-block-registration { width: 100%; padding-top: 20px; } /* line 5511, app/assets/stylesheets/styles.scss.erb */ .label-form-wrapper { display: block; width: 180px; margin-right: auto; margin-bottom: 10px; margin-left: auto; float: none; } /* line 5519, app/assets/stylesheets/styles.scss.erb */ .label-form-wrapper.label-form-wrapper-wide { width: 200px; } /* line 5522, app/assets/stylesheets/styles.scss.erb */ .label-form-wrapper.label-form-wrapper-very-wide { width: 220px; } /* line 5525, app/assets/stylesheets/styles.scss.erb */ .form-label.no-icon-label { margin-left: 60px; } /* line 5528, app/assets/stylesheets/styles.scss.erb */ .form-label.no-icon-label.no-margin-label { margin-left: 0px; } /* line 5531, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper { width: 100%; margin-bottom: 30px; padding-right: 25px; padding-left: 25px; } /* line 5537, app/assets/stylesheets/styles.scss.erb */ .form-fields-wrapper.form-fields-wrapper-password { width: 100%; margin-top: 0px; } /* line 5541, app/assets/stylesheets/styles.scss.erb */ .request-form-button { float: left; } /* line 5544, app/assets/stylesheets/styles.scss.erb */ .request-form-button.registration-form-button { width: 100%; } /* line 5547, app/assets/stylesheets/styles.scss.erb */ .form-text-field { width: 100%; margin-bottom: 10px; } /* line 5551, app/assets/stylesheets/styles.scss.erb */ .form-text-field.form-text-field-small { width: 100%; margin-left: 15px; } /* line 5555, app/assets/stylesheets/styles.scss.erb */ .registration-tab-link { width: 40%; margin-right: 0px; margin-left: -2px; float: left; } /* line 5561, app/assets/stylesheets/styles.scss.erb */ .registration-tab-link.w--current { width: 40%; float: left; } /* line 5565, app/assets/stylesheets/styles.scss.erb */ .registration-tab-title { font-size: 14px; } /* line 5568, app/assets/stylesheets/styles.scss.erb */ .checkbox-wrapper { width: 100%; margin-top: 10px; } /* line 5572, app/assets/stylesheets/styles.scss.erb */ .checkbox-wrapper.checkbox-user { width: 100%; } /* line 5575, app/assets/stylesheets/styles.scss.erb */ .customer-title { text-align: center; } /* line 5578, app/assets/stylesheets/styles.scss.erb */ .comment-text-field { display: block; width: 100%; min-width: 100%; margin-right: auto; margin-left: auto; float: none; } /*.sticky-menu {*/ /* height: 60px;*/ /*}*/ /* line 5589, app/assets/stylesheets/styles.scss.erb */ .sticky-menu-logo { width: 33%; } /* line 5592, app/assets/stylesheets/styles.scss.erb */ .menu-icon-wrapper { width: 35%; } /* line 5595, app/assets/stylesheets/styles.scss.erb */ .sticky-menu-title { margin-top: 16px; } /* line 5598, app/assets/stylesheets/styles.scss.erb */ .enter-logo { width: 100px; } /* line 5601, app/assets/stylesheets/styles.scss.erb */ .auto-select-phones { position: fixed; z-index: 21; overflow-x: scroll; overflow-y: scroll; background-color: #0c588f; } /*.item-card-content {*/ /*padding-right: 10px;*/ /*padding-left: 10px;*/ /*}*/ /* line 5616, app/assets/stylesheets/styles.scss.erb */ .item-card-content { padding: 0 0 0 0; } /* line 5619, app/assets/stylesheets/styles.scss.erb */ .item-buttons-list-wrapper { width: 100%; height: auto; } /* line 5623, app/assets/stylesheets/styles.scss.erb */ .upper-item-list-block { width: 100%; height: auto; min-width: 100px; padding-bottom: 11px; } /* line 5629, app/assets/stylesheets/styles.scss.erb */ .down-item-list-block { height: auto; padding-bottom: 5px; float: left; } /* line 5634, app/assets/stylesheets/styles.scss.erb */ .down-list-button { width: 100%; margin-top: 2px; margin-bottom: 2px; text-align: center; } /* line 5640, app/assets/stylesheets/styles.scss.erb */ .item-name-wrapper { /*width: 80%;*/ margin-right: auto; margin-left: auto; float: none; } /* line 5646, app/assets/stylesheets/styles.scss.erb */ .h2-item-card { width: 100%; /*text-align: center;*/ } /* line 5650, app/assets/stylesheets/styles.scss.erb */ .item-name-text-middle-left { /*width: 50%;*/ margin-right: 0px; /*text-align: center;*/ } /* line 5655, app/assets/stylesheets/styles.scss.erb */ .item-name-text-middle-right { /*width: 50%;*/ /*float: left;*/ /*text-align: center;*/ } /* line 5660, app/assets/stylesheets/styles.scss.erb */ .item-name-text-down { width: 100%; /*text-align: center;*/ /*margin-left: 10px;*/ } /* line 5665, app/assets/stylesheets/styles.scss.erb */ .testimonial-bubble-wrapper { display: none; margin-top: 10px; } /* line 5669, app/assets/stylesheets/styles.scss.erb */ .price-wrapper { width: 100%; /*text-align: center;*/ } /* line 5673, app/assets/stylesheets/styles.scss.erb */ .item-video-window { margin-top: 10px; margin-right: auto; margin-left: auto; float: none; } /* line 5679, app/assets/stylesheets/styles.scss.erb */ .item-use-wrapper { /*display: none;*/ height: auto; margin-top: 12px; margin-right: auto; margin-left: auto; padding-bottom: 11px; float: none; } /* line 5688, app/assets/stylesheets/styles.scss.erb */ .item-tabs-wrapper { padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } /* line 5693, app/assets/stylesheets/styles.scss.erb */ .item-tab-link { height: 36px; float: left; width: 50%; } /* line 5698, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.w--current { width: 50%; height: 36px; float: left; } /* line 5703, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2 { width: 50%; height: 36px; float: left; } /* line 5708, app/assets/stylesheets/styles.scss.erb */ .item-tab-link.item-tab-link-2.w--current { width: 50%; } /* line 5711, app/assets/stylesheets/styles.scss.erb */ .item-tab-pane.item-tab-pane-2 { box-shadow: none; } /* line 5714, app/assets/stylesheets/styles.scss.erb */ .item-change { margin-right: 0%; padding-top: 8px; padding-bottom: 8px; padding-left: 0px; } /* line 5720, app/assets/stylesheets/styles.scss.erb */ .item-change-title { width: 100%; margin-right: 0%; margin-bottom: 4px; padding-left: 10px; float: none; text-align: center; } /* line 5728, app/assets/stylesheets/styles.scss.erb */ .item-change-number { width: 100%; margin-right: 0%; margin-bottom: 4px; padding-right: 10px; text-align: center; } /* line 5735, app/assets/stylesheets/styles.scss.erb */ .item-change-presence { width: 100%; margin-top: 0px; margin-right: 0%; margin-bottom: 4px; padding-right: 10px; float: left; line-height: 120%; text-align: center; } /* line 5745, app/assets/stylesheets/styles.scss.erb */ .item-change-price { width: 100%; margin-top: 0px; margin-right: 0%; padding-left: 10px; line-height: 120%; text-align: center; } /* line 5753, app/assets/stylesheets/styles.scss.erb */ .item-order { padding-top: 10px; padding-bottom: 10px; } /* line 5757, app/assets/stylesheets/styles.scss.erb */ .item-order-title { width: 100%; margin-right: 0%; margin-bottom: 4px; text-align: center; } /* line 5763, app/assets/stylesheets/styles.scss.erb */ .item-order-storage { width: 100%; margin-right: 0%; margin-bottom: 4px; line-height: 120%; text-align: center; } /* line 5770, app/assets/stylesheets/styles.scss.erb */ .item-presence { width: 100%; margin-right: 0%; margin-bottom: 4px; line-height: 120%; text-align: center; } /* line 5777, app/assets/stylesheets/styles.scss.erb */ .item-order-time { width: 100%; margin-right: 0%; margin-bottom: 4px; line-height: 120%; text-align: center; } /* line 5784, app/assets/stylesheets/styles.scss.erb */ .item-update { width: 100%; margin-right: 0%; line-height: 120%; text-align: center; } /* line 5790, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-wrapper { margin-top: 0px; } /* line 5793, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-title { display: none; width: 100%; float: none; clear: both; font-size: 9px; line-height: 120%; text-align: center; } /* line 5802, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-close { display: none; margin-right: auto; margin-left: auto; padding-top: 2px; float: none; } /* line 5809, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-normal { margin-right: auto; margin-left: auto; float: none; } /* line 5814, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.item-change-push-block-open { display: block; height: 30px; margin-right: auto; margin-left: auto; float: none; } /* line 5821, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-push-black { display: none; margin-right: auto; margin-left: auto; float: none; } /* line 5827, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-push-white { display: block; margin-right: auto; margin-left: auto; float: none; } /* .item-change-push-block.result-change-push-white.pw-1 { display: none; } */ /* line 5838, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-open-black { display: block; margin-right: auto; margin-left: auto; float: none; } /* .item-change-push-block.result-change-open-black.ob-2 { display: none; } */ /* line 5849, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-open-white { display: block; margin-right: auto; margin-left: auto; float: none; } /* line 5855, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-close-black { display: none; margin-right: auto; margin-left: auto; float: none; } /* line 5861, app/assets/stylesheets/styles.scss.erb */ .item-change-push-block.result-change-close-white { display: none; margin-right: auto; margin-left: auto; float: none; } /* line 5867, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title { display: none; width: 100%; clear: both; font-size: 9px; line-height: 120%; text-align: center; } /* line 5875, app/assets/stylesheets/styles.scss.erb */ .item-order-tab-title-counter { display: none; } /* line 5878, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-counter { display: none; } /* line 5881, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-orfer-push-block-normal { display: block; margin-top: 5px; margin-right: auto; margin-left: auto; float: none; } /* line 5888, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-close { display: none; margin-right: auto; margin-left: auto; float: none; } /* line 5894, app/assets/stylesheets/styles.scss.erb */ .item-order-push-block.item-order-push-block-open { height: 30px; margin-right: auto; margin-left: auto; float: none; } /* line 5900, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-wrapper { height: auto; } /* line 5903, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-block { height: auto; } /* line 5906, app/assets/stylesheets/styles.scss.erb */ .result-sort-title { width: 100%; margin-top: 12px; margin-bottom: 8px; margin-left: 0px; text-align: center; } /* line 5913, app/assets/stylesheets/styles.scss.erb */ .result-item-sort-list { display: block; width: 160px; height: 26px; margin: 42px auto 17px; float: none; background-image: none; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; text-align: center; } /* line 5926, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab { height: 30px; padding-top: 0px; float: left; } /* line 5931, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab.result-left-tab-1 { padding-top: 5px; } /* line 5934, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-left-tab.result-left-tab-1.w--current { padding-top: 5px; } /* line 5937, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-right-tab.w--current { height: 30px; padding-top: 0px; float: left; } /* line 5942, app/assets/stylesheets/styles.scss.erb */ .result-tab.result-right-tab.result-right-tab-1 { height: 30px; padding-top: 4px; float: left; } /* line 5947, app/assets/stylesheets/styles.scss.erb */ .result-item-title { box-shadow: none; } /* line 5950, app/assets/stylesheets/styles.scss.erb */ .result-description-wrapper { width: 240px; } /* line 5953, app/assets/stylesheets/styles.scss.erb */ .result-description-bubble { width: 240px; } /* line 5956, app/assets/stylesheets/styles.scss.erb */ .request-block-wrapper { height: 360px; } /* line 5959, app/assets/stylesheets/styles.scss.erb */ .cart-sum-wrapper { margin-top: 25px; margin-bottom: 80px; } /* line 5963, app/assets/stylesheets/styles.scss.erb */ .cart-sale-info-wrapper { font-size: 9px; } /* line 5966, app/assets/stylesheets/styles.scss.erb */ .content-link { font-size: 10px; } /* line 5969, app/assets/stylesheets/styles.scss.erb */ .content-link-arrow { margin-right: 4px; margin-left: 4px; } /* line 5973, app/assets/stylesheets/styles.scss.erb */ .content-choose-link { font-size: 13px; } /* line 5976, app/assets/stylesheets/styles.scss.erb */ .home-wrapper { width: 100%; } /* line 5979, app/assets/stylesheets/styles.scss.erb */ .home-icon { width: 30px; height: 30px; margin-top: 4px; margin-bottom: 4px; } /* line 5985, app/assets/stylesheets/styles.scss.erb */ .instrumental-links-wrapper { width: 100%; } /* line 5988, app/assets/stylesheets/styles.scss.erb */ .link-wrapper-upper-block { min-height: 26px; height: auto; } /* line 5992, app/assets/stylesheets/styles.scss.erb */ .link-wrapper-down-block { min-height: 26px; height: auto; } /* line 5996, app/assets/stylesheets/styles.scss.erb */ .instrumental-link { margin: 2px; } /* line 5999, app/assets/stylesheets/styles.scss.erb */ .links-and-name-wrapper { width: 100%; margin: 0px 20px 0 5px; } /* line 6003, app/assets/stylesheets/styles.scss.erb */ .mobile-brand-image-wrapper { width: 23vw; height: 23vw; background-color: white; padding: 5px; margin: 5px; border: 1px dotted grey; } } /*Дополнительные стили страницы результатов поиска и карточки товара*/ /* line 6015, app/assets/stylesheets/styles.scss.erb */ .item-number-sort select { background: #bdbdbd; width: auto; padding-left: 8px; height: 26px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; font-family: Roboto, sans-serif; font-weight: 400; font-size: 14px; color: white; text-transform: uppercase; padding-right: 25px; background-image: url(https://daks2k3a4ib2z.cloudfront.net/552808237faad9463cef7407/553169e188870ac145e8db81_result-down-arrow.png); background-repeat: no-repeat; background-position: 96% 50%; border: 0px; } /* line 6035, app/assets/stylesheets/styles.scss.erb */ .item-number-select-white select { background: transparent; width: 41px; padding-left: 6px; border: 1px solid #e4e4e4; height: 26px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; font-family: Roboto, sans-serif; font-weight: 700; font-size: 16px; color: #030303; } /* line 6049, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-dummy-1 { position: absolute; z-index: 10; height: 100%; width: 100%; display: none; right: 0px; top: 0px; } /* line 6058, app/assets/stylesheets/styles.scss.erb */ .item-change-slide-dummy-1 { position: absolute; z-index: 10; height: 100%; width: 100%; right: 0px; top: 0px; display: none; } /* line 6067, app/assets/stylesheets/styles.scss.erb */ .item-change-tab-dummy-2 { position: absolute; z-index: 10; height: 100%; width: 100%; right: 0px; top: 0px; } /* line 6075, app/assets/stylesheets/styles.scss.erb */ .item-change-slide-dummy-2 { position: absolute; z-index: 10; height: 100%; width: 100%; display: none; right: 0px; top: 0px; } /* line 6084, app/assets/stylesheets/styles.scss.erb */ .item-number-select select { background: transparent; width: 48px; padding-left: 8px; border: 1px solid #e4e4e4; height: 32px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; font-family: Roboto, sans-serif; font-weight: 700; font-size: 16px; color: #030303; } /* line 6098, app/assets/stylesheets/styles.scss.erb */ .item-number-select-mobile select { background: transparent; width: 50px; padding-left: 8px; border: 3px solid; height: 45px; -webkit-appearance: none; -moz-appearance: none; border-radius: 3px; font-family: Roboto, sans-serif; font-weight: 700; } /* line 6111, app/assets/stylesheets/styles.scss.erb */ .new-m-item-number-select select { background: transparent; width: 48px; padding-left: 8px; border: 1px solid #e4e4e4; height: 22px; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; font-family: Roboto, sans-serif; font-weight: 700; font-size: 16px; color: #030303; } /* line 6126, app/assets/stylesheets/styles.scss.erb */ .open { text-decoration: underline; } /* line 6128, app/assets/stylesheets/styles.scss.erb */ .open li a:hover { color: lightgray; /* Цвет текста активного пункта */ background-color: #3e8ec7; /* Цвет фона активного пункта */ } /*Дополнительные стили страницы акций*/ /* line 6136, app/assets/stylesheets/styles.scss.erb */ .page-descriptor { position: relative; display: inline-block; margin-top: 22px; padding-left: 20px; float: left; color: white; font-size: 22px; line-height: 24px; font-weight: 400; } /* line 6149, app/assets/stylesheets/styles.scss.erb */ .promo-container { position: relative; float: left; width: 100%; } /* line 6155, app/assets/stylesheets/styles.scss.erb */ .main-promo { border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; border-width: 2px; border-color: #e4e4e4; border-style: solid; background-color: #e4e4e4; position: relative; float: left; margin-top: 28px; } /* line 6167, app/assets/stylesheets/styles.scss.erb */ .main-promo > h1 { font-family: Roboto, sans-serif; color: #4e4a4a; font-size: 24px; line-height: 120%; font-weight: 700; margin: 15px 0 15px 0px !important; padding-left: 20px; text-align: left; display: block; float: left; } /* line 6179, app/assets/stylesheets/styles.scss.erb */ .promo-items-container { width: 100%; background-color: white; position: relative; float: left; } /* line 6185, app/assets/stylesheets/styles.scss.erb */ .promo-items-wrapper { width: 100%; position: relative; padding: 10px; } /* line 6190, app/assets/stylesheets/styles.scss.erb */ .promo-item-block { width: 32%; background-color: #f7f7f7; float: left; padding: 10px; min-height: 460px; } /* line 6197, app/assets/stylesheets/styles.scss.erb */ .promo-item-block.one { margin-right: 2%; } /* line 6200, app/assets/stylesheets/styles.scss.erb */ .promo-item-block.two { margin-right: 2%; } /* line 6203, app/assets/stylesheets/styles.scss.erb */ .promo-item-img { border-color: #b8b8b8; border-width: 1px; border-style: solid; margin-bottom: 30px; } /* line 6210, app/assets/stylesheets/styles.scss.erb */ .promo-item-block > p { font-family: Roboto, sans-serif; color: #353434; font-size: 12px; margin: 0; } /* line 6216, app/assets/stylesheets/styles.scss.erb */ .promo-item-block > h3 { margin-top: 24px; color: #353434; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; } /* line 6223, app/assets/stylesheets/styles.scss.erb */ .new-m-page-content { float: left; width: 100%; min-height: 75vh; padding: 10px 16px 16px 16px; } /* line 6229, app/assets/stylesheets/styles.scss.erb */ .page-content .promo-item-block > h3 { margin-top: 24px; color: #353434; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; } /* line 6237, app/assets/stylesheets/styles.scss.erb */ .promo-item-separator { color: #b8b8b8; height: 1px; border: none; margin-bottom: 20px; margin-top: 20px; } /* line 6244, app/assets/stylesheets/styles.scss.erb */ .promo-item-price { float: left; position: relative; width: 100%; } /* line 6249, app/assets/stylesheets/styles.scss.erb */ .promo-delete-price { font-family: Roboto, sans-serif; font-weight: 400; font-size: 18px; text-decoration: line-through; color: #757575; display: inline; float: right; margin-right: 10px; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-top: 10px; } /* line 6261, app/assets/stylesheets/styles.scss.erb */ .promo-new-price { font-family: Roboto, sans-serif; font-weight: 700; font-size: 28px; color: #353434; display: inline; float: right; margin-bottom: 20px; } /* line 6270, app/assets/stylesheets/styles.scss.erb */ .promo-storage-icon { width: 29px; height: 20px; background-image: url(/assets/promo-box-icon-fb63464c8ef10c3cb2c3c2d66f131c59ffddf2dc233e8b1ab2cc11ace017a10f.png); background-position: 100px; background-repeat: no-repeat, repeat; background-position: 50% 50%; float: right; display: inline; clear: none; } /* line 6281, app/assets/stylesheets/styles.scss.erb */ .promo-item-storage { float: right; position: relative; font-family: Roboto, sans-serif; font-weight: 400; font-size: 12px; font-style: italic; color: #757575; margin-bottom: 8px; margin-left: 10px; text-align: right; display: inline; } /* line 6294, app/assets/stylesheets/styles.scss.erb */ .promo-items-price-wrapper { position: relative; float: left; width: 100%; margin-top: 30px; padding: 0 10px 10px 0; } /* line 6301, app/assets/stylesheets/styles.scss.erb */ .promo-items-price-wrapper > p { color: #5d5c5c; float: right; position: relative; font-family: Roboto, sans-serif; font-size: 18px; font-weight: 700; display: inline; margin: 10px 16px 0 0 !important; } /* line 6311, app/assets/stylesheets/styles.scss.erb */ .promo-items-price-wrapper > .cart-offer-button { width: 145px; display: inline; float: right; margin: 0 !important; } /* line 6317, app/assets/stylesheets/styles.scss.erb */ .promo-others-wrapper { position: relative; width: 100%; float: left; margin-top: 70px; } /* line 6323, app/assets/stylesheets/styles.scss.erb */ .promo-others-wrapper > h2 { font-family: Roboto, sans-serif; font-size: 24px; font-weight: 400; color: #4e4a4a; margin-bottom: 0px !important; } /* line 6330, app/assets/stylesheets/styles.scss.erb */ .promo-other-block { position: relative; width: 100%; float: left; } /* line 6335, app/assets/stylesheets/styles.scss.erb */ .promo-other-block > h3 { font-family: Roboto, sans-serif; font-size: 18px; font-weight: 400; color: #4e4a4a; margin: 28px 0 6px 0 !important; } /* line 6342, app/assets/stylesheets/styles.scss.erb */ .promo-others-container { position: relative; float: left; border-color: #e4e4e4; border-width: 2px; border-style: solid; padding: 20px; width: 806px; } /* line 6351, app/assets/stylesheets/styles.scss.erb */ .promo-other-img { position: relative; float: left; display: inline; margin-right: 50px; } /* line 6357, app/assets/stylesheets/styles.scss.erb */ .promo-other-description { width: 40%; position: relative; display: inline; float: left; } /* line 6363, app/assets/stylesheets/styles.scss.erb */ .promo-other-description > h4 { margin: 0 0 10px 0 !important; color: #353434; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; } /* line 6370, app/assets/stylesheets/styles.scss.erb */ .promo-other-description > p { font-family: Roboto, sans-serif; color: #353434; font-size: 12px; margin: 0; } /* line 6376, app/assets/stylesheets/styles.scss.erb */ .promo-other-price-block { float: right; position: relative; width: 20%; text-align: right; } /* line 6382, app/assets/stylesheets/styles.scss.erb */ .promo-other-price { margin: 0 0 10px 0 !important; color: #353434; font-family: Roboto, sans-serif; font-weight: 700; font-size: 12px; } /* line 6389, app/assets/stylesheets/styles.scss.erb */ .promo-other-button { font-family: Roboto, sans-serif; color: #353434; font-size: 12px; margin: 0; color: #0c588f; text-decoration: none; border-bottom: 1px dotted #000080; } /* line 6398, app/assets/stylesheets/styles.scss.erb */ .promo-other-button:hover { border-bottom: 0px; } @media (max-width: 991px) { /* line 6403, app/assets/stylesheets/styles.scss.erb */ .page-descriptor { margin-right: 12px; margin-left: 11px; float: left; font-size: 15px; } /* line 6409, app/assets/stylesheets/styles.scss.erb */ .adv-exp-content { /*position: absolute;*/ bottom: 7px; right: 3px; font-family: 'Roboto'; color: brown; /*font-size: 12px;*/ } /* line 6417, app/assets/stylesheets/styles.scss.erb */ .home-icon { margin-top: 25px; } /* line 6420, app/assets/stylesheets/styles.scss.erb */ .advantages-left-row { width: 50%; margin-left: 15px; margin-top: 7px; } /* line 6425, app/assets/stylesheets/styles.scss.erb */ .advantages-right-row { margin-top: 7px; } } @media (max-width: 767px) { /* line 6431, app/assets/stylesheets/styles.scss.erb */ body { background-color: #ededed; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; font-size: 14px; line-height: 25px; } /* line 6438, app/assets/stylesheets/styles.scss.erb */ .header-wrapper h1 { position: relative; display: inline-block; margin-top: 10px; float: left; color: white; font-size: 16px; line-height: 24px; font-weight: 400; } /* line 6449, app/assets/stylesheets/styles.scss.erb */ .header-wrapper span { position: relative; display: inline-block; margin-top: 3px; float: left; color: white; font-size: 16px; line-height: 24px; font-weight: 400; } /* line 6460, app/assets/stylesheets/styles.scss.erb */ body h2 { color: #0c588f; font-family: Roboto, sans-serif; font-weight: bold; line-height: 120%; } /* line 6468, app/assets/stylesheets/styles.scss.erb */ #catalog h3 { color: #0c588f; font-family: Roboto, sans-serif; font-size: 14px; font-weight: bold; line-height: 120%; margin: 10px 0 16px 6px; } /* line 6476, app/assets/stylesheets/styles.scss.erb */ .page-descriptor { width: 100%; margin: 12px 0px 8px; padding-left: 10px; float: none; font-size: 18px; text-align: center; } /* line 6484, app/assets/stylesheets/styles.scss.erb */ .promo-items-price-wrapper > p { font-size: 14px; } /* line 6487, app/assets/stylesheets/styles.scss.erb */ .auto-logo { width: 30%; /* height: 40px; */ /*margin: 5px;*/ border: 1px dotted grey; } /* line 6493, app/assets/stylesheets/styles.scss.erb */ .header-phones { margin-top: 0px; margin-bottom: 5px; text-align: center; /*margin-left: 80px;*/ } /* line 6499, app/assets/stylesheets/styles.scss.erb */ .catalog-content-wrapper { float: left; position: relative; max-width: 100%; } /* line 6504, app/assets/stylesheets/styles.scss.erb */ .login-frame { width: 100%; margin: 0px; } /* line 6508, app/assets/stylesheets/styles.scss.erb */ .right-banner-wrappe { width: auto; } /* line 6511, app/assets/stylesheets/styles.scss.erb */ .hide-for-small-screen { display: none; } /* line 6514, app/assets/stylesheets/styles.scss.erb */ .hide-for-big-screen { display: block; /*background-color: white;*/ } /* line 6518, app/assets/stylesheets/styles.scss.erb */ .hide-for-big-screen-inline { display: inline-block; /*background-color: white;*/ } /* line 6522, app/assets/stylesheets/styles.scss.erb */ .border-for-mobile { border: 2px solid #0c588f; border-radius: 5px; padding: 3px; } /* line 6527, app/assets/stylesheets/styles.scss.erb */ .breadcrumb { height: auto; padding: 10px; } /* line 6531, app/assets/stylesheets/styles.scss.erb */ .search-input { height: 47px; } /* line 6534, app/assets/stylesheets/styles.scss.erb */ .button.search-button { width: auto; height: 50px; padding-top: 10px; padding-right: 10px; padding-left: 12px; background-image: none; background-color: #ef6f40; } /* line 6543, app/assets/stylesheets/styles.scss.erb */ .search-wrapper { z-index: 10; width: 90%; padding-right: 0px; } /*.search-input-wrapper {*/ /*width: 97%;*/ /*}*/ /* line 6551, app/assets/stylesheets/styles.scss.erb */ .catalog_item { padding: 2px; display: block; text-overflow: ellipsis; width: 95vw; /*white-space: nowrap;*/ } /* line 6558, app/assets/stylesheets/styles.scss.erb */ .catalog_item a { color: black; background-color: #fff; /*border-color: #ccc;*/ /* display: inline-block; */ margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid lightgray; /*white-space: nowrap;*/ padding: 5px 5px; font-size: 13px; line-height: 2.428571; border-radius: 4px; text-overflow: ellipsis; width: 95vw; } /* line 6580, app/assets/stylesheets/styles.scss.erb */ .catalog_item_limit { padding: 2px; display: block; text-overflow: ellipsis; width: 95vw; white-space: nowrap; } /* line 6587, app/assets/stylesheets/styles.scss.erb */ .catalog_item_limit a { color: black; background-color: #fff; /*border-color: #ccc;*/ /* display: inline-block; */ margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid lightgray; /*white-space: nowrap;*/ padding: 15px 15px; font-size: 13px; line-height: 4.428571; border-radius: 4px; text-overflow: ellipsis; width: 95vw; } /* line 6609, app/assets/stylesheets/styles.scss.erb */ .row { max-width: 100vw; } /* line 6612, app/assets/stylesheets/styles.scss.erb */ .dm-container { max-width: 100vw; } /* line 6615, app/assets/stylesheets/styles.scss.erb */ .question-frame { height: 130px; border: none; margin-bottom: 20px; } /* line 6620, app/assets/stylesheets/styles.scss.erb */ .button-help-inquiry { /*top: 2.5%;*/ position: relative; left: 2.5%; width: 95%; } /* line 6626, app/assets/stylesheets/styles.scss.erb */ .button-help-call { /*top: 41.5%;*/ position: relative; top: 15px; margin-bottom: 40px; left: 2.5%; width: 95%; } /* line 6634, app/assets/stylesheets/styles.scss.erb */ .help-link { margin-top: 17px; margin-left: 20vw; font-size: 5vw; } /* line 6639, app/assets/stylesheets/styles.scss.erb */ .auto-logos-and-instrumental-wrapper { margin-bottom: 5px; margin-top: 0px; } /* line 6643, app/assets/stylesheets/styles.scss.erb */ .enter-exit-text { margin-top: -5px; } /* line 6646, app/assets/stylesheets/styles.scss.erb */ .size-12 { font-size: 16px; } /* line 6649, app/assets/stylesheets/styles.scss.erb */ .header-phone-first { font-size: 14px; } /* line 6652, app/assets/stylesheets/styles.scss.erb */ .header-phone-second { font-size: 14px; } /* line 6655, app/assets/stylesheets/styles.scss.erb */ #map { height: 100vw; } /* line 6658, app/assets/stylesheets/styles.scss.erb */ .center { text-align: center; } /* line 6662, app/assets/stylesheets/styles.scss.erb */ .roll-profile-link { width: 88vw; margin: 5px; } /* line 6671, app/assets/stylesheets/styles.scss.erb */ .filter-pane { margin-top: 5px; margin-bottom: 10px; padding: 5px; border-radius: 10px; } /* line 6678, app/assets/stylesheets/styles.scss.erb */ .item-name-wrapper { margin-bottom: 0px; } /* line 6681, app/assets/stylesheets/styles.scss.erb */ .h2-item-card { font-size: 12px; } /* line 6684, app/assets/stylesheets/styles.scss.erb */ .down-item-list-block { margin: 0px; } /* line 6687, app/assets/stylesheets/styles.scss.erb */ .item-use-wrapper { text-align: left; display: none; } /* line 6691, app/assets/stylesheets/styles.scss.erb */ .item-photo { position: relative; width: 100%; overflow: visible; } /* line 6696, app/assets/stylesheets/styles.scss.erb */ .upper-item-block-wrapper { padding: 0px; } /* line 6699, app/assets/stylesheets/styles.scss.erb */ .item-add-to-cart-wrapper { /*position: relative;*/ width: 150px; height: 180px; /*float: right;*/ } /* line 6705, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper { padding-top: 5px; } /* line 6708, app/assets/stylesheets/styles.scss.erb */ .fixed-text { font-size: 20px; } /* line 6711, app/assets/stylesheets/styles.scss.erb */ .item-use-wrapper { width: 210px; height: 80px; } /* line 6715, app/assets/stylesheets/styles.scss.erb */ .item-name-text-middle-right { font-size: 14px; } /* line 6718, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper-empty { padding-top: 5px; text-align: right; padding-right: 10px; } /* line 6723, app/assets/stylesheets/styles.scss.erb */ .item-add-to-cart-block { width: 100%; float: none; } /* line 6727, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper-waiting { height: auto; margin-bottom: 0px; } /* line 6731, app/assets/stylesheets/styles.scss.erb */ .page-content { margin-top: -20px; } /* line 6734, app/assets/stylesheets/styles.scss.erb */ .grey-panel { /*width: 97vw;*/ top: 2.5vw; left: 2vw; /*width: 95vw;*/ background-color: white; } /* line 6741, app/assets/stylesheets/styles.scss.erb */ .logos-wrapper { background-color: white; } } @media (max-width: 600px) { /* line 6747, app/assets/stylesheets/styles.scss.erb */ .promo-item-block { width: 100%; margin: 0; } /* line 6751, app/assets/stylesheets/styles.scss.erb */ .promo-item-img { width: 100%; } /* line 6754, app/assets/stylesheets/styles.scss.erb */ .promo-items-price-wrapper > p { font-size: 12px; } /* line 6757, app/assets/stylesheets/styles.scss.erb */ .show-for-500-row { display: table-row; } /* line 6760, app/assets/stylesheets/styles.scss.erb */ .hide-for-500-row { display: none; } /* line 6763, app/assets/stylesheets/styles.scss.erb */ .cart-items-wrapper { border-style: none; } } @media (max-width: 479px) { /* line 6769, app/assets/stylesheets/styles.scss.erb */ .page-descriptor { margin-top: 8px; padding-left: 0px; font-size: 16px; } } @media (min-width: 995px) { /* line 6776, app/assets/stylesheets/styles.scss.erb */ .upper-phone-icon { position: relative; width: 32px; height: 32px; min-width: 0px; margin-top: 17px; margin-right: 5px; float: left; background-image: url(/assets/new-icons/upper-phone-icon-5043469af98281a7c57a9fdf46134ce2f216de845a077e57d832902ae660067d.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 6789, app/assets/stylesheets/styles.scss.erb */ .new-upper-phone-icon { position: relative; width: 32px; height: 32px; min-width: 0px; margin-top: 17px; margin-left: 30px; margin-right: 5px; float: left; background-image: url(/assets/new-icons/upper-phone-icon-5043469af98281a7c57a9fdf46134ce2f216de845a077e57d832902ae660067d.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } /* line 6803, app/assets/stylesheets/styles.scss.erb */ .spare-counters { margin-top: 15px; position: absolute; bottom: 0px; right: 0px; text-align: center; } } @media (max-width: 499px) { /* line 6813, app/assets/stylesheets/styles.scss.erb */ .button-help-call { margin-bottom: 0px; } /* line 6816, app/assets/stylesheets/styles.scss.erb */ .hide-for-500 { display: none; } /* line 6819, app/assets/stylesheets/styles.scss.erb */ .show-for-500 { display: inline; } /* line 6822, app/assets/stylesheets/styles.scss.erb */ .show-for-500-row { display: table-row; } /* line 6825, app/assets/stylesheets/styles.scss.erb */ .hide-for-500-row { display: none; } /* line 6828, app/assets/stylesheets/styles.scss.erb */ .down-stars-list-block { margin-top: 0px; /*text-align: right;*/ } /* line 6832, app/assets/stylesheets/styles.scss.erb */ .service-panel { height: auto; margin-bottom: 0px; padding-right: 16px; } /* line 6837, app/assets/stylesheets/styles.scss.erb */ .search-wrapper { width: 85%; } /* line 6840, app/assets/stylesheets/styles.scss.erb */ .dm-auto-image { float: none; width: 100%; margin: 0px 0 10px 0px; } /* line 6845, app/assets/stylesheets/styles.scss.erb */ .item-use-wrapper { width: 100%; display: block; } /* line 6849, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper-empty { width: 100%; text-align: left; padding-left: 10px; } /* line 6854, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper { width: 100%; text-align: left; padding-left: 10px; } /* line 6859, app/assets/stylesheets/styles.scss.erb */ .stock-wrapper-waiting { /*width: 100%;*/ text-align: left; padding-left: 10px; } /* line 6864, app/assets/stylesheets/styles.scss.erb */ .item-add-to-cart-wrapper { height: 90px; padding-top: 0px; } /* line 6868, app/assets/stylesheets/styles.scss.erb */ .center-content-wrapper { min-height: 100vh; } /* line 6871, app/assets/stylesheets/styles.scss.erb */ .search-input { padding-left: 10px; } } @media (max-width: 499px) and (max-width: 599px) { /* line 6876, app/assets/stylesheets/styles.scss.erb */ .hide-for-600 { display: none; } /* line 6879, app/assets/stylesheets/styles.scss.erb */ .show-for-600 { display: inline; } } @media (max-width: 499px) { /*for ipad portrait*/ } @media (max-width: 499px) and (max-width: 830px) and (min-width: 768px) { /* line 6885, app/assets/stylesheets/styles.scss.erb */ .button-help-inquiry { left: 15px; width: 90%; } /* line 6889, app/assets/stylesheets/styles.scss.erb */ .button-help-call { left: 15px; width: 90%; } /* line 6893, app/assets/stylesheets/styles.scss.erb */ .filter-pane { display: none; } /* line 6896, app/assets/stylesheets/styles.scss.erb */ .instrumental-cart-wrapper { width: 126px; margin-left: 10px; float: left; height: 70px; } /* line 6902, app/assets/stylesheets/styles.scss.erb */ .instrumental-name-wrapper { width: 80%; } /* line 6905, app/assets/stylesheets/styles.scss.erb */ .row { max-width: 100%; } /* line 6908, app/assets/stylesheets/styles.scss.erb */ .hide-for-ipad { display: none; } /* line 6911, app/assets/stylesheets/styles.scss.erb */ .home-icon { margin-top: 25px; } /* line 6914, app/assets/stylesheets/styles.scss.erb */ .top-15 { margin-top: 40px; } } /* line 21, app/assets/stylesheets/shared.css.sass */ input[type="checkbox"] { width: 15px; height: 15px; margin: 0; } /* line 25, app/assets/stylesheets/shared.css.sass */ input.boolean { margin-top: 8px; } /* line 28, app/assets/stylesheets/shared.css.sass */ .white-box { background-color: white; } /* line 31, app/assets/stylesheets/shared.css.sass */ .order-print-links { display: inline-block; padding: 10px; } /* line 35, app/assets/stylesheets/shared.css.sass */ .cell-borderless { border: medium none !important; } /* line 38, app/assets/stylesheets/shared.css.sass */ .links-pane { background-color: lightgoldenrodyellow; margin-bottom: 20px; } /* line 49, app/assets/stylesheets/shared.css.sass */ .filter-input { padding-bottom: 5px; margin-bottom: 5px; } /* line 53, app/assets/stylesheets/shared.css.sass */ .table-input { display: table-cell; width: 100%; border: none; } /* line 59, app/assets/stylesheets/shared.css.sass */ .table-input-price { display: table-cell; width: 40px; border: none; text-align: center; } /* line 65, app/assets/stylesheets/shared.css.sass */ .td-18 { width: 18px; } /* line 68, app/assets/stylesheets/shared.css.sass */ .td-date { width: 80px; text-align: center; } /* line 72, app/assets/stylesheets/shared.css.sass */ .tr-green { background-color: lightgreen; } /* line 75, app/assets/stylesheets/shared.css.sass */ .pointer { cursor: pointer; } /* line 78, app/assets/stylesheets/shared.css.sass */ .open-menu-group { display: block; } /* line 81, app/assets/stylesheets/shared.css.sass */ .menu li { cursor: pointer; } /* line 84, app/assets/stylesheets/shared.css.sass */ .menu-wrapper { height: auto; } /* line 87, app/assets/stylesheets/shared.css.sass */ .menu-title-wrapper { height: 50px; } /* line 90, app/assets/stylesheets/shared.css.sass */ .menu-links-wrapper { width: 100%; float: left; margin-bottom: 30px; } /* line 96, app/assets/stylesheets/shared.css.sass */ .menu-link { min-height: 30px; padding-top: 7px; padding-left: 10px; font-family: Roboto, sans-serif; color: white; font-size: 12px; line-height: 12px; } /* line 106, app/assets/stylesheets/shared.css.sass */ .menu-link:hover, .menu-link:active, .menu-link:focus { outline-color: -moz-use-text-color; outline-offset: -2px; outline-style: none; outline-width: thin; background-color: #7baacc; } /* line 114, app/assets/stylesheets/shared.css.sass */ .menu-link-brand:hover, .menu-link-brand:active, .menu-link-brand:focus { color: white; } /* line 117, app/assets/stylesheets/shared.css.sass */ .menu-link-item { margin-top: 5px; color: yellow; font-weight: bold; } /* line 122, app/assets/stylesheets/shared.css.sass */ .menu-link-model { padding-left: 20px; } /* line 125, app/assets/stylesheets/shared.css.sass */ .menu-link-year { padding-left: 30px; } /* line 128, app/assets/stylesheets/shared.css.sass */ .menu-link-engine { padding-left: 40px; } /* line 131, app/assets/stylesheets/shared.css.sass */ .menu-link-selected { background-color: #0c588f; color: #EC6837; font-weight: bold; } /* line 138, app/assets/stylesheets/shared.css.sass */ .menu-link-selected a { color: #0c588f; font-weight: bold; text-decoration: underline; } /* line 145, app/assets/stylesheets/shared.css.sass */ .menu-link.menu-link-open { color: #0c588f; font-weight: 700; padding-top: 9px; padding-left: 0px; } /* line 151, app/assets/stylesheets/shared.css.sass */ .menu-link-block { width: 100%; padding-left: 10px; text-decoration: none; margin-bottom: 9px; } /* line 157, app/assets/stylesheets/shared.css.sass */ .menu-link-block.menu-link-block-open { padding-left: 30px; opacity: 1; color: #0c588f; } /* line 162, app/assets/stylesheets/shared.css.sass */ .menu-link-open-group { display: none; height: auto; border-right: 1px solid #0c588f; background-color: white; } /* line 168, app/assets/stylesheets/shared.css.sass */ .menu-link-opened-group { display: block; height: auto; border-right: 1px solid #0c588f; background-color: white; } /* line 174, app/assets/stylesheets/shared.css.sass */ .menu-link-closed-group { display: none; height: auto; border-right: 1px solid #0c588f; background-color: white; } /* line 180, app/assets/stylesheets/shared.css.sass */ .menu-link-leaf { background-color: white; width: 160px; color: #0c588f; font-weight: bold; } /* line 189, app/assets/stylesheets/shared.css.sass */ .menu-link-leaf a { color: #0c588f; font-weight: bold; text-decoration: underline; } /* line 194, app/assets/stylesheets/shared.css.sass */ .catalog-select-link { width: 94px; } /* line 197, app/assets/stylesheets/shared.css.sass */ .catalog-select-link-mobile { margin-bottom: 5px; text-align: center; width: 87vw; background-color: white; } /* line 203, app/assets/stylesheets/shared.css.sass */ *:disabled { color: lightgrey; } /* line 207, app/assets/stylesheets/shared.css.sass */ .breadcrumb-link { background-color: white; color: #0c588f; margin: 5px; } /* line 212, app/assets/stylesheets/shared.css.sass */ .breadcrumb-link a { color: #0c588f; text-decoration: underline; } /* line 226, app/assets/stylesheets/shared.css.sass */ #search_results .th-small { font-weight: normal; text-align: left; padding: 2px; height: 4px; font-size: 12px; border: none; } /* line 236, app/assets/stylesheets/shared.css.sass */ .th-small { font-weight: normal; text-align: left; padding: 2px; height: 4px; font-size: 12px; border: none; } /* line 244, app/assets/stylesheets/shared.css.sass */ #analogs_table { margin: 0; } /* line 246, app/assets/stylesheets/shared.css.sass */ #analogs_table td { padding: 4px; } /* line 251, app/assets/stylesheets/shared.css.sass */ .table-head-centered tr th { text-align: center; } /* line 255, app/assets/stylesheets/shared.css.sass */ .table .td-center { text-align: center; } /* line 257, app/assets/stylesheets/shared.css.sass */ .table .td-right { text-align: right; } /* line 259, app/assets/stylesheets/shared.css.sass */ .table .td-left { text-align: left; } /* line 262, app/assets/stylesheets/shared.css.sass */ .thin-form-group { margin-bottom: 4px; margin-top: 4px; } /* line 266, app/assets/stylesheets/shared.css.sass */ .top-right-actions { float: right; } /* line 269, app/assets/stylesheets/shared.css.sass */ .client-top { margin-top: -5px; } /* line 272, app/assets/stylesheets/shared.css.sass */ .top-10 { margin-top: 10px; } /* line 275, app/assets/stylesheets/shared.css.sass */ .recommendation-block-topic { border: 4px solid #0c588f; border-radius: 10px; padding: 20px; background-color: #ffff99; margin-top: 5px; } /* line 282, app/assets/stylesheets/shared.css.sass */ .recommendation-block-content { margin-left: 15px; margin-right: 15px; } /* line 286, app/assets/stylesheets/shared.css.sass */ .cart-table { font-family: Roboto,sans-serif; font-size: 12px; margin: 0; } /* line 292, app/assets/stylesheets/shared.css.sass */ input.shopping-cart-qty-editor { text-align: center; width: 30px; margin-right: 5px; } /* line 297, app/assets/stylesheets/shared.css.sass */ .td-nowrap { white-space: nowrap; } /* line 301, app/assets/stylesheets/shared.css.sass */ #middle_search_results ul { margin: 0; } /* line 304, app/assets/stylesheets/shared.css.sass */ .thanx_page { min-height: 400px; font-size: 12px; } /* line 307, app/assets/stylesheets/shared.css.sass */ .thanx_page h1 { font-size: 16px; } /* line 310, app/assets/stylesheets/shared.css.sass */ .link-list { margin-bottom: 10px; } /* line 313, app/assets/stylesheets/shared.css.sass */ .link-list-item { min-width: 250px; margin-bottom: 10px; } /* line 317, app/assets/stylesheets/shared.css.sass */ .float-right { float: right; } /* line 320, app/assets/stylesheets/shared.css.sass */ .float-left { float: left; } /* line 323, app/assets/stylesheets/shared.css.sass */ .text-right { text-align: right; } /* line 327, app/assets/stylesheets/shared.css.sass */ .file-selector-button-right { text-align: right; margin-bottom: 20px; } /* line 332, app/assets/stylesheets/shared.css.sass */ .filter-form .col-xs-1, .filter-form .col-sm-1, .filter-form .col-md-1, .filter-form .col-lg-1, .filter-form .col-xs-2, .filter-form .col-sm-2, .filter-form .col-md-2, .filter-form .col-lg-2, .filter-form .col-xs-3, .filter-form .col-sm-3, .filter-form .col-md-3, .filter-form .col-lg-3, .filter-form .col-xs-4, .filter-form .col-sm-4, .filter-form .col-md-4, .filter-form .col-lg-4, .filter-form .col-xs-5, .filter-form .col-sm-5, .filter-form .col-md-5, .filter-form .col-lg-5, .filter-form .col-xs-6, .filter-form .col-sm-6, .filter-form .col-md-6, .filter-form .col-lg-6, .filter-form .col-xs-7, .filter-form .col-sm-7, .filter-form .col-md-7, .filter-form .col-lg-7, .filter-form .col-xs-8, .filter-form .col-sm-8, .filter-form .col-md-8, .filter-form .col-lg-8, .filter-form .col-xs-9, .filter-form .col-sm-9, .filter-form .col-md-9, .filter-form .col-lg-9, .filter-form .col-xs-10, .filter-form .col-sm-10, .filter-form .col-md-10, .filter-form .col-lg-10, .filter-form .col-xs-11, .filter-form .col-sm-11, .filter-form .col-md-11, .filter-form .col-lg-11, .filter-form .col-xs-12, .filter-form .col-sm-12, .filter-form .col-md-12, .filter-form .col-lg-12 { padding-right: 5px; padding-left: 5px; } /* line 336, app/assets/stylesheets/shared.css.sass */ #add_item_button_wrapper { margin-bottom: 10px; } /* line 339, app/assets/stylesheets/shared.css.sass */ .warn-message { min-height: 36px; vertical-align: middle; line-height: 36px; padding: 10px; background-color: pink; text-align: center; border: 2px solid brown; font-size: 14px; margin-bottom: 20px; } /* line 352, app/assets/stylesheets/shared.css.sass */ .td-green { background-color: lightgreen; } /* line 355, app/assets/stylesheets/shared.css.sass */ .td-pink { background-color: lightpink; } /* line 358, app/assets/stylesheets/shared.css.sass */ .td-blue { background-color: lightblue; } /* line 361, app/assets/stylesheets/shared.css.sass */ .td-yellow { background-color: lightyellow; } /* line 372, app/assets/stylesheets/shared.css.sass */ #oferta { padding: 16px; } /* line 374, app/assets/stylesheets/shared.css.sass */ #oferta ul { padding: 0; list-style: none; text-align: left; } /* line 378, app/assets/stylesheets/shared.css.sass */ #oferta ol { counter-reset: item; padding: 0; } /* line 381, app/assets/stylesheets/shared.css.sass */ #oferta ol > li { display: block; } /* line 383, app/assets/stylesheets/shared.css.sass */ #oferta ol > li:before { content: counters(item, ".") ". "; counter-increment: item; } /* line 386, app/assets/stylesheets/shared.css.sass */ #oferta .first-level { font-weight: bold; margin: 10px; } /* line 389, app/assets/stylesheets/shared.css.sass */ #oferta li.fl { text-align: center; margin-top: 10px; } /* line 392, app/assets/stylesheets/shared.css.sass */ #oferta li.sl { text-align: left; margin-top: 5px; } /* line 399, app/assets/stylesheets/shared.css.sass */ #workflow .xs-gray { font-size: 80%; color: #808080; } /* line 402, app/assets/stylesheets/shared.css.sass */ #workflow .bold-red { font-weight: bold; color: #FF0000; } /* line 405, app/assets/stylesheets/shared.css.sass */ #workflow .bold-green { font-weight: bold; color: #00FF00; } /* line 419, app/assets/stylesheets/shared.css.sass */ .help-block-in-table { display: block; font-size: 12px; } /* line 423, app/assets/stylesheets/shared.css.sass */ .has-error .help-block-in-table { color: #a94442; } /* line 432, app/assets/stylesheets/shared.css.sass */ .retail-price-for-wholesaler { height: 20px; color: gray; font-size: 12px; text-align: right; } /* line 438, app/assets/stylesheets/shared.css.sass */ .retail-price-for-wholesaler-off { height: 25px; } /* line 441, app/assets/stylesheets/shared.css.sass */ .r-price-opened { width: auto; height: auto; cursor: pointer; } /* line 448, app/assets/stylesheets/shared.css.sass */ .r-price-closed { width: 8px; height: 14px; cursor: pointer; } /* line 452, app/assets/stylesheets/shared.css.sass */ .r-price-closed .value { display: none; } /* line 455, app/assets/stylesheets/shared.css.sass */ .announcement-one { line-height: 30px; } /* line 458, app/assets/stylesheets/shared.css.sass */ .announcement { display: inline-block; width: 100%; padding: 5px; text-align: center; vertical-align: middle; } /* line 467, app/assets/stylesheets/shared.css.sass */ .announcement a { font-size: 14px; margin-left: 5px; } /* line 471, app/assets/stylesheets/shared.css.sass */ ul.menu-add, ul.menu-add ul { list-style: none; margin: 0px; padding: 0px; } /* line 476, app/assets/stylesheets/shared.css.sass */ ul.menu-add a, ul.menu-add span { display: block; text-decoration: none; } /* line 481, app/assets/stylesheets/shared.css.sass */ .fancybox-nav span { visibility: visible; } /* line 484, app/assets/stylesheets/shared.css.sass */ .spare-kit-action { height: 20px; border: 1px dotted gray; vertical-align: middle; } /* line 489, app/assets/stylesheets/shared.css.sass */ .square-white { height: 45px; width: 45px; padding: 5px; font-size: 16px; font-weight: bold; text-align: center; color: black; background-color: white; } /* line 499, app/assets/stylesheets/shared.css.sass */ .square-white:hover { color: white; background-color: grey !important; } /* line 503, app/assets/stylesheets/shared.css.sass */ .square-small-size { height: 36px; width: 36px; font-size: 16px; font-weight: bold; color: black; text-align: center; padding: 3px; } /* line 512, app/assets/stylesheets/shared.css.sass */ .square-double-size { height: 55px; width: 55px; font-size: 13px; font-weight: bold; color: black; text-align: center; padding: 6px 6px; } /* line 521, app/assets/stylesheets/shared.css.sass */ .light { background-color: white; } /* line 524, app/assets/stylesheets/shared.css.sass */ .dark { background-color: #262626; color: grey; } /* line 528, app/assets/stylesheets/shared.css.sass */ .black { background-color: #000000; color: grey; } /* line 532, app/assets/stylesheets/shared.css.sass */ .light-background { background-color: white; } /* line 535, app/assets/stylesheets/shared.css.sass */ .dark-background { background-color: lightgrey !important; color: black !important; } /* line 539, app/assets/stylesheets/shared.css.sass */ .black-background { background-color: #000000 !important; color: lightgrey !important; } /* Public desktop shell: explicit layout instead of mixing floated Webflow boxes with Bootstrap 5 .row and absolutely positioned callouts. */ .customer-service-panel { height: auto; min-height: 170px; margin: 0; clear: none; } .customer-page-content { display: block; margin-left: 0; margin-right: 0; } .customer-brand-strip { margin: 0; } /* Signed-in sidebar: fixed-width SVGs must not push the greeting below the 160px account panel. Keep logout discoverable without relying on hover. */ .customer-account-panel { height: auto; min-height: 63px; } .customer-desktop-shell .enter-exit-wrapper > .enter-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 10px; width: 100%; height: 100%; margin: 0; } .customer-desktop-shell .enter-wrapper::before, .customer-desktop-shell .enter-wrapper::after { content: none; } .customer-desktop-shell .enter-wrapper > .enter-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 16px; -ms-flex: 0 0 16px; flex: 0 0 16px; float: none; margin: 0; } .customer-desktop-shell .enter-wrapper > .enter-exit-text { float: none; margin: 0; line-height: 21px; } .customer-account-panel .show-me { display: grid; grid-template-columns: 36px minmax(0, 1fr); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; min-height: 61px; padding: 4px 6px; } .customer-account-panel .exit-wrapper { float: none; width: auto; margin: 0; } .customer-account-panel .customer-logout-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 2px; color: white; text-decoration: none; font-size: 11px; line-height: 14px; } .customer-account-panel .customer-logout-link .svg-inline--fa { width: 32px; height: 32px; font-size: 32px; } .customer-account-panel .customer-logout-link:hover, .customer-account-panel .customer-logout-link:focus { color: white; text-decoration: underline; } .customer-account-panel .exit-text { float: none; width: auto; min-width: 0; margin: 0; font-size: 12px; line-height: 14px; overflow-wrap: anywhere; } .customer-brand-strip > .hide-for-small-screen { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); } .customer-brand-strip .grey-panel, .customer-brand-strip .grey-panel > div:not(.auto-logo) { display: contents; } .customer-brand-strip .auto-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; height: 60px; margin: 5px 0; float: none; min-width: 0; } .customer-brand-strip .auto-logo img { max-width: 100%; max-height: 60px; } .customer-desktop-header { display: grid; grid-template-columns: minmax(0, 1fr) 190px 130px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0; margin: 0; padding: 0; } .customer-desktop-header > div { width: auto; min-width: 0; float: none; padding: 0 10px; } .customer-desktop-header > div:first-child > span { margin: 0; float: none; font-size: 18px; } .customer-desktop-header > .hide-for-small-screen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .customer-desktop-header .upper-phone-icon { width: 30px; height: 30px; margin: 0 6px 0 0; float: none; background-size: contain; } .customer-desktop-header .header-phones { width: auto; float: none; } .customer-desktop-header .header-phone-first, .customer-desktop-header .header-phone-second { white-space: nowrap; font-size: 17px; line-height: 1.35; } .customer-desktop-header .cart-wrapper-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 0; } .customer-desktop-header .cart-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; width: 100%; margin: 0; } .customer-desktop-header .cart-item-link-wrapper-top, .customer-desktop-header .cart-items-counter-top { margin: 0; white-space: nowrap; line-height: 1.4; } .customer-service-content { display: grid; grid-template-columns: minmax(0, 540fr) minmax(0, 245fr); gap: 19px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; width: 100%; } .customer-service-content::before, .customer-service-content::after { content: none; } .customer-service-panel .search-and-advantages-wrapper::before, .customer-service-panel .search-and-advantages-wrapper::after, .customer-service-panel .question-wrapper::before, .customer-service-panel .question-wrapper::after { content: none; } .customer-service-panel .search-and-advantages-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) 80px; grid-template-areas: "query submit" "info info"; gap: 10px; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; width: auto; height: auto; float: none; clear: none; min-width: 0; } .customer-service-panel .search-wrapper { grid-area: query; width: 100%; height: 40px; margin: 0; padding: 0; min-width: 0; } .customer-service-panel .search-input-wrapper { width: 100%; height: 40px; float: none; } .customer-service-panel .search-input { height: 36px; width: 100%; font-weight: 700; } .customer-service-panel .button.search-button { grid-area: submit; position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 40px; margin: 0; padding: 0 8px 0 20px; float: none; border-radius: 0; } .customer-service-panel .advantages-wrapper { grid-area: info; width: 100%; height: auto; min-height: 100px; margin: 0; float: none; } .customer-service-panel .advantages-list-wrapper { height: 100px; } /* Account summary: contain both rows independently of the old percentage-height floats. Keep a real third cell even when supplier-only content is absent. */ .customer-service-panel .customer-account-tiles { display: grid; grid-template-rows: repeat(2, minmax(50px, auto)); } .customer-account-tiles > .adv-exp-upper-block, .customer-account-tiles > .adv-exp-down-block { display: grid; grid-template-columns: 33fr 34fr 33fr; width: 100%; height: auto; min-height: 50px; } .customer-account-tiles .adv-exp-content-sector, .customer-account-tiles .adv-exp-content-sector.adv-exp-content-sector-center { width: auto; height: auto; float: none; min-width: 0; } /* Hover preview uses the same summary slot, not the header cart's geometry. */ .customer-service-panel .instrumental-cart-wrapper-unsigned { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 100px; height: auto; padding: 12px 16px; } .customer-service-panel .instrumental-cart-wrapper-unsigned::before, .customer-service-panel .instrumental-cart-wrapper-unsigned::after { content: none; } .customer-service-panel .instrumental-cart-wrapper-unsigned .cart-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 16px; max-width: 100%; height: auto; margin: 0; padding: 0; float: none; } .customer-service-panel .instrumental-cart-wrapper-unsigned .cart-items-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: none; } .customer-service-panel .instrumental-cart-wrapper-unsigned .cart-items-image .svg-inline--fa { width: 42px; height: 42px; } .customer-service-panel .instrumental-cart-wrapper-unsigned .cart-item-link-wrapper, .customer-service-panel .instrumental-cart-wrapper-unsigned .cart-items-counter { float: none; margin: 0; padding: 0; line-height: 1.4; } .customer-service-panel .question-wrapper { display: grid; grid-template-rows: 70px 70px; gap: 8px; -webkit-align-content: start; -ms-flex-line-pack: start; align-content: start; width: auto; height: auto; float: none; min-width: 0; } .customer-service-panel .new-button-help-inquiry, .customer-service-panel .new-button-help-call { position: static; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 12px; width: 100%; min-height: 70px; height: 70px; margin: 0; padding: 0; border-radius: 0; } .customer-service-panel .question-wrapper p { margin: 0; line-height: 1.35; } .customer-service-panel .new-inquiry-text-top { font-size: 19px; } .customer-service-panel .new-inquiry-text-bottom { font-size: 12px; } .customer-service-panel .new-header-phones { margin: 0; } .customer-service-panel .new-header-phones .header-phone-first, .customer-service-panel .new-header-phones .header-phone-second { font-size: 20px; line-height: 31px; white-space: nowrap; } @media (max-width: 991px) { .customer-brand-strip > .hide-for-small-screen { display: none; } .customer-service-content { grid-template-columns: minmax(0, 1fr); } .customer-service-panel .question-wrapper { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } .customer-service-panel .new-button-help-inquiry, .customer-service-panel .new-button-help-call { display: none; } } /* Compact order summaries, with stacked labels on narrow phones. */ .customer-order-section .dl-horizontal { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); gap: 5px 16px; margin-bottom: 12px; } .customer-order-section .dl-horizontal > :is(dt, dd) { float: none; width: auto; min-width: 0; margin: 0; text-align: left; overflow-wrap: anywhere; } .customer-order-section .dl-horizontal > dt { grid-column: 1; } .customer-order-section .dl-horizontal > dd { grid-column: 2; } .catalog-back-to-brands { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 34px; padding: 6px 12px; font-size: 14px; line-height: 20px; margin-bottom: 12px; } @media (max-width: 575px) { .customer-order-section .dl-horizontal { display: block; } .customer-order-section .dl-horizontal > dd { margin-bottom: 8px; } } .customer-page-black #cart-content-wrapper :is(.cart-main-title, .cart-sale-info-wrapper, .cart-offer-sum-price) { color: #e1e7ec; } .customer-page-black #cart-content-wrapper .order-title-block { background: #292d32; color: #e1e7ec; border-color: #41617b; } .customer-page-black #cart-content-wrapper .cart-items-wrapper { background: #202124; color: #e1e7ec; border-color: #41617b; } /* Customer mobile partials only: do not change Bootstrap's shared .row/grid or the desktop/admin shells. Match the original title + phones/cart arrangement. */ .customer-mobile-container { --mobile-content-gutter: 16px; --mobile-control-gap: 16px; --mobile-section-gap: 24px; width: 100%; max-width: 100%; left: 0; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .customer-mobile-container:has(~ .customer-mobile-toolbar[data-size="big"]) { --mobile-toolbar-offset: 80px; margin-top: 80px !important; } .customer-mobile-container:has(~ .customer-mobile-toolbar[data-size="normal"]) { --mobile-toolbar-offset: 70px; margin-top: 70px !important; } .customer-mobile-container:has(~ .customer-mobile-toolbar[data-size="small"]) { --mobile-toolbar-offset: 56px; margin-top: 56px !important; } .customer-mobile-container > .page-content-wrapper { width: 100%; min-width: 0; margin: 0; } .customer-mobile-container > .page-content-wrapper > .center-content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; min-width: 0; min-height: calc(100vh - var(--mobile-toolbar-offset, 80px)); min-height: calc(100dvh - var(--mobile-toolbar-offset, 80px)); margin-left: 0; margin-right: 0; } .customer-mobile-container .center-content-wrapper > .customer-mobile-header { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .customer-mobile-container .center-content-wrapper > .customer-mobile-content { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; min-height: 0; } .customer-mobile-container .center-content-wrapper > .customer-mobile-footer { position: static; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .customer-mobile-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "title title" "phones cart"; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; width: 100%; height: auto; min-height: 120px; margin: 0; padding: 10px 12px; float: none; } .customer-mobile-header > .customer-mobile-heading { grid-area: title; width: auto; min-width: 0; margin: 0; padding: 0; float: none; text-align: center; } .customer-mobile-header .customer-mobile-heading > span { display: block; width: auto; margin: 0; padding: 0; float: none; font-size: clamp(12px, 3.7vw, 16px); line-height: 22px; } .customer-mobile-header > .customer-mobile-phones { grid-area: phones; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 2px; width: auto; margin: 0; padding: 0; float: none; text-align: left; } .customer-mobile-header .customer-mobile-phones .phone-mobile-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; color: white; font-size: clamp(14px, 4.4vw, 20px); line-height: 1.25; white-space: nowrap; } .customer-mobile-header .customer-mobile-phones .svg-inline--fa { -webkit-box-flex: 0; -webkit-flex: 0 0 1em; -ms-flex: 0 0 1em; flex: 0 0 1em; width: 1em; height: 1em; } .customer-mobile-header > .customer-mobile-cart { grid-area: cart; justify-self: end; width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; float: none; } .customer-mobile-header .cart-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; } .customer-mobile-header .customer-mobile-cart-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; margin: 0; float: none; } .customer-mobile-header .customer-mobile-cart-icon .svg-inline--fa { width: 48px; height: 48px; } .customer-mobile-header .customer-mobile-cart-details { min-width: 0; float: none; } .customer-mobile-header .cart-item-link-wrapper-top, .customer-mobile-header .cart-items-counter-top { margin: 0; padding: 0; float: none; font-size: clamp(14px, 4.4vw, 20px); line-height: 1.25; white-space: nowrap; } .customer-mobile-header { position: relative; isolation: isolate; } .customer-mobile-header::after { content: ''; position: absolute; top: var(--cart-feedback-top, 50%); right: 0; bottom: 0; left: 50%; z-index: -1; pointer-events: none; background: #62bd83; opacity: 0; } .customer-mobile-header.cart-feedback-active::after { -webkit-animation: mobile-cart-feedback 4s ease-out both; animation: mobile-cart-feedback 4s ease-out both; } @-webkit-keyframes mobile-cart-feedback { 0%, 15% { opacity: .35; } 100% { opacity: 0; } } @keyframes mobile-cart-feedback { 0%, 15% { opacity: .35; } 100% { opacity: 0; } } @media (prefers-reduced-motion: reduce) { .customer-mobile-header.cart-feedback-active::after { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: steps(1, end); animation-timing-function: steps(1, end); } } .customer-mobile-content { display: block; width: 100%; margin: 0; padding: var(--mobile-section-gap, 24px) var(--mobile-content-gutter, 16px); float: none; } .customer-mobile-content .customer-mobile-search-form { --bs-gutter-x: 0; box-sizing: border-box; width: 100%; max-width: 100%; margin: 0 0 var(--mobile-section-gap, 24px) !important; padding: 0; } .customer-mobile-search-form form { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: var(--mobile-control-gap, 16px); width: 100%; max-width: 100%; margin: 0; padding: 0 !important; } .customer-mobile-search-form .form-group { width: 100%; margin: 0; padding: 0; } .customer-mobile-search-form :is(input, textarea)[name='filter[search_string]'] { box-sizing: border-box; width: 100%; min-height: 56px !important; margin: 0; padding: 15px 12px; border: 1px solid #899dab !important; border-radius: 6px; font-size: 16px !important; line-height: 1.5; } .customer-mobile-search-form :is(input, textarea)::-webkit-input-placeholder { color: #617180; opacity: 1; } .customer-mobile-search-form :is(input, textarea)::-moz-placeholder { color: #617180; opacity: 1; } .customer-mobile-search-form :is(input, textarea):-ms-input-placeholder { color: #617180; opacity: 1; } .customer-mobile-search-form :is(input, textarea)::-ms-input-placeholder { color: #617180; opacity: 1; } .customer-mobile-search-form :is(input, textarea)::placeholder { color: #617180; opacity: 1; } .black-background .customer-mobile-search-form :is(input, textarea)[name='filter[search_string]'] { background: #292d32 !important; color: #e1e7ec !important; border-color: #6088a3 !important; } .black-background .customer-mobile-search-form :is(input, textarea)::-webkit-input-placeholder { color: #b9c7d2; } .black-background .customer-mobile-search-form :is(input, textarea)::-moz-placeholder { color: #b9c7d2; } .black-background .customer-mobile-search-form :is(input, textarea):-ms-input-placeholder { color: #b9c7d2; } .black-background .customer-mobile-search-form :is(input, textarea)::-ms-input-placeholder { color: #b9c7d2; } .black-background .customer-mobile-search-form :is(input, textarea)::placeholder { color: #b9c7d2; } .customer-mobile-search-form :is(button, input[type='submit']) { box-sizing: border-box; width: 100%; height: 40px; min-height: 40px; margin: 0; padding: 6px 12px; border-radius: 6px; font-size: 16px !important; line-height: 1.4; } .customer-mobile-search-form textarea[name='filter[search_string]'] { display: block; overflow: hidden; resize: none; } .customer-mobile-search-form + h1 { margin: 0 0 var(--mobile-section-gap, 24px); } .customer-mobile-content .customer-search-instructions { width: 100%; height: auto; margin: var(--mobile-section-gap, 24px) 0; padding: var(--mobile-control-gap, 16px); border: 1px solid #899dab; border-radius: 8px; } .customer-mobile-content .customer-search-instructions > h2 { margin: 0 0 12px; font-size: 18px; line-height: 1.4; } .customer-mobile-content .customer-search-instructions > ul { width: 100%; margin: 0; padding-left: 22px; font-weight: 400; line-height: 1.6; text-align: left; } .customer-mobile-content .customer-search-instructions li { margin: 0 0 10px !important; font-weight: 400; } .black-background .customer-mobile-content .customer-search-instructions { background: #202124; color: #e1e7ec; border-color: #6088a3; } .black-background .customer-mobile-content :is(.customer-search-instructions > h2, h1) { color: #9dceef; } .customer-mobile-content .catalog-description { width: 100%; min-width: 0; margin: 0; padding: 8px 0 20px; text-align: left; overflow-wrap: anywhere; } .customer-mobile-content .catalog-description > h1 { margin: 0 0 18px; font-size: clamp(20px, 5vw, 26px); line-height: 1.3; } .black-background .customer-mobile-content .catalog-description > h1, .customer-mobile-content.black-background .catalog-description > h1 { color: #9dceef; } .customer-mobile-content .catalog-description > p { margin: 0 0 16px; text-indent: 0; line-height: 1.6; } .customer-mobile-content .catalog-search-examples { margin: 0 0 20px; padding-left: 24px; line-height: 1.6; } .customer-mobile-content .catalog-brand-alternative { margin-top: 24px; padding: 0; border: 0; border-radius: 0; } .customer-mobile-content .catalog-brand-alternative-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 10px; margin: 0; } .customer-mobile-content .catalog-brand-alternative-action .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; padding: 10px 16px; border: 1px solid #337ab7; border-radius: 6px; background: transparent; color: #235d85; font-size: inherit; } .black-background .customer-mobile-content .catalog-brand-alternative, .customer-mobile-content.black-background .catalog-brand-alternative { border-color: #6088a3; } .black-background .customer-mobile-content .catalog-brand-alternative-action .btn, .customer-mobile-content.black-background .catalog-brand-alternative-action .btn { border-color: #9dceef; background: transparent; color: #9dceef; } .customer-mobile-content .customer-mobile-home-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; margin: 5px 0 0; } /* The shared links helper retains its original inline 43vw sizing elsewhere. */ .customer-mobile-content .customer-mobile-home-navigation > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 5px; width: auto !important; min-width: 0; margin-top: 0 !important; padding: 6px; white-space: normal; } .customer-mobile-content .customer-mobile-home-navigation > .btn .svg-inline--fa { -webkit-box-flex: 0; -webkit-flex: 0 0 1.1em; -ms-flex: 0 0 1.1em; flex: 0 0 1.1em; width: 1.1em; height: 1em; } .customer-mobile-content .text-20 .customer-mobile-home-navigation > .btn { font-size: clamp(16px, 5vw, 20px) !important; } .customer-mobile-content .dm-auto-image { float: none; width: 100%; max-width: 100%; height: auto; } /* Fixed toolbar: reserve real columns instead of overflowing narrow .col-xs-1 cells with fixed-position logos and variable-width Font Awesome SVG boxes. */ .customer-mobile-toolbar { display: grid; grid-template-columns: auto minmax(0, 1fr); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; left: 0; right: 0; width: 100%; max-width: 100%; margin: 0; padding: 6px 8px; } .customer-mobile-toolbar::before, .customer-mobile-toolbar::after { content: none; } .customer-mobile-toolbar > div { width: auto; min-width: 0; height: 100%; margin: 0 !important; padding: 0; float: none; } .customer-mobile-toolbar > div:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .customer-mobile-toolbar > div:first-child > a { position: static !important; margin: 0 !important; } .customer-mobile-toolbar > div:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 4px; } .customer-mobile-toolbar > div:nth-child(2) > :is(a, button) { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 1 55px; -ms-flex: 0 1 55px; flex: 0 1 55px; min-width: 0; min-height: 0; width: auto; max-width: 55px; height: auto; max-height: 100%; aspect-ratio: 1; padding: 0 !important; overflow: hidden; } .customer-mobile-toolbar > div:nth-child(2) > :is(a, button) .svg-inline--fa { position: absolute; inset: 0; box-sizing: border-box; margin: auto; width: 100%; height: 100%; max-width: 42px; max-height: 42px; padding: 4px; } .customer-mobile-toolbar > div:nth-child(2) > a img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .customer-mobile-toolbar > div:nth-child(2) > a:first-of-type { margin-left: auto; } .customer-mobile-toolbar > div:nth-child(2) > a:last-of-type { margin-right: auto; } .customer-mobile-toolbar[data-size="normal"] > div:nth-child(2) > :is(a, button) { -webkit-flex-basis: 45px; -ms-flex-preferred-size: 45px; flex-basis: 45px; max-width: 45px; } .customer-mobile-toolbar[data-size="small"] > div:nth-child(2) > :is(a, button) { -webkit-flex-basis: 36px; -ms-flex-preferred-size: 36px; flex-basis: 36px; max-width: 36px; } .customer-mobile-toolbar .customer-mobile-menu-toggle { margin: 0; float: none; cursor: pointer; } .customer-mobile-toolbar > div:nth-child(2) > .menu-close-icon { display: none; } .customer-mobile-toolbar .customer-mobile-menu-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .customer-mobile-toolbar.black .customer-mobile-menu-toggle { background: transparent !important; color: #9dceef !important; border-color: #9dceef !important; } .customer-mobile-toolbar.black .btn { --toolbar-outline: #9dceef; background: transparent !important; color: var(--toolbar-outline) !important; border: 1px solid var(--toolbar-outline) !important; box-shadow: none; } .customer-mobile-toolbar.black a[href^='whatsapp:'] { --toolbar-outline: #83c995; } .customer-mobile-toolbar.black a[href^='https://max.ru/'] { --toolbar-outline: #bcaaff; } .customer-mobile-toolbar.black a[href*='delivery_inquir'] { --toolbar-outline: #f3a580; } .customer-mobile-toolbar.black .btn .svg-inline--fa { color: var(--toolbar-outline) !important; } .customer-mobile-toolbar.black > div:nth-child(2) > a img { inset: 10%; width: 80%; height: 80%; } .customer-mobile-toolbar.black .btn:hover, .customer-mobile-toolbar.black .btn:focus-visible { background: #202a32 !important; } .customer-mobile-header:has(.customer-mobile-cart-icon svg[data-outline]) { background: #202124 !important; color: #e1e7ec; } .customer-mobile-header .customer-mobile-cart-icon svg[data-outline], .customer-mobile-header .phone-mobile-link svg[data-outline] { color: #9dceef !important; } .customer-mobile-toolbar[data-size="big"] { grid-template-columns: 55px minmax(0, 1fr); border-bottom: 0; box-shadow: 0 3px 8px rgba(0, 0, 0, .3); } .customer-mobile-toolbar[data-size="big"] > div:first-child > a { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; padding: 0 !important; } .customer-mobile-toolbar[data-size="big"] > div:nth-child(2) > :is(a, button) .svg-inline--fa { width: 80%; height: 80%; max-width: none; max-height: none; padding: 0; } .customer-mobile-content .default_text { line-height: 1.55; text-align: left; overflow-wrap: anywhere; } .customer-mobile-content .default_text p { margin: 0 0 1em !important; padding: 0; text-indent: 0 !important; line-height: inherit; } .customer-mobile-content .default_text > p:last-child { margin-bottom: 0 !important; } .customer-mobile-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; width: 100%; margin: 20px 0 0; padding: 20px 16px; border-top: 1px solid #899dab; text-align: center; } .customer-mobile-footer > .footer-payment-logos { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: clamp(12px, 4vw, 24px); } .customer-mobile-footer .footer-payment-visa { color: #2672ad; } .black-background .customer-mobile-footer .footer-payment-visa { color: #9dceef; } .black-background .customer-mobile-footer .footer-sbp-original { -webkit-clip-path: inset(0 57% 0 0); clip-path: inset(0 57% 0 0); } .black-background .customer-mobile-footer .footer-sbp-light-wordmark { display: block !important; position: absolute; inset: 0; -webkit-clip-path: inset(0 0 0 43%); clip-path: inset(0 0 0 43%); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .customer-mobile-footer .customer-share-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; width: 100%; margin: 0 !important; padding: 0; float: none; } .customer-mobile-footer .copyright-text { position: static; inset: auto; width: 100%; margin: 0; padding: 0; float: none; color: #536675; font-size: 12px; line-height: 1.5; text-align: center; white-space: normal; } .black-background .customer-mobile-footer .copyright-text { color: #b9c7d2; } .customer-mobile-menu { --bs-gutter-x: 0; box-sizing: border-box; left: 0; right: 0; width: 100vw; max-width: 100vw; margin-left: 0; margin-right: 0; padding: 24px 16px !important; overflow-x: hidden; overflow-y: auto; } .customer-mobile-menu[data-size="big"] { height: calc(100% - 80px); } .customer-mobile-menu[data-size="normal"] { height: calc(100% - 70px); } .customer-mobile-menu[data-size="small"] { height: calc(100% - 56px); } .customer-mobile-menu > .center { width: 100%; padding: 0; } .customer-mobile-menu .roll-profile-link { display: block; width: 100% !important; max-width: 100%; margin-left: auto; margin-right: auto; text-align: center; } .customer-mobile-menu .customer-mobile-callback-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; } .customer-mobile-callback-link .svg-inline--fa { -webkit-box-flex: 0; -webkit-flex: 0 0 1em; -ms-flex: 0 0 1em; flex: 0 0 1em; width: 1em; height: 1em; margin: 0; vertical-align: middle; } .customer-mobile-menu .customer-mobile-submenu { box-sizing: border-box; width: 100%; margin: 0 auto 12px; padding: 8px 0 4px 14px; border-left: 2px solid #899dab; text-align: left; } .customer-mobile-submenu:not(#interface) > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; width: 100% !important; min-width: 0; min-height: 40px; margin: 0 0 6px !important; padding: 8px 10px; text-align: left; white-space: normal; overflow-wrap: anywhere; } .customer-mobile-submenu > .btn .svg-inline--fa { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .customer-mobile-history-item { min-width: 0; margin-bottom: 12px; } .customer-mobile-history-item > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; width: 100% !important; min-width: 0; min-height: 40px; margin: 0 !important; padding: 8px 10px; text-align: left; white-space: normal; overflow-wrap: anywhere; } .customer-mobile-history-item > .btn .svg-inline--fa { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .customer-mobile-history-details { margin: 6px 0 0; padding: 0 10px; color: #536675; font-size: 12px; font-weight: 400; line-height: 1.5; text-align: left; overflow-wrap: anywhere; } .customer-mobile-history-modification { display: block; margin-top: 2px; } .customer-mobile-menu.black-background .customer-mobile-history-details { color: #b9c7d2; } .customer-mobile-menu.dark-background .customer-mobile-history-details { color: #fff; } .customer-mobile-menu.black-background .customer-mobile-history-item > .btn { background: #202124 !important; color: #e1e7ec !important; border-color: #6088a3 !important; } .customer-mobile-links-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } .customer-mobile-links-grid > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; width: 100% !important; min-width: 0; min-height: 72px; margin: 0 !important; padding: 8px 3px; font-size: clamp(11px, 2.8vw, 14px) !important; line-height: 1.35; text-align: center !important; white-space: normal; overflow-wrap: anywhere; } .customer-mobile-links-grid > .btn .svg-inline--fa { -webkit-box-flex: 0; -webkit-flex: 0 0 22px; -ms-flex: 0 0 22px; flex: 0 0 22px; width: 22px; height: 22px; margin: 0; } .customer-mobile-menu.black-background .customer-mobile-links-grid > .btn { background: #202124 !important; color: #e1e7ec !important; border-color: #6088a3 !important; } .customer-mobile-menu [aria-controls][aria-expanded] { position: relative; padding-left: 32px; padding-right: 32px; text-align: center; } .customer-mobile-menu [aria-controls][aria-expanded] > .svg-inline--fa { position: absolute; top: 50%; right: 12px; width: 14px; height: 14px; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform .15s; transition: -webkit-transform .15s; transition: transform .15s; transition: transform .15s, -webkit-transform .15s; } .customer-mobile-menu [aria-controls][aria-expanded='true'] { border-color: #337ab7; box-shadow: inset 3px 0 #337ab7; } .customer-mobile-menu [aria-controls][aria-expanded='true'] > .svg-inline--fa { -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .customer-mobile-settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .customer-mobile-menu #interface .customer-mobile-setting { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 6px; width: 100%; min-width: 0; min-height: 68px; margin: 0; padding: 10px 4px; border: 2px solid #899dab; white-space: normal; } .customer-mobile-setting > span { font-size: 12px; line-height: 1.3; } .customer-mobile-setting > .svg-inline--fa { height: 20px; } .customer-mobile-menu #interface .customer-mobile-setting[aria-current='true'] { border-color: #347d49 !important; background: #e5f3e9 !important; color: #205932 !important; } .customer-mobile-menu #interface .customer-mobile-setting[aria-current='true']::after { content: '\2713'; position: absolute; top: 3px; right: 5px; font-size: 14px; font-weight: 700; line-height: 1; } .customer-mobile-menu.black-background #interface .customer-mobile-setting { background: #202124; color: #e1e7ec; border-color: #6088a3; } .customer-mobile-menu.black-background #interface .customer-mobile-setting[aria-current='true'] { border-color: #81d991 !important; background: #243c2d !important; color: #b5edbf !important; } .customer-mobile-menu.black-background .customer-mobile-submenu { border-color: #6088a3; } .customer-mobile-menu.black-background .customer-mobile-submenu > .btn { background: #202124 !important; color: #e1e7ec !important; border-color: #6088a3 !important; } .customer-mobile-menu.black-background [aria-controls][aria-expanded='true'] { background: #263744 !important; border-color: #9dceef; box-shadow: inset 3px 0 #9dceef; } .customer-mobile-menu .catalog-mobile-step { width: 100%; min-width: 0; margin: 5px auto; } .catalog-mobile-step > .select2-container { display: block; max-width: 100%; } .customer-mobile-menu { --catalog-control-bg: #fff; --catalog-control-color: #555; --catalog-border: #ccc; --catalog-disabled-bg: #f3f5f7; --catalog-disabled-color: #8996a1; --catalog-dropdown-bg: #fff; --catalog-dropdown-color: #333; --catalog-selected-bg: #ddd; --catalog-search-bg: #fff; --catalog-search-color: #333; --catalog-search-border: #c9d6e0; --catalog-arrow: #777; } .customer-mobile-menu.dark-background { --catalog-control-bg: #737373; --catalog-control-color: #fff; --catalog-border: #999; --catalog-disabled-bg: #c5c5c5; --catalog-disabled-color: #666; --catalog-dropdown-bg: #dedede; --catalog-dropdown-color: #222; --catalog-selected-bg: #bbb; --catalog-search-bg: #f0f0f0; --catalog-search-color: #222; --catalog-search-border: #888; --catalog-arrow: #fff; } .customer-mobile-menu.black-background { --catalog-control-bg: #333; --catalog-control-color: #fff; --catalog-border: #777; --catalog-disabled-bg: #333; --catalog-disabled-color: #9da6ad; --catalog-dropdown-bg: #262626; --catalog-dropdown-color: #f2f2f2; --catalog-selected-bg: #414b55; --catalog-search-bg: #333; --catalog-search-color: #fff; --catalog-search-border: #888; --catalog-arrow: #ccc; } .customer-mobile-menu .catalog-select-dropdown { font-size: inherit; background: var(--catalog-dropdown-bg); border-color: var(--catalog-border); color: var(--catalog-dropdown-color); } .customer-mobile-menu .catalog-inline-dropdown { position: static; display: block; width: 100%; min-width: 0; overflow: hidden; } .customer-mobile-menu .catalog-inline-dropdown .catalog-select-dropdown { position: static; display: block; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; box-shadow: none; } .customer-mobile-menu .catalog-inline-dropdown .select2-results { max-height: none; overflow-y: visible; } .customer-mobile-menu .catalog-inline-dropdown .select2-results > .select2-results__options { max-height: none; overflow-y: visible; } .customer-mobile-menu .catalog-inline-dropdown .select2-results__option { white-space: normal; overflow-wrap: anywhere; line-height: 1.5; } .customer-mobile-menu .catalog-select-dropdown .select2-search__field { font-size: max(16px, 1em); background: var(--catalog-search-bg); border-color: var(--catalog-search-border); color: var(--catalog-search-color); caret-color: var(--catalog-search-color); } .customer-mobile-menu .catalog-select-dropdown .select2-results__option { padding: 8px 6px; color: var(--catalog-dropdown-color); font-size: 14px; line-height: 1.4; text-align: center; } .customer-mobile-menu { --catalog-choice-bg: #fff; --catalog-choice-color: #235d85; --catalog-choice-border: #c5d4df; } .customer-mobile-menu.black-background { --catalog-choice-bg: #262626; --catalog-choice-color: #9dceef; --catalog-choice-border: #6088a3; } .customer-mobile-menu .catalog-select-dropdown .select2-results > .select2-results__options { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 8px; } .customer-mobile-menu .catalog-select-dropdown .select2-results__option--selectable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 0; min-height: 44px; padding: 8px 6px; border: 1px solid var(--catalog-choice-border); border-radius: 5px; background: var(--catalog-choice-bg); color: var(--catalog-choice-color); font-size: 16px; } .customer-mobile-menu .catalog-select-dropdown :is(.select2-results__option--selected, .select2-results__option--highlighted) { background: #286090; color: #fff; border-color: #286090; } .customer-mobile-menu .catalog-select-dropdown .select2-results__message { grid-column: 1 / -1; } .customer-mobile-menu .catalog-year-dropdown .select2-results > .select2-results__options { grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); } .customer-mobile-menu .catalog-year-dropdown .select2-results__option--selectable { padding: 8px 4px; font-weight: 700; } .customer-mobile-menu :is(.catalog-brand-dropdown, .catalog-model-dropdown) .select2-results > .select2-results__options { grid-template-columns: repeat(2, minmax(0, 1fr)); } .catalog-mobile-step .select2-selection.catalog-select-control { height: 42px; border: 1px solid var(--catalog-border, #ccc); border-radius: 4px; background: var(--catalog-control-bg, #fff); } .catalog-mobile-step .catalog-select-control .select2-selection__rendered { line-height: 40px; padding: 0 24px; font-size: 14px; text-align: center; color: var(--catalog-control-color, #555); } .catalog-mobile-step .catalog-select-control .select2-selection__arrow { top: 0; right: 6px; height: 40px; } .catalog-mobile-step .select2-container--disabled .catalog-select-control { background: var(--catalog-disabled-bg, #f3f5f7); } .catalog-mobile-step .select2-container--disabled .select2-selection__rendered { color: var(--catalog-disabled-color, #8996a1); } .catalog-mobile-step .catalog-select-control .select2-selection__arrow b { border-top-color: var(--catalog-arrow, #777); } .catalog-mobile-step .select2-container--open .catalog-select-control .select2-selection__arrow b { border-top-color: transparent; border-bottom-color: var(--catalog-arrow, #777); } .catalog-mobile-step .select2-container--disabled .catalog-select-control .select2-selection__arrow b { border-top-color: var(--catalog-disabled-color, #8996a1); } .catalog-mobile-step .select2-container--focus .catalog-select-control, .catalog-mobile-step .select2-container--open .catalog-select-control { border-color: #337ab7; box-shadow: 0 0 0 2px rgba(51, 122, 183, .15); } .home-intro-copy > h2 { margin: 24px 0 12px; font-size: 20px; line-height: 1.4; } .home-intro-copy > h2:first-child { margin-top: 0; } .home-intro-copy > p { margin: 0 0 16px; line-height: 1.6; text-indent: 0; } .customer-mobile-content .home-intro-copy { font-size: 14px; } .customer-mobile-content .home-intro-copy > h2 { font-size: 18px; } .black-background .home-intro-copy > h2 { color: #9dceef; } .customer-mobile-menu #menu.customer-mobile-submenu { padding: 8px 0 4px; border-left: 0; } .customer-mobile-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } .customer-mobile-menu .customer-mobile-profile-grid > .btn { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; width: 100% !important; min-width: 0; min-height: 44px; margin: 0 !important; padding: 8px; font-size: 14px; line-height: 1.4; text-align: left; white-space: normal; overflow-wrap: anywhere; } .customer-mobile-profile-grid > .btn :is(i, svg) { -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; font-size: 18px !important; } .customer-mobile-menu.black-background .customer-mobile-profile-grid > .btn { background: #202124 !important; color: #e1e7ec !important; border-color: #6088a3 !important; } .customer-mobile-menu.black-background .customer-mobile-profile-grid > .btn :is(i, svg) { color: var(--profile-menu-icon, #9dceef) !important; } .profile-menu-orders, .profile-menu-preorder { --profile-menu-icon: #81d991; } .profile-menu-inquiries, .profile-menu-store-inquiries { --profile-menu-icon: #ffad85; } .profile-menu-cars, .profile-menu-reviews { --profile-menu-icon: #79d2d0; } .profile-menu-balance, .profile-menu-comments { --profile-menu-icon: #e6a9dd; } .profile-menu-notices { --profile-menu-icon: #e8c56c; } .profile-menu-supplier, .profile-menu-products { --profile-menu-icon: #ff9e94; } .profile-menu-settings, .profile-menu-client { --profile-menu-icon: #b3baff; } .customer-account-summary.row { --bs-gutter-x: 0; --bs-gutter-y: 0; --account-summary-edge: #899dab; margin: 0; padding: 0; border: 1px solid var(--account-summary-edge); border-radius: 6px; overflow: hidden; background: #fff; text-align: left; } .customer-account-summary > .col-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; padding: 0; margin: 0; border-top: 1px solid var(--account-summary-edge); } .customer-account-summary > .col-6:nth-child(-n+2) { border-top: 0; } .customer-account-summary > .col-6:nth-child(odd) { border-right: 1px solid var(--account-summary-edge); } .customer-account-summary .card { min-width: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: #253947; box-shadow: none; } .customer-account-summary .card-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-width: 0; min-height: 64px; padding: 8px 10px; } .customer-account-summary-label { margin-bottom: 5px; color: #50687a; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere; } .customer-account-summary-value { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px; min-width: 0; font-size: 16px; line-height: 1.4; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; } .customer-account-summary-delay { font-size: 13px; white-space: nowrap; } .customer-account-summary-value a { color: #24638f; } .customer-account-summary .has-requests { border-color: #a17715; } .customer-mobile-menu.dark-background .customer-account-summary .card { background: #e5e5e5; } .customer-mobile-menu.dark-background .customer-account-summary { background: #e5e5e5; } .customer-mobile-menu.black-background .customer-account-summary { --account-summary-edge: #6088a3; background: #202124; } .customer-mobile-menu.black-background .customer-account-summary .card { background: #202124; color: #e1e7ec; border-color: #6088a3; } .customer-mobile-menu.black-background .customer-account-summary-label { color: #b9c7d2; } .customer-mobile-menu.black-background .customer-account-summary-value a { color: #9dceef; } .customer-mobile-menu.black-background .customer-account-summary [style*='color:red'] { color: #ff9e94 !important; } .customer-mobile-menu.black-background .customer-account-summary [style*='color:green'], .customer-mobile-menu.black-background .customer-account-summary [style*='color: green'] { color: #81d991 !important; } .customer-mobile-menu.black-background .customer-account-summary [style*='color:black'], .customer-mobile-menu.black-background .customer-account-summary [style*='color: #0c588f'] { color: #9dceef !important; } .customer-mobile-menu.black-background .customer-account-summary .has-requests { border-color: #e8c56c; } /* Bootstrap cards/grid, scoped to the customer catalog brand chooser. */ .catalog-brand-grid { --bs-gutter-x: 10px; --bs-gutter-y: 10px; margin: 0 -5px 16px; } .catalog-brand-grid > .col { padding-left: 5px; padding-right: 5px; } .catalog-brand-card { min-width: 0; overflow: hidden; border: 1px solid #dce4eb; border-radius: 8px; background: #fff; color: #235d85; box-shadow: 0 1px 3px rgba(23, 59, 86, .06); -webkit-transition: border-color .15s ease, box-shadow .15s ease; transition: border-color .15s ease, box-shadow .15s ease; } .catalog-brand-card:hover, .catalog-brand-card:focus-visible { border-color: #337ab7; box-shadow: 0 3px 10px rgba(23, 59, 86, .18); color: #17476b; } .catalog-brand-card:focus-visible { outline: 2px solid #337ab7; outline-offset: 2px; } .catalog-brand-logo { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; aspect-ratio: 1; padding: 8px; background: #fff; } .catalog-brand-logo > img { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); -o-object-fit: contain; object-fit: contain; } .catalog-brand-card .catalog-brand-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; padding: 5px; text-align: center; font-size: 12px; line-height: 1.25; font-weight: 600; overflow-wrap: anywhere; } .dark-background .catalog-brand-card { background: #737373; border-color: #999; color: #fff; } .black-background .catalog-brand-card { background: #202124; border-color: #6088a3; color: #d6ebfb; box-shadow: none; } .black-background .catalog-brand-card:not(.catalog-model-card) .catalog-brand-logo { background: #202124; } /* Brand artwork has a baked-in white background. Blend only logo cards, never model photographs, so white becomes transparent and dark lettering readable. */ .black-background .catalog-brand-card:not(.catalog-model-card) .catalog-brand-logo > img { -webkit-filter: var(--catalog-logo-filter, invert(1) hue-rotate(180deg)); filter: var(--catalog-logo-filter, invert(1) hue-rotate(180deg)); mix-blend-mode: var(--catalog-logo-blend, screen); -webkit-clip-path: var(--catalog-logo-clip, none); clip-path: var(--catalog-logo-clip, none); } .black-background .catalog-brand-card .catalog-brand-name { color: #d6ebfb; background: transparent; border-top: 1px solid #6088a3; } .black-background .catalog-brand-card:hover, .black-background .catalog-brand-card:focus-visible { color: #fff; border-color: #9dceef; background: #26333d; } .grey-stripe.catalog-selection-hint { background: transparent; color: #29465b; border: 1px solid #899dab; padding: 10px 14px; text-indent: 0; text-align: left; line-height: 1.5; } .dark-background .grey-stripe.catalog-selection-hint { color: #222; border-color: #7898ae; } .black-background .grey-stripe.catalog-selection-hint { background: transparent; color: #d6ebfb; border-color: #6088a3; } .dark-background .catalog-brand-card:hover, .black-background .catalog-brand-card:hover { border-color: #7eb5df; } @media (prefers-reduced-motion: reduce) { .catalog-brand-card { -webkit-transition: none; transition: none; } } .catalog-description { padding: 8px 0 20px; line-height: 1.6; } .catalog-description > h1 { margin: 0 0 18px; } .catalog-description > p { max-width: 96ch; margin: 0 0 16px; } .catalog-description > .catalog-search-intro { margin-bottom: 8px; } .catalog-description .catalog-search-examples { max-width: 96ch; margin: 0 0 20px; padding-left: 26px; } .catalog-description .catalog-search-examples > li { padding-left: 4px; margin-bottom: 6px; } .catalog-description .catalog-brand-alternative { margin-top: 20px; } .catalog-description .catalog-brand-alternative > p { margin: 0 0 8px; } .catalog-description .catalog-brand-alternative-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .dark-background :is(.catalog-choice-grid, .catalog-popular-grid) .catalog_item { border-color: #7898ae; } .dark-background :is(.catalog-choice-grid, .catalog-popular-grid) a { color: #235d85; } .black-background :is(.catalog-choice-grid, .catalog-popular-grid) .catalog_item { background: transparent; border-color: #6088a3; } .black-background :is(.catalog-choice-grid, .catalog-popular-grid) a { color: #9dceef; } .black-background .catalog-content-wrapper .seo-text-wrapper { background: transparent; color: #d6ebfb; border: 1px solid #6088a3; } .black-background .catalog-content-wrapper :is(h1, h2) { color: #9dceef; } .black-background .catalog-content-wrapper .content-brand-logo { -webkit-filter: var(--catalog-logo-filter, invert(1) hue-rotate(180deg)); filter: var(--catalog-logo-filter, invert(1) hue-rotate(180deg)); mix-blend-mode: var(--catalog-logo-blend, screen); -webkit-clip-path: var(--catalog-logo-clip, none); clip-path: var(--catalog-logo-clip, none); } .black-background img:is([src*='brands_photo/isuzu-logo'], [src*='brands_photo/lexus-logo']) { --catalog-logo-filter: none; --catalog-logo-blend: lighten; } .black-background img[src*='brands_photo/isuzu-logo'] { --catalog-logo-clip: inset(4% 1% 3%); } .black-background img:is([src*='brands_photo/jaguar-logo'], [src*='brands_photo/plymouth-logo']) { --catalog-logo-filter: none; --catalog-logo-blend: normal; --catalog-logo-clip: circle(46% at 50% 50%); } .dark-background .content-card-title { background: #e2e2e2; color: #222; } .dark-background .content-card-title-regular { color: #333; } .dark-background .content-card-title a { color: #235d85; } .black-background .content-card-block { background: #202124; border-color: #6088a3; border-radius: 6px; overflow: hidden; } .black-background .content-card-title { background: #202124; color: #d6ebfb; border-top: 1px solid #6088a3; padding: 8px; } .black-background .content-card-title a { color: #9dceef; } .black-background .content-card-title-regular { color: #d6ebfb; } .black-background .content-card-presence { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #202124; color: #81d991; border: 1px solid currentColor; border-radius: 4px; } .black-background .content-card-price { background: #202124; color: #ff9e94; border: 1px solid currentColor; border-radius: 4px; } .catalog-brand-return { clear: both; margin: 12px 0 16px; } :is(.catalog-brand-description, .catalog-model-description, .catalog-year-description) > h1 { margin: 16px 0 18px; } :is(.catalog-brand-description, .catalog-model-description) > :is(.catalog-brand-intro, .catalog-model-intro) { max-width: 96ch; margin: 0 0 16px; line-height: 1.6; } :is(.catalog-brand-description, .catalog-model-description, .catalog-year-description) .seo-text-wrapper { padding: 14px; } :is(.catalog-brand-description, .catalog-model-description, .catalog-year-description) .seo-text-wrapper > p { margin: 0 0 16px; line-height: 1.6; } .catalog-engine-explanation > h2 { margin: 0 0 12px; } .catalog-engine-diagram { margin: 12px 0 16px; } .catalog-engine-diagram > img { display: block; max-width: 100%; height: auto; } .black-background .catalog-year-description .catalog-engine-diagram > img { -webkit-filter: invert(1); filter: invert(1); mix-blend-mode: screen; } .dark-background .catalog-level-options a { color: #235d85; } .black-background .catalog-level-options a { color: #9dceef; } .catalog-hint-vehicle { display: inline-block; max-width: 100%; font-weight: 600; } .black-background .content-card-photo-wrapper { background: #aeb8c0; isolation: isolate; } .black-background .content-card-photo-wrapper > a { display: block; } .black-background .content-card-photo-wrapper > a > img { mix-blend-mode: multiply; } /* Only the customer catalog trail, not the catalog selector toolbar. */ ol.catalog-breadcrumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0; margin: 0 0 16px; padding: 12px 14px; min-height: 52px; border: 3px solid #c9d6e0; border-radius: 8px; background: #f4f6f8; list-style: none; font-size: 14px; font-weight: 700; line-height: 1.5; overflow-x: auto; } ol.catalog-breadcrumb { scrollbar-width: thin; overscroll-behavior-x: contain; } ol.catalog-breadcrumb:focus-visible { outline: 2px solid #337ab7; outline-offset: 2px; } ol.catalog-breadcrumb > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; float: none; min-width: 0; max-width: none; margin: 0; padding: 0; } ol.catalog-breadcrumb > li + li::before { content: "›"; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 5px; color: #7b8995; } ol.catalog-breadcrumb > li > span { display: block; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: inherit; line-height: inherit; white-space: nowrap; } ol.catalog-breadcrumb { --catalog-breadcrumb-color: #24638f; color: var(--catalog-breadcrumb-color); } ol.catalog-breadcrumb > li, ol.catalog-breadcrumb > li > span { color: var(--catalog-breadcrumb-color) !important; } ol.catalog-breadcrumb a { display: inline; color: var(--catalog-breadcrumb-color); text-decoration: none; } ol.catalog-breadcrumb a:hover { color: var(--catalog-breadcrumb-color); text-decoration: underline; } ol.catalog-breadcrumb a:focus-visible { outline: 2px solid #337ab7; outline-offset: 2px; border-radius: 2px; } ol.catalog-breadcrumb > li > span:not(:has(a)) { color: #a93b0c !important; font-weight: 700; cursor: default; } .dark-background ol.catalog-breadcrumb { background: #dedede; border-color: #7898ae; } .black-background ol.catalog-breadcrumb { --catalog-breadcrumb-color: #9dceef; background: #24272b; border-color: #6088a3; } .black-background ol.catalog-breadcrumb > li + li::before { color: #aab4bd; } .black-background ol.catalog-breadcrumb > li > span:not(:has(a)) { color: #ffb38d !important; } @media (max-width: 575px) { ol.catalog-breadcrumb { padding: 12px; margin-bottom: 16px; } ol.catalog-breadcrumb > li + li::before { padding: 0 5px; } } /* Bottom-of-branch controls only; leave product cards and global buttons alone. */ .down-stars-list-block:has(.rating-readonly), .rating-readonly { cursor: default; } .top-right-actions:has(+ .down-stars-list-block .rating-readonly) { display: none; } .catalog-unit-navigation { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; min-width: 0; margin: 16px 0; padding: 16px; border: 1px solid #dce4eb; border-radius: 8px; background: #f6f8fa; color: #29465b; } .catalog-unit-navigation > .catalog-unit-navigation-title { grid-column: 1 / -1; margin: 0; font-size: 14px; } .catalog-unit-content > h6 { margin: 16px 0 8px; line-height: 1.5; } .catalog-unit-content > .item-card-content { padding-bottom: 0; margin-bottom: 20px; } .catalog-unit-content > .catalog-brand-return { margin: 0 0 20px; } .catalog-unit-content > .catalog-unit-navigation { margin: 0 0 24px; } .catalog-all-model-link { -webkit-align-self: end; -ms-flex-item-align: end; align-self: end; min-width: 0; } .catalog-modification { width: 100%; min-width: 0; } .catalog-modification-label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; } .catalog-modification-select { width: 100%; min-height: 44px; } .catalog-modification > .select2-container { display: block; max-width: 100%; } .catalog-modification .catalog-modification-control { height: 44px; border: 1px solid #c9d6e0; border-radius: 6px; background: #fff; } .catalog-modification .catalog-modification-control .select2-selection__rendered { display: block; height: 42px; padding: 0 32px 0 12px; color: #29465b; font-size: 14px; line-height: 42px; } .catalog-modification .catalog-modification-control .select2-selection__arrow { top: 0; height: 42px; right: 7px; } .catalog-modification .select2-container--focus .catalog-modification-control, .catalog-modification .select2-container--open .catalog-modification-control { border-color: #337ab7; box-shadow: 0 0 0 2px rgba(51, 122, 183, .15); } .catalog-related-links { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .catalog-unit-navigation a.btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; min-width: 0; min-height: 44px; margin: 0 !important; padding: 10px 12px; border: 1px solid #c9d6e0; border-radius: 6px; background: #fff; color: #24638f; font-size: 14px; line-height: 1.4; text-align: left; white-space: normal; overflow-wrap: anywhere; text-decoration: none; } .catalog-all-model-link > a.btn { background: #edf4fa; font-weight: 600; } .catalog-unit-navigation a.btn:hover, .catalog-unit-navigation a.btn:focus-visible { border-color: #337ab7; background: #e4eff8; } .dark-background .catalog-unit-navigation { background: #dedede; border-color: #aaa; color: #222; } .dark-background .catalog-unit-navigation a.btn, .dark-background .catalog-modification-control { background: #737373; border-color: #999; color: #fff; } .dark-background .catalog-modification-control .select2-selection__rendered { color: #fff; } .dark-background .catalog-modification-dropdown { background: #dedede; color: #222; } .dark-background .catalog-modification-dropdown .select2-search__field { background: #f0f0f0; color: #222; } .dark-background .catalog-modification-dropdown .select2-results__option--selected { background: #bbb; } .black-background .catalog-unit-navigation { background: #262626; border-color: #666; color: #f2f2f2; } .black-background .catalog-unit-navigation a.btn, .black-background .catalog-modification-control { background: #333; border-color: #777; color: #f2f2f2; } .black-background .catalog-modification-control .select2-selection__rendered { color: #f2f2f2; } .dark-background .catalog-modification-control .select2-selection__arrow b, .black-background .catalog-modification-control .select2-selection__arrow b { border-top-color: #ddd; } .dark-background .catalog-modification .select2-container--open .select2-selection__arrow b, .black-background .catalog-modification .select2-container--open .select2-selection__arrow b { border-top-color: transparent; border-bottom-color: #ddd; } .black-background .catalog-modification-dropdown { background: #262626; border-color: #777; color: #f2f2f2; } .black-background .catalog-modification-dropdown .select2-search__field { background: #333; color: #fff; } .black-background .catalog-modification-dropdown .select2-results__option--selected { background: #414b55; } .catalog-modification-dropdown .select2-results__option--highlighted { background: #286090; color: #fff; } @media (max-width: 575px) { .catalog-unit-navigation { padding: 10px; grid-template-columns: minmax(0, 1fr); } .catalog-related-links { grid-template-columns: minmax(0, 1fr); } .catalog-modification { max-width: none; } } .catalog-model-grid { margin-bottom: 16px; } .catalog-model-photo { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; aspect-ratio: 16 / 10; padding: 0; overflow: hidden; background: #f4f6f8; } .catalog-model-photo > img { position: absolute; inset: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .catalog-model-photo > img[src*='noimage'] { -o-object-fit: contain; object-fit: contain; padding: 8px; } .catalog-model-card .catalog-brand-name { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; min-height: 38px; padding: 6px 5px 2px; } .catalog-model-years { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 0; padding: 0 5px 8px; border: 0; background: transparent; color: #536675; font-size: 10px; font-weight: 400; line-height: 1.35; text-align: center; } .dark-background .catalog-model-years { background: transparent; color: #222; border-color: #899dab; } .black-background .catalog-model-years { background: transparent; color: #b9c7d2; border-color: #6088a3; } .dark-background .catalog-model-photo { background: #dedede; } .black-background .catalog-model-photo { background: #202124; } .catalog-model-photo > img:not([src*='noimage']) { -webkit-filter: none; filter: none; mix-blend-mode: normal; } .black-background .catalog-model-photo > img[src*='noimage'] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; } .cars-brand-description { margin-top: 24px; line-height: 1.6; } .cars-brand-description > h2 { margin: 0 0 12px; } .cars-brand-description .content-brand-logo { display: block; width: 180px; max-width: 100%; height: auto; margin: 0 0 20px; padding: 0; border: 0; } .black-background .cars-brand-description .content-brand-logo { -webkit-filter: var(--catalog-logo-filter, invert(1) hue-rotate(180deg)); filter: var(--catalog-logo-filter, invert(1) hue-rotate(180deg)); mix-blend-mode: var(--catalog-logo-blend, screen); -webkit-clip-path: var(--catalog-logo-clip, none); clip-path: var(--catalog-logo-clip, none); } .cars-brand-description p { max-width: 96ch; margin: 0 0 16px; } .cars-photo-credits { margin: 16px 0; font-size: 11px; } .cars-photo-credits > summary { cursor: pointer; } .cars-model-return { margin-top: 20px; } .cars-parts-table .cars-part-main-row { background: lightcyan; border-top: 2px solid #899dab; } .cars-parts-table .cars-part-remote-row { background: #e3f3ff; } .cars-parts-table .cars-part-applications-row { border-bottom: 2px solid #899dab; } /* Keep every part's header, warehouses and applicability together. */ .cars-parts-table .cars-part-separator { border: 0; } .cars-parts-table .cars-part-separator > td { height: 18px; padding: 0; border: 0; background: #fff; box-shadow: none; --bs-table-bg: transparent; } .dark-background .cars-parts-table .cars-part-separator > td { background: #b5b5b5; } .black-background .cars-parts-table .cars-part-separator > td { background: #17191c; } .cars-parts-table .cars-part-applications { max-height: 48px; overflow: auto; font-size: 12px; line-height: 1.5; } .cars-parts-table .cars-part-offer-name { color: #9e382e; } .cars-part-offer-line, .cars-part-offer-description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px 12px; } .cars-part-offer-description { min-width: 0; } .cars-parts-table .spare-availability-badge { box-sizing: border-box; min-height: 32px; margin: 0; padding: 4px 8px; line-height: 1.25; } .cars-parts-table .spare-availability-badge .fa-check-square { width: 18px; height: 18px; } .cars-parts-table .spare-availability-badge .fa-info-circle { width: 12px; height: 12px; } .cars-parts-table .cars-part-photo-cell > a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; border-radius: 5px; overflow: hidden; isolation: isolate; } .dark-background .cars-parts-table .cars-part-main-row { background: #dedede; } .dark-background .cars-parts-table .cars-part-remote-row { background: #d1dce5; } .black-background .cars-parts-table :is(.cars-part-main-row, .cars-part-remote-row, .cars-part-applications-row) { border-color: #6088a3; } .black-background .cars-parts-table .cars-part-main-row { background: #202124; } .black-background .cars-parts-table .cars-part-remote-row { background: #233447; } .black-background .cars-parts-table .cars-part-applications-row { background: #202124; } .black-background .cars-parts-table :is(.cars-part-main-row, .cars-part-remote-row, .cars-part-applications-row) > td { --bs-table-bg: transparent; background: inherit; color: #e1e7ec; } .black-background .cars-parts-table .cars-part-offer-name { color: #ffb1a3; } .black-background .cars-parts-table .cars-part-photo-cell > a { background: #aeb8c0; border: 1px solid #6088a3; } .black-background .cars-parts-table .cars-part-photo-cell > a > img { display: block; mix-blend-mode: multiply; } .cars-model-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; } .cars-model-layout > .catalog-content-wrapper, .cars-model-layout > .content-card-wrapper { float: none; width: auto; min-width: 0; margin: 0; padding: 0; } .cars-model-layout > .content-card-wrapper { border: 1px solid #dce4eb; border-radius: 8px; background: #f6f8fa; } .cars-model-layout .car-model-photo { display: block; width: 100%; max-width: 100%; height: auto; border: 0; border-radius: 6px; margin-bottom: 12px; } .cars-model-layout .content-card-wrapper h3 { margin-top: 16px; font-size: 17px; } .cars-subsystem-accordion .accordion-item { margin-bottom: 6px; border: 1px solid #dce4eb; border-radius: 7px; overflow: hidden; } .cars-subsystem-accordion .accordion-header { display: block; width: 100%; margin: 0; } .cars-subsystem-accordion .accordion-header .accordion-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 12px; min-height: 44px; padding: 10px 12px; text-align: left; font-size: 13px; font-weight: 600; line-height: 1.4; color: #24638f; background: #f4f7fa; overflow-wrap: anywhere; } .cars-subsystem-accordion .accordion-button::after, .cars-subsystem-accordion .accordion-button:not(.collapsed)::after { content: ''; -webkit-box-flex: 0; -webkit-flex: 0 0 10px; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; height: 10px; margin-left: auto; background-image: none; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .cars-subsystem-accordion .accordion-button:not(.collapsed)::after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .cars-subsystem-accordion .accordion-body { padding: 10px 16px 12px; } .cars-subsystem-accordion .list-group-item { margin: 0; padding: 9px 10px; border: 0; border-bottom: 1px solid #c5d4df; border-radius: 4px; background: transparent; color: #24638f; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } .cars-subsystem-accordion .list-group-item:last-child { border-bottom: 0; } .cars-subsystem-accordion .accordion-button:not(.collapsed) { background: #e8f1f8; box-shadow: inset 0 -1px #9fb6c8; } .cars-subsystem-accordion .list-group-item-action:is(:hover, :focus-visible) { background: #edf4fa; color: #17476b; } .cars-subsystem-accordion .list-group-item-action:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; } .dark-background .cars-subsystem-accordion .accordion-button:not(.collapsed) { background: #c6d1d9; } .black-background .cars-subsystem-accordion .accordion-body { background: #202124; } .black-background .cars-subsystem-accordion .accordion-button:not(.collapsed) { background: #263744; color: #d6ebfb; box-shadow: inset 0 -1px #6088a3; } .black-background .cars-subsystem-accordion .list-group-item { border-color: #41617b; } .black-background .cars-subsystem-accordion .list-group-item-action:is(:hover, :focus-visible) { background: #293b49; color: #d6ebfb; } .cars-subsystem-accordion a.list-group-item-action:is(:link, :visited, :focus, :active) { background: transparent; color: #24638f; } .black-background .cars-subsystem-accordion a.list-group-item-action:is(:link, :visited, :focus, :active) { background: transparent; color: #9dceef; } .black-background .cars-subsystem-accordion a.list-group-item-action:is(:hover, :focus-visible) { background: #293b49; color: #d6ebfb; } .cars-main-catalog-link { margin-top: 16px; } .cars-main-catalog-link a { white-space: normal; } .cars-search-phrases { margin-top: 20px; font-size: 12px; color: #657b8b; overflow-wrap: anywhere; } .dark-background .cars-model-layout > .content-card-wrapper, .dark-background .cars-subsystem-accordion .accordion-button { background: #dedede; color: #222; } .black-background .cars-model-layout > .content-card-wrapper, .black-background .cars-subsystem-accordion .accordion-item { background: #262626; color: #f2f2f2; border-color: #666; } .black-background .cars-subsystem-accordion .accordion-button { background: #202124; color: #9dceef; } .black-background .cars-subsystem-accordion .list-group-item, .black-background .cars-search-phrases { color: #9dceef; } .black-background .cars-model-layout h3 { color: #9dceef; } @media (max-width: 767px) { .cars-model-layout { grid-template-columns: minmax(0, 1fr); } } @media (min-width: 768px) { .cars-subsystem-accordion .accordion-header .accordion-button { min-height: 40px; padding-top: 8px; padding-bottom: 8px; } } .customer-mobile-content .cars-parts-subsystem-title { margin: 0 0 8px; font-size: 14px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-content .cars-parts-title { margin: 0 0 8px; font-size: 22px; line-height: 1.35; overflow-wrap: anywhere; } .customer-mobile-content .cars-parts-modifications-info { margin: 0 0 12px; padding: 0; font-size: 14px; line-height: 1.5; text-indent: 0; text-align: left; } .customer-mobile-content .cars-parts-modifications-info :is(p, div) { margin: 0; padding: 0; font-size: inherit; text-indent: 0; text-align: left; } .customer-mobile-content .cars-parts-modifications-info hr { display: none; } .cars-parts-table .cars-part-remote-group > td { padding: 0; } .cars-part-remote-scroll.is-limited { max-height: 240px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; } .cars-parts-table .cars-part-remote-table { width: 100%; margin: 0; } .cars-part-remote-scroll:focus-visible { outline: 2px solid #649db7; outline-offset: -2px; } .customer-mobile-content .cars-parts-table:has(.cars-mobile-card-row) { border: 0; background: transparent; } .customer-mobile-content .cars-parts-table:has(.cars-mobile-card-row) > tbody > tr:has(> .th-small) { display: none; } .customer-mobile-content .cars-parts-table .cars-mobile-card-row, .customer-mobile-content .cars-parts-table .cars-mobile-card-row > td { border: 0; padding: 0; background: transparent; box-shadow: none; } .black-background .customer-mobile-content .cars-parts-subsystem-title { color: #b9c7d2; } .black-background .customer-mobile-content .cars-parts-title { color: #9dceef; } .customer-mobile-content :is(.cars-parts-main-catalog-link, .cars-parts-search-link, .cars-parts-description) { margin: 24px 0 !important; } .customer-mobile-content :is(.cars-parts-main-catalog-link, .cars-parts-search-link) a, .customer-mobile-content .cars-load-more-row .btn { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; width: 100%; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid #899dab; border-radius: 6px; background: #edf2f6; color: #29465b; font-size: 14px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; text-align: center; } .customer-mobile-content .cars-load-more-row > td { padding: 0 0 8px; border: 0; background: transparent; box-shadow: none; } .customer-mobile-content :is(.cars-parts-search-link, .cars-parts-description) h2 { margin: 0 0 16px; font-size: 18px; line-height: 1.4; } .customer-mobile-content .cars-parts-search-link .row { margin: 0; } .customer-mobile-content .cars-parts-search-link .catalog_item { float: none; width: 100%; margin: 0; padding: 0; } .customer-mobile-content .cars-parts-description p { margin: 0 0 16px; font-size: 14px; line-height: 1.6; text-indent: 0; } .black-background .customer-mobile-content :is(.cars-parts-main-catalog-link, .cars-parts-search-link) a, .black-background .customer-mobile-content .cars-load-more-row .btn { background: transparent; color: #9dceef; border-color: #6088a3; } .black-background .customer-mobile-content :is(.cars-parts-search-link, .cars-parts-description) h2 { color: #9dceef; } .customer-mobile-content .cars-load-more-row #load_newt_button { display: grid; grid-template-columns: 30px minmax(0, 1fr) 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 52px; padding: 10px 12px; border: 1px solid #539cb1; border-left-width: 3px; border-radius: 6px; background: #dff0f5; color: #253947; font-size: 16px; font-weight: 600; line-height: 1.4; } .customer-mobile-content .cars-load-more-label { grid-column: 2; text-align: center; } .customer-mobile-content .cars-load-more-icon { grid-column: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 30px; height: 30px; border: 1px solid #539cb1; border-radius: 5px; background: #539cb1; color: #17242c; } .black-background .customer-mobile-content .cars-load-more-row #load_newt_button { border-color: #8cd5e8; background: #202124; color: #d6ebfb; } .black-background .customer-mobile-content .cars-load-more-icon { border-color: #8cd5e8; background: transparent; color: #8cd5e8; } .customer-mobile-content .cars-parts-table > #load_button, .customer-mobile-content .cars-parts-table .cars-load-more-row { border: 0 !important; } .customer-mobile-content .cars-parts-table > #load_button > .cars-load-more-row > td { border: 0 !important; box-shadow: none; } .customer-desktop-shell .footer-wrapper { height: auto; min-height: 110px; } .customer-footer-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 16px 24px; min-height: 70px; padding: 20px 20px 12px; } .customer-footer-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 20px 24px; } .customer-footer-navigation .desktop-theme-switcher { margin-left: 0; } .customer-footer-brands { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 6px; } .customer-footer-navigation .desktop-theme-label { display: none; } .customer-footer-row .down-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 20px; float: none; height: auto; margin: 0; } .customer-footer-row .footer-link { float: none; margin: 0; line-height: 30px; } .customer-footer-row .phone-footer-wrapper { float: none; height: auto; margin: 0; padding: 0; } .customer-footer-payments { margin-left: 0; } .customer-footer-row .phone-footer-wrapper { margin-left: auto; } .customer-footer-row .footer-title { margin: 0; font-size: 19px; line-height: 30px; text-align: center; } .customer-footer-row .footer-call-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 21px; margin: 8px 0 0; } .customer-footer-row .footer-call-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background-image: none; border: 1px solid currentColor; border-radius: 50%; color: #fff; } .customer-footer-row .footer-call-icon .svg-inline--fa { width: 12px; height: 12px; } .customer-footer-row .footer-phone-text { float: none; margin: 0; line-height: 21px; white-space: nowrap; } .customer-footer-bottom { padding: 0 20px 12px; } .customer-footer-bottom .copyright-text { position: static; margin: 0; text-align: left; } .footer-payment-logos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 24px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } .footer-payment-logo { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 32px; line-height: 1; } .footer-payment-logo :is(img, svg) { display: block; max-width: 100%; -o-object-fit: contain; object-fit: contain; } .footer-payment-visa { color: #fff; } .footer-payment-visa .svg-inline--fa { width: 48px; height: 32px; } .black-background .footer-payment-visa { color: #9dceef; } .footer-payment-sbp { position: relative; width: 66px; } .footer-sbp-light-wordmark { display: none !important; } .footer-wrapper .footer-sbp-original { -webkit-clip-path: inset(0 57% 0 0); clip-path: inset(0 57% 0 0); } .footer-wrapper .footer-sbp-light-wordmark { display: block !important; position: absolute; inset: 0; -webkit-clip-path: inset(0 0 0 43%); clip-path: inset(0 0 0 43%); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @media (min-width: 1400px) { .customer-footer-row, .customer-footer-navigation { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .customer-desktop-shell.dark-background .page-content-wrapper { background: #0c588f; } .customer-desktop-shell.dark-background .center-content-wrapper { background: #d3d3d3; color: #222; } .customer-desktop-shell.dark-background .item-card-wrapper { background: #f7f8fa; border: 2px solid #899dab; border-radius: 6px; box-shadow: 0 2px 6px rgba(30, 48, 62, .14); } .customer-desktop-shell.dark-background .upper-item-block-wrapper { background: #f7f8fa; } .customer-desktop-shell .item-photo { outline: 1px solid #adbcc8; outline-offset: 0; border-radius: 5px; background: #fff; } .customer-desktop-shell.black-background .item-photo { outline-color: #5a7d97; } .black-background .item-photo { background: #aeb8c0; isolation: isolate; } .black-background .item-photo > a { display: block; } .black-background .item-photo > a > img { mix-blend-mode: multiply; } .customer-desktop-shell.black-background .page-content-wrapper, .customer-desktop-shell.black-background .center-content-wrapper { background: #171717; color: #ddd; } .customer-desktop-shell.black-background h1, .customer-desktop-shell.black-background h2, .customer-desktop-shell.black-background h3 { color: #9dceef; } /* Keep legacy business-status colors and light product/table surfaces readable. */ .customer-desktop-shell.black-background .item-card-content { background: transparent; color: #ddd; } .customer-desktop-shell.black-background .item-card-content h2, .customer-desktop-shell.black-background .item-card-content h3 { color: #9dceef; } .customer-desktop-shell.black-background .adv-exp-content-sector { color: #222; } .customer-desktop-shell.black-background .catalog-navigation { background: #303030; } .customer-desktop-shell.black-background .catalog-select-control { background: #333; border-color: #777; } .customer-desktop-shell.black-background .catalog-select-control .select2-selection__rendered { color: #f2f2f2; } .customer-desktop-shell.black-background .select2-container--disabled .catalog-select-control .select2-selection__rendered { color: #aaa; } .customer-desktop-shell.black-background > .page-content-wrapper { background-image: -webkit-linear-gradient(left, transparent 158px, #3d6e92 158px, #3d6e92 160px, transparent 160px); background-image: linear-gradient(to right, transparent 158px, #3d6e92 158px, #3d6e92 160px, transparent 160px); } .customer-desktop-shell.black-background .left-content-wrapper, .customer-desktop-shell.black-background .menu-wrapper { background: #171717; } .customer-desktop-shell.black-background .left-content-wrapper { box-sizing: border-box; border-right: 2px solid #4d7c9e; } .customer-desktop-shell.black-background .upper-logo { background: #171717; border-bottom: 1px solid #315c7b; } .customer-desktop-shell .upper-logo a { position: relative; display: inline-block; max-width: 100%; } .customer-desktop-shell .upper-logo .logo-dark-wordmark { display: none; } .customer-desktop-shell.black-background .upper-logo img:not(.logo-dark-wordmark) { -webkit-clip-path: inset(0 51% 0 0); clip-path: inset(0 51% 0 0); } .customer-desktop-shell.black-background .upper-logo .logo-dark-wordmark { display: block; position: absolute; top: 0; left: 0; -webkit-clip-path: inset(0 0 0 51%); clip-path: inset(0 0 0 51%); -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .customer-desktop-shell .menu-wrapper > .border-dotted > .btn-group { display: block; width: 100%; max-width: 100%; min-width: 0; } .customer-desktop-shell .menu-wrapper > .border-dotted > .btn-group > .dropdown-menu { box-sizing: border-box; min-width: 0; width: 100%; max-width: 100%; left: 0; right: auto; margin-left: 0; padding: 4px 0; } .customer-desktop-shell .menu-wrapper > .border-dotted > .btn-group > .dropdown-menu > li > a { display: block; min-height: 0; height: auto; white-space: normal; overflow-wrap: anywhere; padding: 6px 10px; font-size: 13px; line-height: 1.35; } .customer-desktop-shell .menu-wrapper > .border-dotted > .btn-group > .dropdown-menu > .divider { height: 1px; margin: 2px 0; } .customer-desktop-shell .menu-wrapper .dropdown-toggle { text-decoration: none; } .customer-desktop-shell .menu-wrapper > .border-dotted > .btn-group > .dropdown-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 5px; width: 100% !important; max-width: 100%; min-height: 50px; height: auto !important; padding: 8px !important; font-size: 12px; line-height: 1.4; white-space: normal; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-toggle { width: 100% !important; } .customer-desktop-shell.black-background .customer-desktop-header { background: #171717; border-bottom: 1px solid #315c7b; } .customer-desktop-shell.black-background .border-dotted { border-top: 1px solid #315c7b; border-bottom: 0; } .customer-desktop-shell.black-background .menu-link { color: #9dceef; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-toggle { border: 1px solid #4e8bb8 !important; background: #171717; color: #d6ebfb !important; } .customer-desktop-shell.black-background .enter-exit-wrapper { background: #171717; border-bottom: 1px solid #315c7b; } .customer-desktop-shell.black-background .new-button-help-call { background: #171717; border: 1px solid #4e8bb8; } .customer-desktop-shell.black-background .new-button-help-inquiry, .customer-desktop-shell.black-background .search-button { background: #171717; border: 1px solid #d56c33; } .customer-desktop-shell.black-background .customer-account-tiles { box-shadow: inset 0 0 0 1px #315c7b; } .customer-desktop-shell.black-background .customer-account-tiles .adv-exp-content-sector { background: #212121; color: #ddd; border-color: #315c7b; } .customer-desktop-shell.black-background .customer-account-tiles .adv-exp-content { color: #ff9991; } .customer-desktop-shell.black-background .customer-account-tiles .adv-exp-content-sector[style*="#FFFFAA"] { color: #222; } .customer-desktop-shell.black-background .customer-account-tiles .adv-exp-content-sector[style*="#FFFFAA"] .adv-exp-content { color: #b22222; } .customer-desktop-shell.black-background .customer-account-tiles a { color: #9dceef; } .customer-desktop-shell.black-background .catalog-navigation { border: 1px solid #315c7b; background: #171717; } .customer-desktop-shell.black-background .slider-wrapper, .customer-desktop-shell.black-background .main-slider { border-color: #315c7b; background: #171717; } .customer-desktop-shell.black-background .main-slider a { color: #9dceef; } .customer-desktop-shell.black-background .main-slider .slider-item-title { color: #d6ebfb; } .customer-desktop-shell.black-background .main-slider-left-arrow, .customer-desktop-shell.black-background .main-slider-right-arrow { -webkit-filter: invert(1); filter: invert(1); } .customer-desktop-shell.black-background .footer-wrapper { background: #171717; border-top: 3px solid #4d7c9e; } .customer-desktop-page.customer-page-black { background: #101214; } .customer-desktop-shell.black-background .customer-service-panel .search-wrapper { background: #202124; border-color: #4e8bb8; } .customer-desktop-shell.black-background .customer-service-panel .search-input { background: #202124; color: #f2f2f2; } .customer-desktop-shell.black-background .customer-service-panel .search-input::-webkit-input-placeholder { color: #b9c7d2; } .customer-desktop-shell.black-background .customer-service-panel .search-input::-moz-placeholder { color: #b9c7d2; } .customer-desktop-shell.black-background .customer-service-panel .search-input:-ms-input-placeholder { color: #b9c7d2; } .customer-desktop-shell.black-background .customer-service-panel .search-input::-ms-input-placeholder { color: #b9c7d2; } .customer-desktop-shell.black-background .customer-service-panel .search-input::placeholder { color: #b9c7d2; } .customer-desktop-shell.black-background .search-icon { -webkit-filter: invert(1); filter: invert(1); } .customer-desktop-shell.black-background .item-card-wrapper { background: #202124; border: 2px solid #4d7c9e; border-radius: 10px; box-shadow: 0 3px 12px rgba(0, 0, 0, .2); } .customer-desktop-shell.black-background .upper-item-block-wrapper { background: #202124; border-radius: 8px 8px 0 0; } .customer-desktop-shell.black-background .upper-item-block-wrapper:hover { color: #ddd; } .customer-desktop-shell.black-background .item-name-text-middle-left, .customer-desktop-shell.black-background .item-name-text-middle-right { color: #ddd; } .customer-desktop-shell.black-background .price-wrapper, .customer-desktop-shell.black-background .retail-price-for-wholesaler-off { color: #f2f2f2; } .customer-desktop-shell.black-background .item-card-content .item-name-wrapper a { color: #9dceef; } .customer-desktop-shell.black-background .down-stars-list-block { color: #ddd; } .customer-desktop-shell.black-background .down-item-list-block .svg-inline--fa { color: #9dceef !important; } .customer-desktop-shell.black-background .item-card-content .btn-default { background: #292d32; border-color: #5a7d97; color: #e4edf4; } .customer-desktop-shell.black-background .item-tabs-wrapper { border-top: 1px solid #3d6e92; } .customer-desktop-shell.black-background .item-tab-link.item-tab-link-1 { background: #202124; border: 3px solid #ed845e; box-shadow: none; } .customer-desktop-shell.black-background .item-tab-link.item-tab-link-2 { background: #202124; border: 3px solid #7caacc; box-shadow: none; } .customer-desktop-shell.black-background .item-tabs-content, .customer-desktop-shell.black-background .item-change-wrapper, .customer-desktop-shell.black-background .item-order-wrapper { background: #202124; } .customer-desktop-shell.black-background .item-tab-pane-1 { background: #202124; box-shadow: inset 0 0 0 3px #ed845e; } .customer-desktop-shell.black-background .item-tab-pane-2 { background: #202124; box-shadow: inset 0 0 0 3px #7caacc; } .customer-desktop-shell.black-background .item-tab-pane.item-tab-pane-1:not(:has(> .item-change-wrapper > *)), .customer-desktop-shell.black-background .item-tab-pane.item-tab-pane-2:not(:has(> .item-order-wrapper > *)) { min-height: 0; padding: 0; box-shadow: none; } .customer-desktop-shell.black-background .item-change-tab-counter { color: #ffc1a8; } .customer-desktop-shell.black-background .item-order-tab-title-counter { color: #c5e5fc; } .customer-desktop-shell.black-background .item-photo > em { display: block; background: #292d32; color: #d6ebfb; border-top: 1px solid #5a7d97; } .customer-desktop-shell.black-background .item-card-wrapper .fa-file-image { color: #9dceef !important; } .customer-desktop-shell.black-background .item-change-tab-title, .customer-desktop-shell.black-background .item-change-push-block { color: #ffc1a8; } .customer-desktop-shell.black-background .item-order-tab-title, .customer-desktop-shell.black-background .item-order-push-block { color: #c5e5fc; } .customer-desktop-shell.black-background .item-change-push-block, .customer-desktop-shell.black-background .item-order-push-block { position: relative; padding-right: 20px; background-image: none; color: #f2f2f2; } .customer-desktop-shell.black-background .item-change-push-block::after, .customer-desktop-shell.black-background .item-order-push-block::after { content: ''; position: absolute; right: 8px; top: 3px; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .customer-desktop-shell.black-background .item-change-push-block-close::after, .customer-desktop-shell.black-background .item-order-push-block-close::after { top: 7px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .customer-desktop-shell.black-background .instrumental-cart-wrapper-unsigned { background: #202124; color: #d6ebfb; border: 1px solid #4d7c9e; border-radius: 6px; } .customer-desktop-shell.black-background .instrumental-cart-wrapper-unsigned .cart-item-link-wrapper, .customer-desktop-shell.black-background .instrumental-cart-wrapper-unsigned .cart-items-counter { color: #d6ebfb; } .customer-desktop-shell.black-background .instrumental-cart-wrapper-unsigned .svg-inline--fa { color: #9dceef !important; } .black-background .stock-wrapper, .black-background .stock-wrapper-empty, .black-background .stock-wrapper-waiting { background: transparent; border: 2px solid currentColor; border-radius: 4px; padding-left: 5px; padding-right: 5px; } .black-background .stock-wrapper-waiting { color: #f5ce4c; } .contacts-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; } .contacts-information, .contacts-map { min-width: 0; } .contacts-information > h3 { margin-top: 0; } .contacts-schedule { display: grid; gap: 6px; width: 100%; max-width: 340px; margin: 0 0 18px; } .contacts-schedule-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; } .contacts-schedule-row dt, .contacts-schedule-row dd { margin: 0; font-weight: normal; line-height: 1.5; } .contacts-schedule-row dd { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; font-variant-numeric: tabular-nums; } .contacts-special-date { border-top: 1px solid #899dab; padding-top: 6px; } .contacts-route .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 100%; white-space: normal; } .contacts-route .roll-profile-link { display: block; width: 100%; margin: 5px 0; } .contacts-map #map { width: 100%; height: 420px; border: 1px solid #899dab; border-radius: 6px; overflow: hidden; } .black-background .contacts-map #map, .black-background .contacts-special-date { border-color: #4d7c9e; } @media (min-width: 992px) { .contacts-layout { grid-template-columns: minmax(260px, .85fr) minmax(0, 1.4fr); } } .customer-desktop-shell.black-background .customer-brand-strip { background: #202124; border-bottom: 0; box-shadow: inset 0 -1px #315c7b; } .customer-desktop-shell.black-background .customer-brand-strip .auto-logo { height: 53px; } .customer-desktop-shell.black-background .customer-brand-strip .auto-logo img { max-height: 53px; } .customer-desktop-shell.black-background .customer-brand-strip .auto-logo img { -webkit-filter: drop-shadow(0 0 1px #9aa5af); filter: drop-shadow(0 0 1px #9aa5af); } .customer-desktop-shell.black-background .customer-brand-strip :is(.logo-3, .logo-6, .logo-7, .logo-9) img { -webkit-filter: grayscale(1) invert(1) drop-shadow(0 0 1px #7d8c98); filter: grayscale(1) invert(1) drop-shadow(0 0 1px #7d8c98); } .customer-desktop-shell.black-background .advantages-list-wrapper { background: #202124; border: 1px solid #315c7b; } .customer-desktop-shell.black-background .advantage-text { color: #d6ebfb; } .customer-desktop-shell.black-background .wheel-icon { -webkit-filter: brightness(0) invert(.8); filter: brightness(0) invert(.8); } .sale-heading-icon { color: #b95020; } .black-background .sale-heading-icon { color: #ffa878; } .spare-purchase-controls, .spare-purchase-controls form, .sale-purchase-actions { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; vertical-align: middle; } .spare-purchase-price { white-space: nowrap; } .spare-purchase-controls form { margin: 0; } .spare-purchase-controls .new-m-select-decoration { float: none; margin: 0; } .spare-purchase-controls .btn, .sale-purchase-actions > .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 22px; margin-top: 0 !important; line-height: 1.25; } .sale-purchase-actions { margin-top: 5px; } /* Native scrollbars, including nested application lists and their arrow buttons. */ :is(.black-background, .customer-page-black), html:has(> body.customer-page-black) { scrollbar-color: #5a7d97 #202124; } .black-background .sale-applications-row td > div { color-scheme: dark; } /* Shared customer pagination: retain the renderer's links and geometry. */ .dark-background .pagination { --paging-bg: #d3d3d3; --paging-ink: #235d85; --paging-edge: #899dab; --paging-hover: #e6edf2; --paging-current: #235d85; --paging-current-ink: #fff; --paging-muted: #606970; } .black-background .pagination { --paging-bg: #202124; --paging-ink: #9dceef; --paging-edge: #4d7c9e; --paging-hover: #293b49; --paging-current: #9dceef; --paging-current-ink: #171717; --paging-muted: #9aa5af; } :is(.dark-background, .black-background) .pagination > li > :is(a, span) { background: var(--paging-bg); color: var(--paging-ink); border-color: var(--paging-edge); } :is(.dark-background, .black-background) .pagination > li:not(.active):not(.disabled) > a:is(:hover, :focus-visible) { background: var(--paging-hover); color: var(--paging-ink); border-color: var(--paging-ink); } :is(.dark-background, .black-background) .pagination > .active > :is(a, span) { background: var(--paging-current); color: var(--paging-current-ink); border-color: var(--paging-current); } :is(.dark-background, .black-background) .pagination > .disabled > :is(a, span) { background: var(--paging-bg); color: var(--paging-muted); border-color: var(--paging-edge); } .customer-share-max-outline { display: none; } .customer-contact-icon-outline { display: none; } .customer-desktop-shell.black-background .new-header-phones .customer-contact-icon-filled { display: none; } .customer-desktop-shell.black-background .new-header-phones .customer-contact-icon-outline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 1em; height: 1em; margin-right: .15em; border: 1px solid currentColor; border-radius: 4px; color: #9dceef; vertical-align: middle; } .customer-desktop-shell.black-background .new-header-phones .header-phone-second .customer-contact-icon-outline { color: #81d88b; } .customer-desktop-shell.black-background .new-header-phones .customer-contact-icon-outline .svg-inline--fa { width: .7em; height: .7em; margin: 0; } .spare-availability-badge { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; min-height: 32px; margin: 0; padding: 4px 8px; vertical-align: middle; line-height: 1.25; } .spare-availability-badge > :is(i, svg, .svg-inline--fa) { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 0; vertical-align: middle; } .spare-availability-badge :is(.fa-check-square, .fa-minus-square) { width: 18px; height: 18px; font-size: 18px; line-height: 1; } .spare-availability-badge .fa-info-circle { width: 12px; height: 12px; font-size: 12px; line-height: 1; } .spare-expected-badge { min-height: 32px; padding: 4px 8px; color: #7a5900; line-height: 1.3; } .spare-expected-badge > span { min-width: 0; white-space: normal; } .spare-expected-badge :is(i, svg) { color: inherit !important; } .spare-expected-badge :is(.fa-minus-square, .fa-truck) { width: 18px; height: 18px; } .spare-expected-badge .fa-info-circle { width: 12px; height: 12px; } .black-background .customer-share-block .ya-share2__item { --share-edge: #9dceef; } .black-background .customer-share-block .ya-share2__item_service_vkontakte { --share-edge: #75baff; } .black-background .customer-share-block .ya-share2__item_service_odnoklassniki { --share-edge: #ffae64; } .black-background .customer-share-block .ya-share2__item_service_telegram { --share-edge: #85cff4; } .black-background .customer-share-block .ya-share2__item_service_whatsapp { --share-edge: #81d88b; } .black-background .customer-share-block .ya-share2__badge { background: transparent; box-shadow: inset 0 0 0 1px var(--share-edge); border-radius: 4px; } .black-background .customer-share-block .ya-share2__icon { opacity: .9; } .black-background .customer-share-block .customer-share-max { color: #bcaaff; border: 1px solid currentColor; border-radius: 4px; } .black-background .customer-share-block .customer-share-max img { display: none; } .black-background .customer-share-block .customer-share-max-outline { display: block; width: 22px; height: 22px; padding: 0; } .black-background .customer-share-block :is(.ya-share2__link, .customer-share-max):focus-visible { outline: 2px solid #9dceef; outline-offset: 3px; } .black-background .customer-share-block .ya-share2__link:hover .ya-share2__badge, .black-background .customer-share-block .customer-share-max:hover { background: #293b49; } /* One structural divider per boundary; avoid stacking the menu group's border with the first menu item's border. Keep card/status outlines independent. */ .customer-desktop-shell:is(.dark-background, .black-background) { --shell-divider: 2px; --shell-divider-color: #7898ae; } .customer-desktop-shell.black-background { --shell-divider-color: #6088a3; } .customer-desktop-shell:is(.dark-background, .black-background) .left-content-wrapper { box-sizing: border-box; border-right: var(--shell-divider) solid var(--shell-divider-color); } .customer-desktop-shell:is(.dark-background, .black-background) :is(.upper-logo, .customer-desktop-header) { border-bottom: var(--shell-divider) solid var(--shell-divider-color); } .customer-desktop-shell:is(.dark-background, .black-background) .border-dotted { border-top: var(--shell-divider) solid var(--shell-divider-color); border-bottom: 0; } .customer-desktop-shell:is(.dark-background, .black-background) .menu-links-wrapper.brands-menu { border-top: 0; } .customer-desktop-shell:is(.dark-background, .black-background) .footer-wrapper { border-top: var(--shell-divider) solid var(--shell-divider-color); } .customer-desktop-shell.black-background .customer-brand-strip { box-shadow: inset 0 calc(-1 * var(--shell-divider)) var(--shell-divider-color); } .customer-desktop-shell.black-background > .page-content-wrapper { background-image: -webkit-linear-gradient(left, transparent 158px, var(--shell-divider-color) 158px, var(--shell-divider-color) 160px, transparent 160px); background-image: linear-gradient(to right, transparent 158px, var(--shell-divider-color) 158px, var(--shell-divider-color) 160px, transparent 160px); } /* Reuse the original double-chevron artwork, without the light-theme fill. */ .customer-desktop-shell.black-background .customer-service-panel .search-button { background-image: url(/assets/new-icons/search-button-arrow-ad66424d501dac1231b91045efe8eea369bb051a171ea10b566c4259869426a2.png); background-position: 10px center; background-repeat: no-repeat; padding: 0 8px 0 26px; } .desktop-theme-switcher { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; margin-left: auto; color: #fff; font-size: 12px; } .desktop-theme-label { font-weight: 600; } .desktop-theme-switcher .desktop-theme-choice { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; min-height: 30px; padding: 0; border: 1px solid #b5bdc5; background: #f5f7f9; color: #29465b; font-size: 14px; text-decoration: none; } .desktop-theme-choice .svg-inline--fa { width: 14px; height: 14px; } :is(.black-background, .admin-theme-black) .desktop-theme-switcher .desktop-theme-choice { background: #21252a; color: #c6dfef; border-color: #49728c; } :is(.black-background, .admin-theme-black) .desktop-theme-switcher .desktop-theme-choice.active { background: #263b4c; border-color: #7ab4df; color: #d9efff; } .desktop-theme-switcher .desktop-theme-choice.active { background: #dcecf8; color: #17476b; border-color: #7eb5df; box-shadow: inset 0 0 0 1px #337ab7; } .desktop-theme-choice:focus-visible { outline: 2px solid #7ab4df; outline-offset: 3px; } .service-card { border: 4px solid #0c588f; border-radius: 10px; padding: 20px; background: #ffff99; margin-top: 5px; color: black; } /* Shared dark surfaces. Keep explicit status-colored rows distinct and leave their data, actions and signal icons untouched. */ :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table { --bs-table-color: #e1e7ec; --bs-table-bg: #202124; --bs-table-border-color: #41617b; --bs-table-striped-color: #e1e7ec; --bs-table-striped-bg: #252a30; --bs-table-hover-color: #fff; --bs-table-hover-bg: #293744; color: #e1e7ec; background: #202124; border-color: #41617b; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table th { color: #e5f1fa; background: #273744; border-color: #41617b; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table td { border-color: #41617b; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table a:not(.btn) { color: #9dceef; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr[style*='background-color'] > :is(td, th) { --bs-table-bg: transparent; background: inherit; color: #222; box-shadow: none; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr[style*='background-color'] a:not(.btn) { color: #235d85; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr[style*='; color:'] > :is(td, th) { color: inherit; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) :is(.filter-pane, .filter-pane-admin) { background: #171717; border: 1px solid #4d7c9e; border-radius: 8px; color: #e1e7ec; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) :is(.form-control, .form-select, input[type='text'], input[type='number'], input[type='search'], textarea, select) { background-color: #292d32; color: #e1e7ec; border-color: #5a7d97; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) input::-webkit-input-placeholder { color: #b9c7d2; opacity: 1; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) input::-moz-placeholder { color: #b9c7d2; opacity: 1; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) input:-ms-input-placeholder { color: #b9c7d2; opacity: 1; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) input::-ms-input-placeholder { color: #b9c7d2; opacity: 1; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) input::placeholder { color: #b9c7d2; opacity: 1; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .btn-default { background: #292d32; color: #e1e7ec; border-color: #5a7d97; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .catalog-toolbar-button { background: #242a30; color: #d6ebfb; border-color: #5a7d97; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .catalog-toolbar-button .svg-inline--fa { color: #ef6f40; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu { background: #202124; border: 1px solid #4d7c9e; box-shadow: 0 6px 18px rgba(0,0,0,.25); } .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu > li > a { color: #d6ebfb; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu > li > a:hover, .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu > li > a:focus { background: #2b3d4b; color: #fff; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu .divider { background: #41617b; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu > li[style*='#FFFFAA'] { background: #3a351e !important; box-shadow: inset 3px 0 #d2b64a; } .customer-desktop-shell.black-background .menu-wrapper .dropdown-menu > li[style*='#FFFFAA'] > a { color: #f2e8b1; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .service-card { background: #202124; color: #e1e7ec; border: 2px solid #4d7c9e; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .service-card a { color: #9dceef; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table :is(.part-search-row, .part-search-remote-row) { background: #203238 !important; border-top-color: #41617b !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table .part-search-remote-row { background: #233447 !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:is(.part-search-row, .part-search-remote-row) > td { color: #e1e7ec; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:is(.part-search-row, .part-search-remote-row) a:not(.btn) { color: #9dceef; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) span[style='color:blue'] { color: #7ebeff !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) span[style='color:red'] { color: #ff8a80 !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) span[style='color:green'] { color: #79d68e !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) span[style='color:sienna'] { color: #e4b38e !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) span[style='color:purple'] { color: #d4a0f0 !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) span[style='color:black'] { color: #e1e7ec !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table tr:not([style*='background-color']) :is(svg, i)[style*='color: black'] { color: #c2cdd5 !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .part-search-offer-name { color: #f3b4a4 !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .part-search-photo-placeholder { background: transparent !important; color: #9dceef; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .search-section-heading { background: #263b4c !important; color: #d6eaff !important; border-color: #41617b; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .search-section-analogs { --search-section-accent: #ffa88a; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .search-section-parts { --search-section-accent: #e8c1b5; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .search-section-crosses { --search-section-accent: #e1b3dc; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .search-section-text { --search-section-accent: #8cd5e8; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table .search-section-heading:is(.search-section-analogs, .search-section-parts, .search-section-crosses, .search-section-text) { background: #202124 !important; color: var(--search-section-accent) !important; border: 1px solid var(--search-section-accent); box-shadow: inset 3px 0 var(--search-section-accent); } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .table .search-section-heading .btn { --outline-action: var(--search-section-accent, #9dceef); } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-tabs-content .table tr[style*='background-color: #7caacc'] > td { background: #233447; color: #e1e7ec; --bs-table-bg: #233447; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-tabs-content .table tr[style*='background-color: #f5ce4c'] > td { background: #3a3321; color: #f3d28a; --bs-table-bg: #3a3321; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-tabs-content .table tr:is([style*='background-color: #7caacc'], [style*='background-color: #f5ce4c']) a:not(.btn) { color: #9dceef; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-name-text-down { --part-note-edge: #5a7d97; display: block; box-sizing: border-box; max-width: 100%; height: auto; min-height: 0; margin: 5px 0; padding: 6px 10px; border: 1px solid var(--part-note-edge); border-left-width: 3px; border-radius: 5px; background: #252d34; color: #e1e7ec; line-height: 1.45; overflow-wrap: anywhere; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-name-text-down:has([style*='color: pink']) { --part-note-edge: #e1a5b7; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-name-text-down:has([style*='color: #5cb85c']) { --part-note-edge: #81d991; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-name-text-down .fa-circle { width: .7em; height: .7em; margin-right: 5px; vertical-align: baseline; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .item-name-text-down a { color: #9dceef; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .part-modifications { border: 1px solid #41617b; border-radius: 6px; scrollbar-width: thin; scrollbar-color: #617b8e #202124; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .part-modifications .table { margin-bottom: 0; } :is(.customer-desktop-shell.black-background, .customer-mobile-container.black, body.admin-shell.admin-theme-black) .table .sale-result-row { background: #29312c !important; border-top-color: #5a7d97 !important; } :is(.customer-desktop-shell.black-background, .customer-mobile-container.black, body.admin-shell.admin-theme-black) .table tr.sale-result-row > td { color: #e1e7ec; } :is(.customer-desktop-shell.black-background, .customer-mobile-container.black, body.admin-shell.admin-theme-black) .table tr.sale-result-row a:not(.btn) { color: #9dceef; } :is(.customer-desktop-shell.black-background, .customer-mobile-container.black, body.admin-shell.admin-theme-black) .table .sale-applications-row { border-bottom-color: #41617b !important; } /* A compact, single-surface note as in the original product card. */ .customer-spare-card-comment { margin: 8px 0; padding: 2px 4px; border-radius: 4px; background: #e4e4e4; color: #444; } .black-background .customer-spare-card-comment { background: #292d32; color: #e1e7ec; } .customer-spare-card-comment .item-name-text-down, .customer-desktop-shell.black-background .customer-spare-card-comment .item-name-text-down { display: block; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; line-height: 1.4; min-height: 0; box-shadow: none; } .customer-spare-card-comment .item-name-text-down .fa-circle, .customer-desktop-shell.black-background .customer-spare-card-comment .item-name-text-down .fa-circle { width: .65em; height: .65em; margin-right: 4px; } .customer-related-products { clear: both; margin-top: 12px; padding: 8px 10px; border: 1px solid #9fb6c8; border-radius: 6px; background: #f4f7fa; color: #29465b; font-size: 12px; line-height: 1.4; } .customer-related-products > .customer-related-products-title, #catalog .customer-related-products > .customer-related-products-title { margin: 0 0 6px; padding: 0; color: inherit; font-size: 13px; font-weight: 600; line-height: 1.35; } .customer-related-products-list { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; } .customer-related-products-list > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px 12px; } .customer-related-products-list b { font-weight: 400; } .customer-related-products-list a { overflow-wrap: anywhere; } @media (max-width: 575px) { .customer-related-products-list > li { grid-template-columns: minmax(0, 1fr); gap: 2px; } } .dark-background .customer-related-products { background: transparent; color: #222; border-color: #7898ae; } .black-background .customer-related-products { background: transparent; color: #d6ebfb; border-color: #6088a3; } .black-background .customer-related-products-title { color: #d6ebfb; } .black-background .customer-related-products a { color: #9dceef; } .item-add-to-cart-block:has(> .customer-card-applicability) { position: relative; } .item-use-wrapper.customer-card-applicability { position: absolute; top: calc(100% + 10px); right: 0; left: auto; float: none; z-index: 5; width: 320px; max-width: calc(100vw - 32px); height: auto; max-height: 160px; margin: 0; padding: 10px 12px; overflow: auto; border: 1px solid #899dab; border-radius: 6px; background: #f4f7fa; color: #29465b; font-size: 12px; line-height: 1.5; box-shadow: 0 3px 12px rgba(0, 0, 0, .15); } .dark-background .customer-card-applicability { background: #dedede; color: #222; } .black-background .customer-card-applicability { background: #292d32; color: #e1e7ec; border-color: #6088a3; } .item-use-wrapper.customer-card-applicability-below-icons { left: 0; right: auto; } .down-item-list-block:has(> .customer-card-applicability) { position: relative; } .item-use-wrapper.customer-card-applicability { max-height: min(180px, calc(100dvh - 24px)); -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #6088a3 transparent; overflow-wrap: anywhere; text-align: left; } .item-card-wrapper.customer-applicability-open { z-index: 30; } .item-card-wrapper.customer-applicability-open > .upper-item-block-wrapper { z-index: 30; } .customer-applicability-open .customer-card-applicability { z-index: 40; } .request-wrapper.customer-stock-waiting-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px; width: 100%; } .customer-stock-waiting-actions .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 6px; line-height: 1; } .customer-stock-waiting-actions .btn .svg-inline--fa { width: 26px; height: 26px; margin: 0; } .customer-stock-waiting-actions .btn > .fa-layers { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 26px; height: 26px; margin: 0 !important; line-height: 1; vertical-align: middle; } .customer-stock-waiting-actions .fa-layers > :is(i, .svg-inline--fa) { position: static; inset: auto; margin: 0; font-size: 26px; line-height: 1; -webkit-transform: none; -ms-transform: none; transform: none; vertical-align: middle; } .search-offer-footer, .search-remote-offer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px 16px; } .search-offer-footer { margin-top: 8px; } .search-offer-purchase { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px; margin-left: auto; font-variant-numeric: tabular-nums; } .search-offer-purchase > div, .search-offer-cart, .search-offer-purchase form { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; } .search-offer-price { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 5px; text-align: right; } .search-offer-price strong { white-space: nowrap; font-weight: 600; } .search-offer-store { font-size: .9em; } .delivery-note-button { border: 0; background: transparent; color: inherit; font: inherit; padding: 4px; line-height: 1; cursor: pointer; } .delivery-note-button:focus-visible { outline: 2px solid #4784ad; outline-offset: 2px; } .search-offer-purchase .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 32px; min-height: 32px; margin: 0; padding: 4px 8px; } .search-remote-offer .spare-availability-badge, .search-offer-footer .spare-availability-badge { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 32px; margin: 0; padding: 4px 8px; line-height: 1.25; } .search-offer-purchase .new-m-select-decoration { position: relative; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; width: 48px; height: 32px; margin: 0; background-image: none; } .search-offer-purchase .new-m-select-decoration::after { content: ''; position: absolute; right: 7px; top: 12px; width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; } .search-offer-purchase select[name='qty'] { display: block; width: 48px; height: 32px; min-height: 32px; padding: 0 17px 0 8px; border-radius: 4px; font-size: 14px; line-height: 30px; } .search-offer-purchase, .search-offer-purchase > div, .search-offer-purchase form { gap: 6px; } .search-offer-purchase :is(.btn, select[name='qty']) { box-sizing: border-box; height: 32px; min-height: 32px; vertical-align: middle; } .search-offer-purchase .btn { margin: 0 !important; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .search-offer-purchase > div > span { margin-top: 0 !important; } .customer-desktop-shell .search-offer-purchase .hide-for-big-screen-inline { display: none !important; } .customer-desktop-shell .search-offer-purchase .hide-for-small-screen { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .customer-desktop-shell.black-background .search-offer-applications { scrollbar-width: thin; scrollbar-color: #617b8e #202124; line-height: 1.5; } .customer-desktop-shell.black-background .search-offer-applications-row { border-bottom: 2px solid #41617b !important; } .customer-desktop-shell.black-background .search-load-state { padding: 10px; } :is(.customer-desktop-shell, .customer-mobile-content) select[name='qty'] { border: 1px solid #718493 !important; } :is(.customer-desktop-shell.black-background, .black-background .customer-mobile-content, .customer-mobile-content.black-background) select[name='qty'] { border-color: #8ab3ce !important; } :is(.customer-desktop-shell, .customer-mobile-content) select[name='qty']:focus-visible { outline: 2px solid #4784ad; outline-offset: 2px; } .customer-mobile-content :is(select[name='qty'], select.qty) { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; padding-right: 17px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23253947' stroke-width='1.5'/%3E%3C/svg%3E") !important; background-position: right 5px center !important; background-repeat: no-repeat !important; background-size: 10px 6px !important; } :is(.black-background .customer-mobile-content, .customer-mobile-content.black-background) :is(select[name='qty'], select.qty) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23e1e7ec' stroke-width='1.5'/%3E%3C/svg%3E") !important; } .customer-mobile-content .new-m-select-decoration::after { content: none; } .customer-mobile-content :is(.new-m-select-decoration, .select-decoration-card) { background-image: none; } /* The mobile search page uses the same outlined surfaces as the forms. */ .customer-mobile-content #middle_search_results { min-width: 0; } .customer-mobile-content #middle_search_results .customer-mobile-search-form :is(input, textarea)[name='filter[search_string]'] { font-size: 14px !important; line-height: 1.5; } .customer-mobile-content #middle_search_results .customer-mobile-search-form textarea { min-height: 48px !important; } .customer-mobile-content #middle_search_results > h1 { margin: 16px 0; font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-content #middle_search_results #search_results { table-layout: fixed; width: 100%; } .customer-mobile-content #middle_search_results .search-section-heading { padding: 12px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-content #middle_search_results .search-section-heading.mobile-search-exact { margin: 0 0 12px; padding: 0; border: 0; background: transparent !important; color: inherit !important; text-align: left; } .customer-mobile-content #middle_search_results .part-search-row > td:first-child { width: 72px !important; } .customer-mobile-content #middle_search_results #search_results tr:first-child > th:first-child:not([colspan]) { width: 72px; } .customer-mobile-content #middle_search_results .part-search-row > td:first-child :is(img, svg) { max-width: 100%; height: auto; } .customer-mobile-content #middle_search_results #search_results td { overflow-wrap: anywhere; } .customer-mobile-content #middle_search_results #search_results .mobile-search-card-row > td { padding: 0; border: 0; } .customer-mobile-content #middle_search_results #search_results > tbody > tr:has(> .th-small) { display: none; } .customer-mobile-content #middle_search_results .mobile-search-card-row .customer-mobile-product-card { margin-bottom: 16px; } .black-background .customer-mobile-content #middle_search_results #search_results { --bs-table-bg: #202124; --bs-table-color: #e1e7ec; --bs-table-border-color: #6088a3; color: #e1e7ec; background: #202124; border-color: #6088a3; } .black-background .customer-mobile-content #middle_search_results .search-section-heading { background: #263744 !important; color: #d6ebfb !important; border-color: #6088a3; } .black-background .customer-mobile-content #middle_search_results .part-search-row { background: #203238 !important; border-top: 2px solid #6088a3 !important; } .black-background .customer-mobile-content #middle_search_results .part-search-remote-row { background: #233447 !important; } .black-background .customer-mobile-content #middle_search_results :is(.part-search-row, .part-search-remote-row) > td { --bs-table-bg: transparent; background: inherit; color: #e1e7ec; border-color: #6088a3; box-shadow: none; } .black-background .customer-mobile-content #middle_search_results a:not(.btn) { color: #9dceef; } .black-background .customer-mobile-content #middle_search_results .btn { background: transparent !important; color: #9dceef; border: 1px solid #9dceef; border-radius: 5px; } .black-background .customer-mobile-content #middle_search_results .btn-success { color: #81d991; border-color: #81d991; } .black-background .customer-mobile-content #middle_search_results .btn-warning, .black-background .customer-mobile-content #middle_search_results .spare-expected-badge { color: #e8c56c !important; border-color: #e8c56c; } .black-background .customer-mobile-content #middle_search_results .part-search-photo-placeholder { background: transparent !important; color: #9dceef; } .black-background .customer-mobile-content #middle_search_results .search-offer-applications-row { border-bottom: 2px solid #6088a3 !important; } .black-background .customer-mobile-content #middle_search_results .part-search-offer-name { color: #ffb1a3 !important; } /* Only the outer grouping table becomes a stack; product-card tables stay intact. */ .customer-mobile-content #middle_search_results .mobile-search-groups { display: block; border: 0; background: transparent; } .customer-mobile-content #middle_search_results .mobile-search-groups > tbody { display: block; border: 0; } .customer-mobile-content #middle_search_results .mobile-search-groups > tbody > tr { display: block; border: 0; } .customer-mobile-content #middle_search_results .mobile-search-groups > tbody > tr > :is(th, td) { display: block; box-sizing: border-box; width: 100%; } .customer-mobile-content #middle_search_results .mobile-search-groups .search-section-heading { margin: 16px 0 0; padding: 12px 16px; border: 1px solid var(--search-section-edge, #6088a3); border-left-width: 3px; border-radius: 6px; background: transparent !important; color: inherit !important; box-shadow: none; text-align: left !important; } .customer-mobile-content #middle_search_results .search-section-analogs { --search-section-edge: #dc875f; } .customer-mobile-content #middle_search_results .search-section-parts { --search-section-edge: #ba8b7d; } .customer-mobile-content #middle_search_results .search-section-crosses { --search-section-edge: #aa83c7; } .customer-mobile-content #middle_search_results .search-section-text { --search-section-edge: #539cb1; } .customer-mobile-content #middle_search_results .search-section-heading .plus_button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 32px; min-height: 32px; margin: 4px 0 4px 8px; border: 1px solid var(--search-section-edge); border-radius: 5px; background: transparent !important; color: inherit; vertical-align: middle; } .customer-mobile-content #middle_search_results .mobile-search-groups > :is(#analog-items, #parts-items, #cross-items, #full_text_items) { margin-top: 8px; } /* Desktop uses the same section palette in every customer theme. */ .customer-desktop-shell #middle_search_results .search-section-analogs { --search-section-accent: #b9532e; } .customer-desktop-shell #middle_search_results .search-section-parts { --search-section-accent: #98685b; } .customer-desktop-shell #middle_search_results .search-section-crosses { --search-section-accent: #8c579c; } .customer-desktop-shell #middle_search_results .search-section-text { --search-section-accent: #287b92; } .customer-desktop-shell.black-background #middle_search_results .search-section-analogs { --search-section-accent: #ffa88a; } .customer-desktop-shell.black-background #middle_search_results .search-section-parts { --search-section-accent: #e8c1b5; } .customer-desktop-shell.black-background #middle_search_results .search-section-crosses { --search-section-accent: #d5a9dc; } .customer-desktop-shell.black-background #middle_search_results .search-section-text { --search-section-accent: #8cd5e8; } .customer-desktop-shell #middle_search_results .table .search-section-heading:is(.search-section-analogs, .search-section-parts, .search-section-crosses, .search-section-text) { background: transparent !important; color: var(--search-section-accent) !important; border: 1px solid var(--search-section-accent); box-shadow: inset 3px 0 var(--search-section-accent); } .customer-desktop-shell #middle_search_results .search-section-heading .plus_button { --outline-action: var(--search-section-accent); border: 1px solid var(--search-section-accent) !important; border-radius: 5px; background: transparent !important; color: var(--search-section-accent) !important; } .black-background .customer-mobile-content #middle_search_results .search-section-analogs { --search-section-edge: #ffa88a; } .black-background .customer-mobile-content #middle_search_results .search-section-parts { --search-section-edge: #e8c1b5; } .black-background .customer-mobile-content #middle_search_results .search-section-crosses { --search-section-edge: #d5a9dc; } .black-background .customer-mobile-content #middle_search_results .search-section-text { --search-section-edge: #8cd5e8; } .customer-mobile-content #middle_search_results .mobile-search-section { margin: 16px 0; border: 1px solid var(--search-section-edge); border-left-width: 3px; border-radius: 6px; overflow: hidden; background: #fff; } .customer-mobile-content #middle_search_results .mobile-search-section-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; margin: 0; padding: 10px 12px; border: 0; background: color-mix(in srgb, var(--search-section-edge) 18%, white) !important; color: #253947 !important; text-align: left !important; } .customer-mobile-content #middle_search_results .mobile-search-section-header > span { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .customer-mobile-content #middle_search_results .mobile-search-section-header .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; min-height: 30px; margin: 0; padding: 0; border: 1px solid var(--search-section-edge); border-radius: 5px; background: var(--search-section-edge) !important; color: #14232d !important; font-size: 18px; line-height: 1; cursor: pointer; } .customer-mobile-content #middle_search_results .mobile-search-section-results { width: 100%; margin: 0; border: 0; } .customer-mobile-content #middle_search_results .mobile-search-section-results > tbody > tr > td { padding: 6px; border: 0; } .customer-mobile-content #middle_search_results .mobile-search-section .customer-mobile-product-card .table :is(.mobile-product-main-row, .mobile-product-applications-row, .mobile-product-local-offer, .mobile-product-comment-row) > td { padding-left: 8px; padding-right: 8px; } .customer-mobile-content #middle_search_results .mobile-search-section .customer-mobile-product-card .mobile-product-photo { padding: 8px !important; } .customer-mobile-content #middle_search_results .mobile-search-section .search-offer-purchase, .customer-mobile-content #middle_search_results .mobile-search-section .search-offer-purchase > div, .customer-mobile-content #middle_search_results .mobile-search-section .search-offer-purchase form { gap: 4px; } .customer-mobile-content #middle_search_results .mobile-search-section .customer-mobile-product-card { margin-bottom: 0; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section { background: #202124; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section-header { background: #202124 !important; color: #d6ebfb !important; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section-header .btn { background: transparent !important; color: var(--search-section-edge) !important; } .customer-mobile-content #middle_search_results .mobile-search-section .mobile-search-section-header { display: grid; grid-template-columns: 30px minmax(0, 1fr) 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 1.4; } .customer-mobile-content #middle_search_results .mobile-search-section-header > strong { grid-column: 2; text-align: center; } .customer-mobile-content #middle_search_results .mobile-search-section-header > span { grid-column: 3; justify-self: end; } .dark-background .customer-mobile-search-form :is(input, textarea)[name='filter[search_string]'], .customer-mobile-content.dark-background .customer-mobile-search-form :is(input, textarea)[name='filter[search_string]'] { background: #fff !important; color: #222 !important; border-color: #718493 !important; } .dark-background .customer-mobile-search-form :is(button, input[type='submit']) { background: #286090 !important; color: #fff !important; border: 1px solid #205078; } .customer-mobile-content #middle_search_results .mobile-search-section.search-section-analogs { --search-section-fill: #fbe6dc; } .customer-mobile-content #middle_search_results .mobile-search-section.search-section-parts { --search-section-fill: #f0e3df; } .customer-mobile-content #middle_search_results .mobile-search-section.search-section-crosses { --search-section-fill: #efe3f5; } .customer-mobile-content #middle_search_results .mobile-search-section.search-section-text { --search-section-fill: #dff0f5; } .customer-mobile-content #middle_search_results .mobile-search-section { background-color: #fff !important; border-color: var(--search-section-edge) !important; } .customer-mobile-content #middle_search_results .mobile-search-section .mobile-search-section-header { background: var(--search-section-fill, #e9eef2) !important; } .customer-mobile-content #middle_search_results .mobile-search-section-header .btn { background: var(--search-section-edge) !important; color: #17242c !important; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section { background-color: #202124 !important; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section .mobile-search-section-header { background: #202124 !important; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section-header .btn { background: transparent !important; color: var(--search-section-edge) !important; } .search-expansion-loading { opacity: .45 !important; cursor: wait !important; -webkit-filter: grayscale(.6); filter: grayscale(.6); } .customer-mobile-content #middle_search_results .mobile-search-section-results .search-load-state { position: relative; padding: 12px 50px; border: 0; border-top: 1px solid var(--search-section-edge); background: var(--search-section-fill, #dff0f5) !important; color: #253947 !important; font-size: 14px; line-height: 1.5; text-align: center; box-shadow: none; } .customer-mobile-content #middle_search_results .mobile-search-section-results .search-load-state > span { position: absolute; right: 12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .customer-mobile-content #middle_search_results .mobile-search-section-results .search-load-state .plus_button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; min-height: 30px; margin: 0; padding: 0; border: 1px solid var(--search-section-edge); border-radius: 5px; background: var(--search-section-edge) !important; color: #17242c !important; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section-results .search-load-state { background: #202124 !important; color: #d6ebfb !important; } .black-background .customer-mobile-content #middle_search_results .mobile-search-section-results .search-load-state .plus_button { background: transparent !important; color: var(--search-section-edge) !important; } .customer-mobile-content #middle_search_results .mobile-search-section-results .search-load-complete { padding: 10px 12px; text-align: center; } .customer-mobile-content .customer-mobile-product-card { display: block; float: none; width: 100%; min-width: 0; margin: 0 0 24px; padding: 0; overflow: hidden; border: 1px solid #899dab; border-radius: 8px; background: #fff; color: #29465b; container-type: inline-size; } .customer-mobile-content .customer-mobile-product-card { --mobile-partner-edge: #4a83ad; --mobile-analog-edge: #b96643; --mobile-folded-edge: #899dab; } .black-background .customer-mobile-content .customer-mobile-product-card { --mobile-partner-edge: #7eb5df; --mobile-analog-edge: #f39c7e; --mobile-folded-edge: #41617b; } .customer-mobile-product-card .table .mobile-product-analog-container { padding: 0; background: #f7eeea; } .customer-mobile-content .customer-mobile-product-card.mobile-product-analog-card { margin: 0; border: 0; border-radius: 0; } .black-background .customer-mobile-product-card .table .mobile-product-analog-container { background: #292321; } .black-background .customer-mobile-content .customer-mobile-product-card.mobile-product-analog-card { border-color: #6088a3; } .customer-mobile-product-card .table .mobile-product-analogs-heading > td { border: 1px solid #c78e7b; } .customer-mobile-product-card .table .mobile-product-analogs-heading > td:has([aria-expanded='true']) { border-bottom: 0; } .customer-mobile-product-card .table .mobile-product-analog-panel > tr > .mobile-product-offers-cell { border: 1px solid #c78e7b; border-top: 0; } .customer-mobile-content .catalog-unit-content { --bs-gutter-x: 0; display: block; margin: 0; } .customer-mobile-content .catalog-unit-content > h6 { margin: 0 0 12px; padding: 0; font-size: 14px; font-weight: 500; line-height: 1.5; } .customer-mobile-content .catalog-unit-subsystem-title { margin: 16px 0 8px; font-size: 16px; line-height: 1.5; } .customer-mobile-content .catalog-unit-title { margin: 0 0 24px; font-size: 22px; line-height: 1.35; } .customer-mobile-content .catalog-brand-return { margin: 24px 0; } .customer-mobile-content .catalog-brand-return > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; padding: 10px 16px; border: 1px solid #899dab; border-radius: 6px; background: transparent; color: #29465b; line-height: 1.5; white-space: normal; } :is(.black-background .customer-mobile-content, .customer-mobile-content.black-background) .catalog-brand-return > .btn { border-color: #6088a3; background: transparent; color: #9dceef; } .customer-mobile-content .catalog-popular-parts { margin: 24px 0; } .customer-mobile-content .catalog-popular-parts > h2 { margin: 0 0 16px; font-size: 18px; line-height: 1.4; } .customer-mobile-content .catalog-popular-parts-grid { --bs-gutter-x: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; } .customer-mobile-content .catalog-popular-parts-grid > .catalog_item { float: none; width: auto; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; } .customer-mobile-content .catalog-popular-parts-grid > .catalog_item > a { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #899dab; border-radius: 6px; background: transparent; color: #29465b; font-size: 13px; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; text-align: center; } .black-background .customer-mobile-content .catalog-popular-parts > h2 { color: #9dceef; } .black-background .customer-mobile-content .catalog-popular-parts-grid > .catalog_item > a { border-color: #6088a3; color: #9dceef; } .customer-mobile-content .catalog-popular-parts-grid a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } @media (min-width: 576px) { .customer-mobile-content .catalog-popular-parts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .black-background .customer-mobile-content .catalog-unit-subsystem-title { color: #b9c7d2; } .customer-mobile-product-card > .table { width: 100%; margin: 0; border: 0 !important; table-layout: fixed; } .customer-mobile-product-card .mobile-product-table-heading { display: none; } .customer-mobile-product-card .table td { padding: 12px; vertical-align: top; border-left: 0; border-right: 0; overflow-wrap: anywhere; } .customer-mobile-product-card .table .mobile-product-partner-row > td { padding-top: 6px; padding-bottom: 6px; vertical-align: middle; } .customer-mobile-product-card .mobile-product-partner-row .spare-availability-badge { box-sizing: border-box; width: var(--mobile-partner-stock-width, -webkit-max-content); width: var(--mobile-partner-stock-width, -moz-max-content); width: var(--mobile-partner-stock-width, max-content); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .customer-mobile-product-card .mobile-product-photo { width: 96px !important; padding: 12px !important; } .customer-mobile-product-card .mobile-product-local-offer > td { padding: 12px; } .customer-mobile-product-card .mobile-product-local-offer { background: transparent; } .customer-mobile-product-card .mobile-product-local-offer .spare-purchase-price { font-weight: 700; } .customer-mobile-product-card .mobile-product-photo :is(img, svg) { display: block; max-width: 100%; height: auto; margin: 0 auto; } .customer-mobile-product-card .mobile-product-photo > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; aspect-ratio: 1; overflow: hidden; border: 1px solid #899dab; border-radius: 5px; background: #f4f6f8; isolation: isolate; } .customer-mobile-product-card .mobile-product-photo > a > img { width: 100% !important; height: 100% !important; max-height: none !important; -o-object-fit: contain; object-fit: contain; } .customer-mobile-product-card .mobile-product-photo > .part-search-extra-photos { display: block; margin-top: 6px; color: inherit; font-size: 12px; line-height: 1.4; text-align: center; white-space: nowrap; } .customer-mobile-product-card .part-search-extra-photos > b { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; } .customer-mobile-product-card .mobile-product-photo .part-search-extra-photos :is(svg, img) { display: inline-block; width: 14px; height: 14px; margin: 0; } .customer-mobile-product-card .mobile-product-photo > .part-search-photo-empty { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; aspect-ratio: 1; } .customer-mobile-product-card .part-search-photo-empty > span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .customer-mobile-product-card .part-search-photo-empty .part-search-photo-placeholder { width: 36px; height: 48px; max-width: 70%; max-height: 70%; margin: 0 !important; } .customer-mobile-product-card .mobile-product-description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; min-width: 0; } .customer-mobile-product-card .mobile-product-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 8px; } .customer-mobile-product-card .mobile-product-rating { position: relative; justify-self: end; font-size: 12px; line-height: 16px; white-space: nowrap; } .customer-mobile-product-card .mobile-product-rating .down-stars-list-block { float: none; width: auto; height: auto; margin: 0; padding: 0; } .customer-mobile-product-card .mobile-product-rating :is(i, svg) { width: 12px !important; height: 12px !important; margin: 0 !important; font-size: 12px !important; } .customer-mobile-product-card .mobile-product-reference { font-size: 14px; font-weight: 600; line-height: 1.4; } @container (max-width: 340px) { .customer-mobile-product-card .mobile-product-photo { width: 80px !important; padding: 8px !important; } .customer-mobile-product-card .mobile-product-heading { gap: 4px; } } .customer-mobile-product-card .mobile-product-name { display: block; margin: 0; font-size: 16px; line-height: 1.45; } .customer-mobile-product-card .mobile-product-comment { padding: 6px 8px; border-left: 2px solid #899dab; border-radius: 4px; background: #eef2f5; color: #29465b; font-size: 13px; line-height: 1.4; } .customer-mobile-product-card .mobile-product-comment-row { border: 0; } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-comment-row > td { padding: 0 12px 8px; border: 0; background: transparent; box-shadow: none; } .customer-mobile-product-card .mobile-product-comment .item-name-text-down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 6px; width: auto; min-height: 0; margin: 0; padding: 0; float: none; border: 0; background: transparent; color: inherit; font: inherit; } .customer-mobile-product-card .mobile-product-comment .fa-circle { -webkit-box-flex: 0; -webkit-flex: 0 0 8px; -ms-flex: 0 0 8px; flex: 0 0 8px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: 8px; height: 8px; margin: 0; font-size: 8px; } .customer-mobile-product-card .mobile-product-comment:has([style*='color: pink']) { border-left-color: #e1a5b7; } .customer-mobile-product-card .mobile-product-comment:has([style*='color: #5cb85c']) { border-left-color: #81d991; } .customer-mobile-product-card .mobile-product-new-numbers { font-size: 13px; line-height: 1.4; } .customer-mobile-product-card .search-offer-footer { clear: both; margin-top: 12px; } .customer-mobile-product-card .search-offer-purchase { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } .customer-mobile-product-card .mobile-product-offer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; } .customer-mobile-product-card .mobile-product-offer > .search-offer-purchase { width: 100%; min-width: 0; margin: 0; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .customer-mobile-product-card .mobile-product-local-offer .spare-purchase-controls { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .customer-mobile-product-card .mobile-product-local-offer .spare-purchase-controls > span:last-child { margin-left: auto; } .customer-mobile-product-card .mobile-product-local-offer .spare-purchase-price { white-space: nowrap; } .customer-mobile-product-card .mobile-product-discount { -webkit-box-flex: 0; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; } .customer-mobile-product-card .mobile-product-discount > .btn { width: 32px; height: 32px; padding: 0; } .customer-mobile-product-card .mobile-product-offer > .search-offer-purchase:empty { display: none; } .customer-mobile-product-card .mobile-product-unavailable > .search-offer-purchase { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .customer-mobile-product-card .mobile-product-unavailable > .search-offer-purchase .btn { padding: 4px 6px; font-size: 12px; } .customer-mobile-product-card .mobile-product-unavailable .spare-availability-badge { max-width: 100%; white-space: nowrap; } .customer-mobile-product-card .mobile-product-unavailable .spare-availability-badge > span { min-width: 0; } .customer-mobile-product-card .mobile-product-offer-availability { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .customer-mobile-product-card .mobile-product-name-availability { min-width: 0; } .customer-mobile-product-card .mobile-product-availability-link { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; width: 100%; height: 32px; min-height: 32px; padding: 4px 8px; font-size: clamp(11px, 3vw, 14px); line-height: 1.2; white-space: nowrap; text-align: center; text-decoration: none; } .customer-mobile-product-card .mobile-product-availability-link > .svg-inline--fa { -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; } .customer-mobile-product-card .mobile-product-availability-link:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .customer-mobile-product-card .spare-purchase-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; } .customer-mobile-product-card .hide-for-small-screen { display: none !important; } .customer-mobile-product-card .hide-for-big-screen-inline { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .customer-mobile-product-card .spare-availability-badge { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; margin: 0; white-space: nowrap; } .customer-mobile-product-card .spare-availability-badge > span { min-width: 0; } .customer-mobile-product-card .search-offer-notice:empty { display: none; } .customer-mobile-product-card .mobile-product-rating-row .down-stars-list-block { width: auto; margin: 0; } .customer-mobile-product-card .mobile-product-applicability { line-height: 1.5; } .customer-mobile-product-card .mobile-product-main-row > td { border-bottom: 0; } .customer-mobile-product-card .mobile-product-main-row { border-bottom: 0; } .customer-mobile-product-card .mobile-product-applications-row { border-top: 0; border-bottom: 0; } .customer-mobile-product-card .mobile-product-applications-row > td { padding-top: 0; border-top: 0; border-bottom: 0; } .customer-mobile-product-card .mobile-product-local-offer { border-top: 0; } .customer-mobile-product-card .mobile-product-empty { display: none; } .customer-mobile-product-card :is(.mobile-product-partners-heading, .mobile-product-analogs-heading) td { padding: 10px 12px; font-size: 13px; line-height: 1.5; font-weight: 600; } .customer-mobile-product-card .td-nowrap { white-space: normal; } .customer-mobile-product-card .mobile-product-offers-panel[hidden] { display: none; } .customer-mobile-product-card .table .mobile-product-offers-cell { padding: 0; border: 0; } .mobile-product-offers-content { overflow: hidden; } .mobile-product-offers-content.mobile-product-offers-scroll { overflow-x: hidden; overflow-y: scroll; scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: #6088a3 transparent; } .mobile-product-offers-scroll::-webkit-scrollbar { width: 6px; } .mobile-product-offers-scroll::-webkit-scrollbar-thumb { border-radius: 4px; background: #6088a3; } .mobile-product-scroll-hint { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; min-height: 32px; margin: 0; padding: 0; border: 0; border-top: 1px solid #6088a3; background: #eaf2f8; color: #29465b; font-size: 12px; line-height: 1.4; text-align: center; } .mobile-product-scroll-hint > button { margin: 0; padding: 3px 8px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; } .mobile-product-scroll-hint > .mobile-product-scroll-more { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .mobile-product-scroll-hint > .mobile-product-offers-close { -webkit-box-flex: 0; -webkit-flex: 0 0 36px; -ms-flex: 0 0 36px; flex: 0 0 36px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; min-height: 24px; margin: 3px; border-left: 1px solid currentColor; border-radius: 0 4px 4px 0; font-size: 20px; line-height: 1; opacity: .8; -webkit-transition: background-color .15s, opacity .15s; transition: background-color .15s, opacity .15s; } .mobile-product-scroll-hint > button:hover, .mobile-product-scroll-hint > button:active { background-color: rgba(96, 136, 163, .14); opacity: 1; } .mobile-product-analog-panel .mobile-product-scroll-hint > button:hover, .mobile-product-analog-panel .mobile-product-scroll-hint > button:active { background-color: rgba(222, 126, 94, .14); } .mobile-product-scroll-hint > button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; } .black-background .mobile-product-scroll-hint { background: #263744; color: #d6ebfb; } .mobile-product-analog-panel .mobile-product-scroll-hint { border-top-color: var(--mobile-analog-edge); } .black-background .mobile-product-analog-panel .mobile-product-scroll-hint { background: #382c29; color: #ffb1a3; } .mobile-product-offers-table { width: 100%; margin: 0; border-collapse: collapse; table-layout: fixed; } .customer-mobile-product-card .mobile-product-offers-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; width: 100%; min-height: 32px; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; } .mobile-product-offers-toggle:not(:disabled)::after { content: ''; -webkit-box-flex: 0; -webkit-flex: 0 0 8px; -ms-flex: 0 0 8px; flex: 0 0 8px; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform 240ms ease; transition: -webkit-transform 240ms ease; transition: transform 240ms ease; transition: transform 240ms ease, -webkit-transform 240ms ease; } .mobile-product-offers-toggle[aria-expanded='true']::after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .mobile-product-offers-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .customer-mobile-product-card .search-remote-offer .search-offer-purchase { margin-left: auto; } .customer-mobile-product-card .search-remote-offer { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 6px; font-size: 12px; } .customer-mobile-product-card .search-remote-offer > .popover-info-body-click { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .customer-mobile-product-card .search-remote-offer .spare-availability-badge { padding: 4px; font-size: 12px; } .customer-mobile-product-card .search-remote-offer .search-offer-store { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; min-width: 0; white-space: normal; font-size: 11px; } .customer-mobile-product-card .search-remote-offer .search-offer-purchase { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .customer-mobile-product-card .search-remote-offer .search-offer-price { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; font-size: 12px; } .customer-mobile-product-card .search-remote-offer .new-m-select-decoration { -webkit-flex-basis: 40px; -ms-flex-preferred-size: 40px; flex-basis: 40px; width: 40px; } .customer-mobile-product-card .search-remote-offer select[name='qty'] { width: 40px; padding-left: 4px; } @container (max-width: 300px) { .customer-mobile-product-card .search-remote-offer, .customer-mobile-product-card .search-remote-offer :is(.search-offer-purchase, .search-offer-cart, form) { gap: 4px; } .customer-mobile-product-card .search-remote-offer .new-m-select-decoration { -webkit-flex-basis: 36px; -ms-flex-preferred-size: 36px; flex-basis: 36px; width: 36px; } .customer-mobile-product-card .search-remote-offer select[name='qty'] { width: 36px; } } .black-background .customer-mobile-content .customer-mobile-product-card { background: #202124; color: #e1e7ec; border-color: #6088a3; } .black-background .customer-mobile-product-card .table { --bs-table-bg: #202124; --bs-table-color: #e1e7ec; --bs-table-border-color: #41617b; background: #202124; color: #e1e7ec; } .black-background .customer-mobile-product-card .table td { background: transparent; color: #e1e7ec; border-color: #41617b; } .black-background .customer-mobile-product-card a:not(.btn) { color: #9dceef; } .black-background .customer-mobile-product-card .btn { background: transparent !important; color: #9dceef; border: 1px solid #9dceef; border-radius: 5px; } .black-background .customer-mobile-product-card .btn-success { color: #81d991; border-color: #81d991; } .black-background .customer-mobile-product-card :is(.btn-warning, .spare-expected-badge) { color: #e8c56c !important; border-color: #e8c56c; } .black-background .customer-mobile-product-card .mobile-product-partners-heading > td { background: #263744 !important; color: #d6ebfb; } .black-background .customer-mobile-product-card .mobile-product-analogs-heading > td { background: #382c29 !important; color: #ffb1a3; } .black-background .customer-mobile-product-card .mobile-product-partner-row { background: #233447 !important; } .black-background .customer-mobile-product-card .mobile-product-local-offer { background: #202124; } .black-background .customer-mobile-product-card .mobile-product-analog-row { background: #292d32 !important; } .black-background .customer-mobile-product-card .part-search-photo-placeholder { background: transparent !important; color: #9dceef; } .black-background .customer-mobile-product-card .mobile-product-photo > a { background: #aeb8c0; border-color: #6088a3; } .black-background .customer-mobile-product-card .mobile-product-photo > a > img { mix-blend-mode: multiply; } .black-background .customer-mobile-product-card .mobile-product-comment { background: #292d32; color: #e1e7ec; } .black-background .customer-mobile-product-card .mobile-product-name { color: #e1e7ec; } .black-background .customer-mobile-product-card .search-offer-purchase select[name='qty'] { background-color: #292d32 !important; color: #e1e7ec !important; border-color: #6088a3; color-scheme: dark; } .black-background .customer-mobile-product-card .search-offer-purchase .new-m-select-decoration { color: #e1e7ec; } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-local-offer > td { padding-top: 0; border: 0; } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-partners-heading > td { border: 1px solid var(--mobile-folded-edge); } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-partners-heading > td:has(> [aria-expanded='true']) { border-color: var(--mobile-partner-edge); box-shadow: inset 3px 0 var(--mobile-partner-edge); } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-partner-panel > tr > .mobile-product-offers-cell { border: 1px solid var(--mobile-partner-edge); border-top: 0; } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-analogs-heading > td { border-color: var(--mobile-folded-edge); } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-analogs-heading > td:has(> [aria-expanded='true']) { border-color: var(--mobile-analog-edge); box-shadow: inset 3px 0 var(--mobile-analog-edge); } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-analog-panel > tr > .mobile-product-offers-cell { border-color: var(--mobile-analog-edge); } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-analog-container { border-bottom: 1px solid var(--mobile-analog-edge); } .customer-mobile-content .customer-mobile-product-card .table .mobile-product-analog-row:last-child > .mobile-product-analog-container { border-bottom: 0; } @media (prefers-reduced-motion: reduce) { .mobile-product-offers-toggle::after { -webkit-transition: none; transition: none; } } .customer-mobile-product-card .mobile-product-expected-offer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; margin-top: 8px; } .customer-mobile-product-card .mobile-product-expected-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 6px; min-width: 0; } .customer-mobile-product-card .mobile-product-expected-info .spare-expected-badge { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 5px; width: 100%; max-width: 100%; min-height: 32px; padding: 4px 6px; border: 1px solid #c5a13b; border-radius: 5px; background: #f5ce4c; color: #7a5900; font-size: 12px; line-height: 1.4; white-space: nowrap; } .black-background .customer-mobile-product-card .mobile-product-expected-info .spare-expected-badge { background: transparent; border-color: #e8c56c; color: #e8c56c; } .customer-mobile-product-card .mobile-product-expected-info .spare-expected-badge > :is(i, svg) { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 16px; height: 16px; font-size: 16px; } .customer-mobile-product-card .mobile-product-expected-offer .request-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; width: auto; margin: 0 0 0 auto; } .customer-mobile-product-card .mobile-product-expected-info .spare-expected-badge > span { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere; text-align: left; } .customer-mobile-product-card .mobile-product-expected-info .spare-expected-badge:focus-visible { outline: 2px solid #4784ad; outline-offset: 2px; } .customer-mobile-product-card .mobile-product-expected-offer .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; min-width: 32px; min-height: 32px; margin: 0; padding: 4px 8px; } .customer-mobile-product-card .mobile-product-expected-offer .request-wrapper > .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; width: 32px; height: 32px; padding: 0; line-height: 1; } .customer-mobile-product-card .mobile-product-expected-offer .request-wrapper > .btn :is(i, svg) { display: block; width: 18px; height: 18px; margin: 0; font-size: 18px; } .customer-mobile-product-card .mobile-product-expected-offer .request-wrapper .fa-layers { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 18px; margin: 0 !important; font-size: 18px !important; } .customer-mobile-content :is(.part-modifications-section, .mobile-related-parts, .customer-spare-catalog-links, .customer-spare-model-links) { margin: 24px 0; min-width: 0; } .customer-mobile-content :is(.part-modifications-section, .mobile-related-parts, .customer-spare-catalog-links, .customer-spare-model-links) h2 { margin: 0 0 16px; font-size: 18px; line-height: 1.4; } .black-background .customer-mobile-content :is(.part-modifications-section, .mobile-related-parts, .customer-spare-catalog-links, .customer-spare-model-links) h2 { color: #9dceef; } .customer-mobile-content .part-modifications-section { color: #29465b; } .customer-mobile-content .part-modifications-section .part-modifications { max-height: var(--mobile-modifications-height, 320px) !important; max-width: 100%; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: #6088a3 transparent; font-size: 12px !important; } .customer-mobile-content .part-modifications-section .table { display: block; width: 100%; min-width: 0; margin: 0; border: 0; background: transparent; color: inherit; } .customer-mobile-content .modification-entry { display: block; margin: 0 0 8px; padding: 8px 10px; border: 1px solid #899dab; border-radius: 6px; background: #f6f8fa; } .customer-mobile-content .modification-entry:last-child { margin-bottom: 0; } .customer-mobile-content .modification-entry .modification-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px 8px; border: 0; } .customer-mobile-content .modification-entry td { display: block; width: auto; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; box-shadow: none; line-height: 1.5; } .customer-mobile-content .modification-entry .modification-position { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: left; white-space: nowrap; opacity: .7; } .customer-mobile-content .modification-vehicle { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; font-weight: 600; } .customer-mobile-content .modification-year { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; white-space: nowrap; } .customer-mobile-content .modification-engine { -webkit-box-flex: 1; -webkit-flex: 1 1 110px; -ms-flex: 1 1 110px; flex: 1 1 110px; overflow-wrap: anywhere; } .customer-mobile-content .modification-note-row { display: block; margin-top: 8px; padding-top: 8px; border: 0; border-top: 1px solid #899dab; } .customer-mobile-content .modification-note-row > td { white-space: normal; overflow-wrap: anywhere; } .black-background .customer-mobile-content .part-modifications-section { color: #e1e7ec; } .black-background .customer-mobile-content .modification-entry { background: #202124; border-color: #6088a3; } .black-background .customer-mobile-content .modification-note-row { border-top-color: #41617b; } .customer-mobile-content .customer-spare-links-content > br { display: none; } .customer-mobile-content .customer-spare-links-content > h2 { margin-top: 24px; } .customer-mobile-content :is(.customer-spare-links-content, .customer-spare-catalog-links) .row { --bs-gutter-x: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; } .customer-mobile-content :is(.customer-spare-links-content, .customer-spare-catalog-links) .catalog_item { float: none; width: auto; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; } .customer-mobile-content .customer-spare-links-content > a, .customer-mobile-content :is(.customer-spare-links-content, .customer-spare-catalog-links) .catalog_item > a, .customer-mobile-content .mobile-related-parts #load_all_button { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; margin: 0 0 8px; padding: 10px 12px; border: 1px solid #899dab; border-radius: 6px; background: transparent; color: #29465b; font-size: 14px; line-height: 1.4; text-align: center; white-space: normal; overflow-wrap: anywhere; } .black-background .customer-mobile-content .customer-spare-links-content > a, .black-background .customer-mobile-content :is(.customer-spare-links-content, .customer-spare-catalog-links) .catalog_item > a, .black-background .customer-mobile-content .mobile-related-parts #load_all_button { background: transparent; color: #9dceef; border-color: #6088a3; } .customer-mobile-content .item-card-content > .customer-spare-subsystem-title { margin: 16px 0 8px !important; font-size: 14px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-content .item-card-content > .customer-spare-title { margin: 0 0 16px; font-size: 20px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; } .black-background .customer-mobile-content .customer-spare-subsystem-title { color: #b9c7d2; } .black-background .customer-mobile-content .customer-spare-title { color: #9dceef; } .customer-spare-description { --description-surface: #fff; --description-ink: #253947; --description-muted: #536675; --description-edge: #899dab; --description-link: #24638f; display: grid; gap: 12px; min-width: 0; margin: 16px 0; color: var(--description-ink); } .dark-background .customer-spare-description { --description-surface: #e5e5e5; } :is(.black-background, .customer-page-black) .customer-spare-description { --description-surface: #202124; --description-ink: #e1e7ec; --description-muted: #b9c7d2; --description-edge: #6088a3; --description-link: #9dceef; } .customer-spare-description > section { min-width: 0; padding: 12px; border: 1px solid var(--description-edge); border-radius: 6px; background: var(--description-surface); } .customer-spare-description :is(h2, h3) { margin: 0 0 10px; color: var(--description-link); font-size: 18px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; } .customer-spare-description .customer-spare-description-text p { margin: 0; color: var(--description-ink); font-size: 14px; line-height: 1.6; text-align: left; text-indent: 0; overflow-wrap: anywhere; } .customer-spare-description .customer-spare-search-terms h3 { font-size: 16px; } .customer-spare-description .customer-spare-search-terms ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; } .customer-spare-description .customer-spare-search-terms li { margin: 0; padding: 0; color: var(--description-muted); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } .popover:has(.spare-sales-summary) { max-width: min(960px, calc(100vw - 24px)); } .spare-sales-summary { width: min(900px, calc(100vw - 64px)); max-width: 100%; font-size: 13px; line-height: 1.5; } .spare-sales-summary p { margin: 0 0 10px; } .spare-sales-months { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(66px, 1fr); gap: 6px; margin-bottom: 12px; overflow-x: auto; padding-bottom: 4px; } .spare-sales-months .spare-sold-info { float: none; width: auto; height: auto; min-height: 58px; margin: 0; padding: 6px; border: 1px solid #a5b4bf; border-radius: 5px; text-align: center; } .spare-sales-month-label { white-space: nowrap; font-size: 12px; } .spare-sales-month-quantity { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; } .spare-sales-month-ordered { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 26px; min-height: 26px; margin-left: 6px; padding: 2px 6px !important; border: 1px solid #aa4164; border-radius: 5px; background: #ffe0ea !important; color: #8c2047; font-size: 15px; font-weight: 700; line-height: 1.2; vertical-align: middle; } .spare-sales-summary .spare-sales-dates { margin-bottom: 0; } :is(body.customer-page-black, body.admin-theme-black) .spare-sales-months .spare-sold-info { background: #252d34; color: #e1e7ec; border-color: #5a7d97; } :is(body.customer-page-black, body.admin-theme-black) .spare-sales-months .spare-sales-month-active { background: #243b2d !important; border-color: #81d991; color: #a8e5b3; } :is(body.customer-page-black, body.admin-theme-black, .black-background) .spare-sales-month-ordered { background: #542a3b !important; color: #ffd3e2; border: 1px solid #f294b6; } .admin-availability-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; } .admin-availability-toolbar .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; padding: 5px 8px; font-size: 12px; } .spare-sales-availability:empty { display: none; } .spare-sales-availability { margin-top: 10px; font-size: 12px; line-height: 1.5; } .admin-availability-chart { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 60px; margin-top: 8px; overflow: hidden; } .admin-availability-report details { margin-top: 8px; } .admin-availability-report details p { margin: 6px 0; font-family: monospace; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; } /* One outline layout for existing client/admin filters; no field/action changes. */ :is(.filter-pane, .filter-pane-admin) { --filter-surface: #f4f7fa; --filter-field: #fff; --filter-text: #29465b; --filter-edge: #9fb6c8; --filter-focus: #286b9b; margin: 8px 0 14px; padding: 10px; border: 1px solid var(--filter-edge); border-radius: 8px; background: var(--filter-surface); color: var(--filter-text); } :is(.filter-pane, .filter-pane-admin) form.form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; gap: 8px; } :is(.filter-pane, .filter-pane-admin) .form-group { min-width: 0; margin: 0 !important; } :is(.filter-pane, .filter-pane-admin) .filter-input { margin-bottom: 0; } :is(.filter-pane, .filter-pane-admin) :is(.form-control, .form-select, select, input:not([type='checkbox']):not([type='radio']), .btn) { min-height: 36px; border-radius: 5px; } :is(.filter-pane, .filter-pane-admin) .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 !important; } :is(.filter-pane, .filter-pane-admin) input[id$='_date'] { min-width: 210px; } :is(.filter-pane, .filter-pane-admin) :is(.form-control, .form-select, select, input:not([type='checkbox']):not([type='radio']):not([type='submit']), .select2-selection) { max-width: 100%; background-color: var(--filter-field); color: var(--filter-text); border: 1px solid var(--filter-edge); box-shadow: none; } :is(.filter-pane, .filter-pane-admin) .select2-selection { min-height: 36px; border-radius: 5px; } :is(.filter-pane, .filter-pane-admin) .select2-selection__rendered { color: var(--filter-text); line-height: 34px; } :is(.filter-pane, .filter-pane-admin) .select2-selection__arrow { height: 34px; } :is(.filter-pane, .filter-pane-admin) :is(input, select, textarea, .btn, .select2-selection):focus-visible { outline: 2px solid var(--filter-focus); outline-offset: 2px; } :is(.filter-pane, .filter-pane-admin) .btn-default { background: transparent; color: var(--filter-text); border: 1px solid var(--filter-edge); } :is(.filter-pane, .filter-pane-admin) .btn-default:hover { background: var(--filter-field); border-color: var(--filter-focus); } :is(.dark-background, .admin-theme-dark) :is(.filter-pane, .filter-pane-admin) { --filter-surface: #dedede; --filter-field: #f0f0f0; --filter-text: #222; --filter-edge: #899dab; } :is(.black-background, body.admin-shell.admin-theme-black) :is(.filter-pane, .filter-pane-admin) { --filter-surface: #171717; --filter-field: #292d32; --filter-text: #e1e7ec; --filter-edge: #5a7d97; --filter-focus: #9dceef; } :is(.filter-pane, .filter-pane-admin) input::-webkit-input-placeholder { color: var(--filter-text); opacity: .75; } :is(.filter-pane, .filter-pane-admin) input::-moz-placeholder { color: var(--filter-text); opacity: .75; } :is(.filter-pane, .filter-pane-admin) input:-ms-input-placeholder { color: var(--filter-text); opacity: .75; } :is(.filter-pane, .filter-pane-admin) input::-ms-input-placeholder { color: var(--filter-text); opacity: .75; } :is(.filter-pane, .filter-pane-admin) input::placeholder { color: var(--filter-text); opacity: .75; } @media (max-width: 575px) { :is(.filter-pane, .filter-pane-admin) { padding: 8px; } :is(.filter-pane, .filter-pane-admin) :is(.form-control, .form-select, select, input:not([type='checkbox']):not([type='radio']), .btn) { min-height: 44px; } :is(.filter-pane, .filter-pane-admin) .form-group { max-width: 100%; } :is(.filter-pane, .filter-pane-admin) .select2-selection { min-height: 44px; } :is(.filter-pane, .filter-pane-admin) .select2-selection__rendered { line-height: 42px; } :is(.filter-pane, .filter-pane-admin) .select2-selection__arrow { height: 42px; } } .filter-pane.sales-filter-pane, :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) .filter-pane.sales-filter-pane { border: 0; border-radius: 0; padding: 0; background: transparent; } .sales-filter-pane form.form-inline { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .sales-filter-pane .form-group, .sales-filter-pane .form-group > div { min-width: 0; width: 100%; } .sales-filter-pane .form-group :is(.form-control, .form-select) { display: block; width: 100%; max-width: none; } .sales-filter-pane :is(input, select) { width: 100%; height: 100%; } .mobile-filter-panel[hidden] { display: none !important; } .mobile-filter-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; width: 100%; min-width: 0; margin: 0 0 14px; } .mobile-filter-heading > :is(h1, h2, h3, h4, legend, .mobile-filter-heading-label) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0 !important; font-size: clamp(20px, 4.5vw, 28px); line-height: 1.35; overflow-wrap: anywhere; } .mobile-heading-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; margin-left: auto; } .mobile-filter-heading :is(.mobile-filter-toggle, .mobile-heading-add), .admin-mobile-shell .mobile-filter-heading :is(.mobile-filter-toggle, .mobile-heading-add) { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 44px; -ms-flex: 0 0 44px; flex: 0 0 44px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px !important; height: 44px !important; min-height: 44px; margin: 0 !important; padding: 0 !important; border: 1px solid #718493 !important; border-radius: 5px !important; background: transparent !important; color: #24638f !important; font-size: 14px !important; line-height: 1; box-shadow: none; } :is(.mobile-filter-toggle, .mobile-heading-add) > svg { width: 20px; height: 20px; color: inherit !important; } :is(.black-background, .admin-theme-black, .customer-page-black) :is(.mobile-filter-toggle, .mobile-heading-add) { color: #9dceef !important; border-color: #6088a3 !important; } .mobile-heading-actions-replaced[hidden] { display: none !important; } .mobile-filter-toggle[aria-expanded='true'] { box-shadow: inset 0 -3px currentColor; } :is(.mobile-filter-toggle, .mobile-heading-add):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } @media (max-width: 575px) { .sales-filter-pane form.form-inline { grid-template-columns: minmax(0, 1fr) auto; } .sales-filter-pane .spare_spare_info { grid-column: 1 / -1; } } .customer-mobile-content .customer-orders-filters { margin: 12px 0 16px; padding: 12px; } .customer-mobile-content .customer-orders-filter-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; width: 100%; margin: 0; padding: 0; } .customer-orders-filter-form .customer-order-filter-wide { grid-column: 1 / -1; } .customer-mobile-content .customer-orders-filter-form .form-group { float: none; width: 100%; min-width: 0; margin: 0; padding: 0; } .customer-mobile-content .customer-orders-filter-form :is(input:not([type='hidden']), select, .btn) { box-sizing: border-box; display: block; width: 100%; min-width: 0; max-width: 100%; height: 44px; min-height: 44px; margin: 0; padding: 8px 10px; border: 1px solid var(--filter-edge); border-radius: 5px; background: var(--filter-field); color: var(--filter-text); font-size: 14px !important; line-height: 1.4; } .customer-mobile-content .customer-orders-filter-form .customer-orders-filter-submit { grid-column: 1 / -1; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; padding: 8px 6px; background: transparent; white-space: nowrap; } .customer-orders-filter-submit :is(i, svg) { -webkit-box-flex: 0; -webkit-flex: 0 0 16px; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 16px; font-size: 16px; } /* Callback presentation only: keep field names, validation and phone mask intact. */ .callback-request-form { --callback-surface: #fff; --callback-heading: #edf4fa; --callback-field: #fff; --callback-text: #29465b; --callback-muted: #536675; --callback-edge: #9fb6c8; --callback-focus: #286b9b; } .dark-background .callback-request-form { --callback-surface: #dedede; --callback-heading: #d1d8dd; --callback-field: #f0f0f0; --callback-text: #222; --callback-muted: #4e5f6c; --callback-edge: #899dab; } :is(.black-background, body.customer-page-black) .callback-request-form { --callback-surface: #202124; --callback-heading: #263744; --callback-field: #292d32; --callback-text: #e1e7ec; --callback-muted: #b9c7d2; --callback-edge: #5a7d97; --callback-focus: #9dceef; } .callback-request-form .panel { overflow: hidden; margin-bottom: 18px; border: 1px solid var(--callback-edge); border-radius: 8px; background: var(--callback-surface); color: var(--callback-text); box-shadow: none; } .callback-request-form .panel > .panel-heading { padding: 12px 16px; border-bottom: 1px solid var(--callback-edge); background: var(--callback-heading); color: var(--callback-text); line-height: 1.5; } .callback-request-form .panel > .panel-body { padding: 16px; background: var(--callback-surface); color: var(--callback-text); } .callback-request-form .control-label { color: var(--callback-text); line-height: 1.5; } .callback-request-form .form-control { min-height: 40px; background: var(--callback-field); border: 1px solid var(--callback-edge); border-radius: 5px; color: var(--callback-text); box-shadow: none; } .callback-request-form textarea.form-control { min-height: 90px; resize: vertical; } .callback-request-form .form-control::-webkit-input-placeholder { color: var(--callback-muted); opacity: 1; } .callback-request-form .form-control::-moz-placeholder { color: var(--callback-muted); opacity: 1; } .callback-request-form .form-control:-ms-input-placeholder { color: var(--callback-muted); opacity: 1; } .callback-request-form .form-control::-ms-input-placeholder { color: var(--callback-muted); opacity: 1; } .callback-request-form .form-control::placeholder { color: var(--callback-muted); opacity: 1; } .callback-request-form .form-control:focus { border-color: var(--callback-focus); outline: 2px solid var(--callback-focus); outline-offset: 2px; box-shadow: none; } .callback-request-form .callback-required-hint { margin-top: 12px; color: var(--callback-muted); text-align: right; font-size: .9em; } .callback-request-form .help-block { color: var(--callback-muted); } .callback-request-form .has-error :is(.control-label, .help-block) { color: #b33232; } :is(.black-background, body.customer-page-black) .callback-request-form .has-error :is(.control-label, .help-block) { color: #ffaba5; } .callback-request-form abbr[title] { text-decoration: none; } .callback-request-form .actions .btn { min-height: 40px; padding: 8px 20px; } .callback-request-form .panel-footer { padding: 16px; border-top: 1px solid var(--callback-edge); background: var(--callback-surface); } :is(.black-background, body.customer-page-black) .callback-request-form :is(.actions, .panel-footer) .btn { background: transparent !important; color: #9dceef !important; border: 1px solid #9dceef !important; border-radius: 6px; box-shadow: none; } .customer-mobile-content .callback-request-form .panel { margin-bottom: var(--mobile-section-gap, 24px); } .customer-mobile-content .callback-request-form .panel-body > .form-group { margin: 0 0 var(--mobile-control-gap, 16px); } .customer-mobile-content .callback-request-form .panel-body > .form-group:last-child { margin-bottom: 0; } .customer-mobile-content .callback-request-form > .panel:last-child { margin-bottom: 0; } .customer-mobile-content .callback-request-form { margin-bottom: 0; } .customer-mobile-content .callback-request-form .panel-body > .form-group > [class*='col-'] { width: 100%; padding: 0; float: none; } .customer-mobile-content .callback-request-form .control-label { display: block; margin-bottom: 8px; padding: 0; text-align: left; } .customer-mobile-content .callback-request-form .form-control { min-height: 48px !important; padding: 10px 12px; } .customer-mobile-content .callback-request-form textarea.form-control { min-height: 112px !important; } .customer-mobile-content .callback-request-form .panel-footer .btn { width: 100%; min-height: 48px; padding: 10px 12px; } :is(.black-background, body.customer-page-black) .callback-request-form .form-control { background: var(--callback-field) !important; color: var(--callback-text); } @media (min-width: 768px) { .callback-request-form .panel-body > .form-group { display: grid; grid-template-columns: minmax(150px, 23%) minmax(0, 1fr); -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 12px; margin: 0 0 12px; } .callback-request-form .panel-body > .form-group > * { float: none; width: 100%; min-width: 0; padding-left: 0; padding-right: 0; } .callback-request-form .control-label { padding-top: 9px; text-align: left; } } @media (max-width: 767px) { .callback-request-form .panel > .panel-body { padding: 12px; } .callback-request-form .form-control, .callback-request-form .actions .btn { min-height: 44px; } } /* Shared password/phone/code login card, based on the original password form. */ .otp-login { --otp-surface: #fff; --otp-heading: #d9edf7; --otp-heading-text: #31708f; --otp-field: #fff; --otp-text: #333; --otp-muted: #536675; --otp-edge: #ccc; --otp-focus: #86b7fe; --otp-focus-ring: rgba(13, 110, 253, .25); width: min(600px, 100%); margin: 100px auto; } body.customer-page-dark .otp-login { --otp-surface: #dedede; --otp-heading: #d1d8dd; --otp-heading-text: #29465b; --otp-field: #f0f0f0; --otp-text: #222; --otp-muted: #4e5f6c; --otp-edge: #899dab; } body.customer-page-black .otp-login { --otp-surface: #202124; --otp-heading: #263744; --otp-heading-text: #e1e7ec; --otp-field: #292d32; --otp-text: #e1e7ec; --otp-muted: #b9c7d2; --otp-edge: #5a7d97; --otp-focus: #9dceef; --otp-focus-ring: rgba(157, 206, 239, .25); } .otp-login .panel { overflow: hidden; border: 1px solid var(--otp-edge); border-radius: 4px; background: var(--otp-surface); color: var(--otp-text); box-shadow: none; } .otp-login .panel > .panel-heading, .otp-login .panel > .panel-footer { padding: 10px 15px; background: var(--otp-heading); color: var(--otp-text); line-height: 1.5; overflow-wrap: anywhere; } .otp-login .panel > .panel-heading { border-bottom: 1px solid var(--otp-edge); color: var(--otp-heading-text); } .otp-login .panel > .panel-footer { border-top: 1px solid var(--otp-edge); background: #f5f5f5; } body:is(.customer-page-dark, .customer-page-black) .otp-login .panel > .panel-footer { background: var(--otp-heading); } .otp-login .panel > .panel-body { padding: 15px; background: var(--otp-surface); color: var(--otp-text); } .otp-login form { margin: 0; display: flow-root; } .otp-login .form-group { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 16px; margin: 0 0 18px; } .otp-login .form-group > * { float: none; width: 100%; min-width: 0; padding: 0; } .otp-login .control-label { padding-top: 7px; text-align: left; color: var(--otp-text); } .otp-login .form-control { min-height: 34px; background: var(--otp-field); color: var(--otp-text); border: 1px solid var(--otp-edge); border-radius: 4px; box-shadow: none; } .otp-login .form-control::-webkit-input-placeholder { color: var(--otp-muted); opacity: 1; } .otp-login .form-control::-moz-placeholder { color: var(--otp-muted); opacity: 1; } .otp-login .form-control:-ms-input-placeholder { color: var(--otp-muted); opacity: 1; } .otp-login .form-control::-ms-input-placeholder { color: var(--otp-muted); opacity: 1; } .otp-login .form-control::placeholder { color: var(--otp-muted); opacity: 1; } .otp-login .form-control:focus { border-color: var(--otp-focus); outline: 0; box-shadow: 0 0 0 4px var(--otp-focus-ring); } .otp-login .form-check-input { float: none; width: 20px; height: 20px; margin: 10px 0 0; border-color: var(--otp-edge); background-color: var(--otp-field); } .otp-login .form-check-input:checked { background-color: var(--otp-focus); border-color: var(--otp-focus); } .otp-login .form-check-input:focus-visible { outline: 2px solid var(--otp-focus); outline-offset: 3px; } .otp-login .help-block { color: var(--otp-muted); } .otp-login .has-error :is(.control-label, .help-block) { color: #b33232; } body.customer-page-black .otp-login .has-error :is(.control-label, .help-block) { color: #ffaba5; } .otp-login .otp-captcha { display: flow-root; clear: both; margin: 0 0 12px calc(25% + 12px); } .otp-login .otp-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; clear: both; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-left: calc(25% + 12px); } .otp-login .btn { min-height: 34px; padding: 6px 12px; margin: 0; white-space: normal; font-size: inherit; } .otp-login .btn-default { background: var(--otp-field); color: var(--otp-text); border-color: var(--otp-edge); } body.customer-page-black .otp-login .btn { background: transparent; color: var(--otp-focus); border: 1px solid var(--otp-focus); } body.customer-page-black .otp-login .btn:hover { background: var(--otp-heading); } @media (max-width: 640px) { .otp-login { margin: 16px auto; } .otp-login .panel > .panel-body { padding: 16px 12px; } .otp-login .panel > .panel-heading, .otp-login .panel > .panel-footer { padding: 12px; } .otp-login .form-group { grid-template-columns: minmax(0, 1fr); gap: 6px; } .otp-login .control-label { padding-top: 0; } .otp-login .form-check-input { margin-top: 0; } .otp-login .otp-captcha, .otp-login .otp-actions { margin-left: 0; } .otp-login .form-control, .otp-login .btn { min-height: 44px; } .otp-login .otp-actions .btn, .otp-login .panel-footer .btn { width: 100%; } } /* Layout fixes apply to both themes; values and checkout event targets stay intact. */ .customer-checkout-form .radio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin: 0 0 12px; padding: 0; min-height: 24px; } .customer-checkout-form .radio > label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; min-width: 0; margin: 0; padding: 0; line-height: 1.5; font-weight: normal; } .customer-checkout-form .radio input[type='radio'] { position: static; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 18px; height: 18px; margin: 3px 0 0; accent-color: #5aa5d9; } .customer-desktop-shell .cart-product-photo { display: block; max-width: 100%; height: auto; border: 1px solid #adbcc8; border-radius: 5px; padding: 3px; background: #fff; } .customer-desktop-shell.black-background .cart-product-photo { border-color: #5a7d97; } .cart-product-photo-frame { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; border-radius: 5px; overflow: hidden; isolation: isolate; } .cart-photo-link { cursor: -webkit-zoom-in; cursor: zoom-in; } .cart-photo-link:focus-visible { outline: 2px solid #9dceef; outline-offset: 3px; } .black-background .cart-product-photo-frame { background: #aeb8c0; } .customer-desktop-shell.black-background .cart-product-photo-frame .cart-product-photo { background: transparent; mix-blend-mode: multiply; } .cart-delivery-status { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; width: 112px; max-width: 100%; min-height: 32px; padding: 3px 6px; border: 1px solid currentColor; border-radius: 4px; line-height: 1.4; text-align: center; } .cart-delivery-instock { color: #26783b; white-space: nowrap; } .cart-delivery-prepaid { color: #8c5b00; } .black-background .cart-delivery-instock { color: #81d991; } .black-background .cart-delivery-prepaid { color: #e8c56c; } .cart-delivery-status .svg-inline--fa { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .cart-table .cart-item > td, #cart-content-wrapper .cart-table .cart-item > td { vertical-align: top; } .cart-delivery-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; } .cart-delivery-cell { width: 128px; min-width: 128px; } .cart-quantity-cell .select-decoration-card { float: none; box-sizing: border-box; width: 48px; height: 32px; margin: 0; padding: 0; overflow: hidden; border: 1px solid #adbcc8; border-radius: 4px; background: #fff; } .cart-quantity-cell .item-number-select { width: 100%; height: 100%; } .cart-quantity-cell .item-number-select select { display: block; box-sizing: border-box; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .black-background .cart-quantity-cell .select-decoration-card { background: #292d32; border-color: #6088a3; } .black-background .cart-quantity-cell .item-number-select select { background: transparent; color: #e1e7ec; } .cart-quantity-cell .select-decoration-card:focus-within { outline: 2px solid #9dceef; outline-offset: 2px; } .cart-line-amount, .cart-item-description { margin: 0; line-height: 1.5; } .cart-remove-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; padding: 4px; border: 1px solid currentColor; border-radius: 4px; background: transparent; color: #24638f; line-height: 1; } .cart-remove-action .svg-inline--fa { width: 20px; height: 20px; } .black-background .cart-remove-action { color: #9dceef; } .black-background .cart-remove-action:hover { color: #ff9e94; } .cart-remove-action:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .cart-items-wrapper .cart-table { margin-bottom: 0; } .cart-summary-row > td { padding: 16px 8px; vertical-align: middle; } .cart-summary-row .cart-sale-info-wrapper { float: none; font-size: 11px; line-height: 1.5; } .cart-summary-row .cart-offer-sum-price { padding: 0; line-height: 1.3; } .cart-sale-symbol { display: inline-block; margin: 0 3px; color: #b95020; } .black-background .cart-sale-symbol { color: #ffa878; } .cart-legend-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 0 16px; -ms-flex: 0 0 16px; flex: 0 0 16px; } .cart-legend-prepaid .cart-legend-icon { color: #8c5b00; } .cart-legend-instock .cart-legend-icon { color: #26783b; } .black-background .cart-legend-prepaid .cart-legend-icon { color: #e8c56c; } .black-background .cart-legend-instock .cart-legend-icon { color: #81d991; } .cart-items-wrapper + br { display: none; } #cart-content-wrapper > #customer_form { margin-top: 20px; } .cart-authorization-panel { --cart-auth-body: #add8e6; --cart-auth-heading: #d9edf7; --cart-auth-text: #29465b; --cart-auth-edge: #9fb6c8; --cart-auth-field: #fff; --cart-auth-link: #24638f; border: 1px solid var(--cart-auth-edge); border-radius: 6px; overflow: hidden; color: var(--cart-auth-text); } .dark-background .cart-authorization-panel { --cart-auth-body: #dedede; --cart-auth-heading: #d1d8dd; --cart-auth-text: #222; --cart-auth-edge: #899dab; --cart-auth-field: #f0f0f0; } .black-background .cart-authorization-panel { --cart-auth-body: #202124; --cart-auth-heading: #263744; --cart-auth-text: #e1e7ec; --cart-auth-edge: #6088a3; --cart-auth-field: #292d32; --cart-auth-link: #9dceef; } .cart-authorization-panel > .panel-heading { padding: 12px 14px; background: var(--cart-auth-heading); color: var(--cart-auth-text); border-bottom: 1px solid var(--cart-auth-edge); font-size: 14px; font-weight: 600; line-height: 1.5; } .cart-authorization-panel > .panel-body { background: var(--cart-auth-body); color: var(--cart-auth-text); } .cart-authorization-panel :is(.control-label, abbr, .help-block) { color: inherit; } .cart-authorization-panel .form-control { background: var(--cart-auth-field); color: var(--cart-auth-text); border-color: var(--cart-auth-edge); } .black-background .cart-authorization-panel .contact-method-btn { background: transparent !important; color: #b9c7d2 !important; border: 1px solid var(--cart-auth-edge) !important; } .black-background .cart-authorization-panel .contact-method-btn:is(.active-method, :has(input:checked)) { color: var(--cart-auth-link) !important; border-color: var(--cart-auth-link) !important; } .black-background .cart-authorization-panel .contact-method-btn span { color: inherit !important; } .customer-desktop-shell.black-background :is(.cart-main-title, .cart-sale-info-wrapper) { color: #b9c7d2; } .customer-desktop-shell.black-background .cart-offer-sum-price { color: #e1e7ec; } .customer-desktop-shell.black-background .order-title-block { background: #263744; color: #e1e7ec; border-color: #5a7d97; } .customer-desktop-shell.black-background .cart-items-wrapper { border-color: #5a7d97; } .customer-desktop-shell.black-background .customer-checkout-form legend { background: #263744; color: #d6ebfb; padding: 8px 12px; border: 1px solid #5a7d97; border-radius: 5px; line-height: 1.5; } .customer-desktop-shell.black-background .customer-checkout-form legend span[style*='color: red'] { color: #ff9e94 !important; } .customer-desktop-shell.black-background .customer-checkout-form :is(.help-block, .hint) { color: #b9c7d2; } .customer-desktop-shell.black-background .customer-checkout-form :is(.important-text-blue, #delivery_option_comment, #payment_option_comment, #transport_company_comment) { background: #202b34; color: #d6ebfb; border: 1px solid #5a7d97; border-radius: 6px; } .customer-checkout-form .method-item { gap: 8px; padding: 8px; height: auto; min-height: 50px; } .customer-checkout-form .contact-method-name { font-size: 14px; font-weight: 500; } .customer-checkout-form .method-item:focus-within { outline: 2px solid #9dceef; outline-offset: 3px; } .customer-checkout-form .hidden-logic-check { display: block !important; position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; overflow: hidden; -webkit-clip-path: inset(50%); clip-path: inset(50%); } .customer-desktop-shell.black-background .customer-checkout-form .method-item { background: transparent !important; color: #b9c7d2 !important; border: 2px solid #5a7d97 !important; } .customer-desktop-shell.black-background .customer-checkout-form .method-item.active-method { background: transparent !important; color: #d6ebfb !important; border-color: #9dceef !important; } .customer-desktop-shell.black-background .customer-checkout-form .method-item.active-method::after { content: '\2713'; color: #81d991; font-size: 16px; } .customer-desktop-shell.black-background .customer-checkout-form .method-item .icon-img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: .8; } .customer-desktop-shell.black-background .customer-checkout-form .select2-selection { min-height: 40px; background: #292d32; border-color: #5a7d97; border-radius: 5px; } .customer-desktop-shell.black-background .customer-checkout-form .select2-selection__rendered { color: #e1e7ec; line-height: 38px; } .customer-desktop-shell.black-background .customer-checkout-form .select2-selection__arrow { height: 38px; } .customer-desktop-shell.black-background .customer-checkout-form #tcLink a { color: #9dceef; } body.customer-page-black .select2-dropdown { background: #202124; color: #e1e7ec; border-color: #5a7d97; } body.customer-page-black .select2-dropdown .select2-search__field { background: #292d32; color: #e1e7ec; border-color: #5a7d97; } body.customer-page-black .select2-results__option--selected { background: #293744; color: #e1e7ec; } body.customer-page-black .select2-results__option--highlighted[aria-selected] { background: #315c7b; color: #fff; } body.customer-page-black .select2-results__option[aria-disabled='true'] { color: #aab7c2; } .customer-checkout-form .checkout-transport-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px 14px; } .customer-checkout-form #transport_company_select { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -ms-flex: 1 1 280px; flex: 1 1 280px; min-width: 0; max-width: 100%; } .customer-checkout-form #transport_company_select :is(select, .select2-container) { width: 100% !important; max-width: 100%; } .customer-checkout-form #transport_company_select .select2-selection--single { height: auto; min-height: 40px; } .customer-checkout-form #transport_company_select .select2-selection__rendered { white-space: normal; text-overflow: clip; line-height: 1.4; padding: 8px 28px 8px 12px; } .customer-checkout-form #transport_company_select .select2-selection__arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .customer-checkout-form #tcLink.checkout-transport-link { -webkit-box-flex: 0; -webkit-flex: 0 1 280px; -ms-flex: 0 1 280px; flex: 0 1 280px; min-width: 0; max-width: 100%; line-height: 1.5; } .customer-checkout-form #tcLink.checkout-transport-link a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid currentColor; border-radius: 5px; text-decoration: none; } .customer-checkout-form #tcLink:empty { display: none; } .customer-checkout-form .checkout-recipient-options { margin-bottom: 20px; row-gap: 12px; } .customer-checkout-form .checkout-recipient-option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; font-weight: normal; line-height: 1.5; cursor: pointer; } .customer-checkout-form .checkout-recipient-option input[type='checkbox'] { position: static; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: #5aa5d9; } .customer-checkout-form .checkout-recipient-hint { display: block; margin-top: 4px; font-size: 12px; } .customer-desktop-shell.black-background .checkout-recipient-hint { color: #b9c7d2; } .customer-checkout-form .checkout-error-summary { margin: 0 0 24px; padding: 12px 16px; border: 1px solid #ba4c4c; border-radius: 6px; background: #fbe9e9; color: #8b2929; font-size: 14px; line-height: 1.5; } .customer-checkout-form .checkout-error-summary ul { margin: 8px 0 0; padding-left: 20px; } .customer-checkout-form .has-error :is(input, textarea, select, .select2-selection) { border-color: #ba4c4c !important; box-shadow: 0 0 0 1px #ba4c4c; } .customer-checkout-form .has-error :is(.control-label, span.help-block) { color: #a12e2e !important; } .black-background .customer-checkout-form .checkout-error-summary { border-color: #ff9e94; background: #38282b; color: #ffb1a3; } .black-background .customer-checkout-form .has-error :is(input, textarea, select, .select2-selection) { border-color: #ff9e94 !important; box-shadow: 0 0 0 1px #ff9e94; } .black-background .customer-checkout-form .has-error :is(.control-label, span.help-block) { color: #ffb1a3 !important; } .customer-desktop-shell .customer-checkout-form > fieldset { box-sizing: border-box; min-width: 0; margin: 0 0 24px; padding: 12px; border: 2px solid #899dab; border-radius: 8px; } .customer-desktop-shell.black-background .customer-checkout-form > fieldset { border-color: #6088a3; } .customer-mobile-content .customer-checkout-form > fieldset:not(.checkout-section) { box-sizing: border-box; padding: 12px; border: 2px solid var(--checkout-edge, #899dab); border-radius: 8px; } .customer-checkout-form { --checkout-block-heading: #d5eaf5; } :is(.dark-background, .customer-page-dark) .customer-checkout-form { --checkout-block-heading: #bed3e0; } :is(.black-background, .customer-page-black) .customer-checkout-form { --checkout-block-heading: #263c4a; } .customer-desktop-shell .customer-checkout-form > fieldset, .customer-mobile-content .customer-checkout-form > fieldset { display: flow-root; } .customer-desktop-shell .customer-checkout-form > fieldset > legend, .customer-mobile-content .customer-checkout-form > fieldset > legend { display: block; float: left; box-sizing: border-box; width: calc(100% + 24px); max-width: none; margin: -12px -12px 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--checkout-edge, #899dab); border-radius: 6px 6px 0 0; background: var(--checkout-block-heading) !important; color: var(--checkout-link, #24638f); font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-checkout-form > fieldset > legend + * { clear: both; } .customer-checkout-form .checkout-subsection { display: flow-root; box-sizing: border-box; min-width: 0; margin: 16px 0; padding: 12px; border: 2px solid var(--checkout-edge, #899dab); border-radius: 8px; } .customer-checkout-form .checkout-subsection > legend { display: block; float: left; box-sizing: border-box; width: calc(100% + 24px); max-width: none; margin: -12px -12px 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--checkout-edge, #899dab); border-radius: 6px 6px 0 0; background: var(--checkout-block-heading) !important; color: var(--checkout-link, #24638f); font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-checkout-form .checkout-subsection > legend + * { clear: both; } .customer-checkout-form .checkout-client-keywords { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px 10px; margin-top: 8px; color: inherit; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; } .customer-checkout-form .checkout-client-keywords-label { font-weight: 600; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .btn:is(.prepayment-icon, .reservation-icon) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; min-width: 24px; min-height: 24px; max-width: 24px; margin: 0; padding: 3px !important; border: 1px solid currentColor !important; border-radius: 4px; background: transparent !important; color: #8c5b00 !important; font-size: 14px !important; line-height: 1; vertical-align: middle; cursor: default; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .btn:is(.prepayment-icon, .reservation-icon) :is(i, svg) { width: 16px; height: 16px; font-size: 16px !important; } :is(.black-background, .customer-page-black, .admin-theme-black) .btn.prepayment-icon { color: #e8c56c !important; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .btn.reservation-icon { color: #26763d !important; } :is(.black-background, .customer-page-black, .admin-theme-black) .btn.reservation-icon { color: #81d991 !important; } .cart-delivery-status:is(.cart-delivery-prepaid, .cart-delivery-instock) { width: auto; border: 0; padding: 0; gap: 6px; background: transparent; } .cart-legend-icon:has(.btn-xs) { -webkit-box-flex: 0; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; } .customer-mobile-cart .mobile-cart-legend :is(.cart-legend-prepaid, .cart-legend-instock):has(.btn-xs) { width: 24px; } .cart-delivery-legend { display: grid; gap: 8px; margin: 0; padding: 8px 0 0; list-style: none; font-size: 12px; line-height: 1.5; } .cart-delivery-legend > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .cart-delivery-legend > li > .cart-legend-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; } .cart-delivery-legend > li > span:last-child { min-width: 0; padding: 0; } .customer-mobile-order .mobile-order-section .btn.btn-xs:is(.prepayment-icon, .reservation-icon) { -webkit-box-flex: 0; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; min-height: 24px !important; margin: 0 !important; padding: 3px !important; border-color: currentColor !important; } .customer-mobile-order .mobile-order-section .btn.btn-xs:is(.prepayment-icon, .reservation-icon) :is(i, svg) { width: 16px; height: 16px; font-size: 16px !important; } .customer-mobile-order .mobile-order-section .btn.btn-xs.prepayment-icon { color: #8c5b00 !important; } .customer-mobile-order .mobile-order-section .btn.btn-xs.reservation-icon { color: #26763d !important; } :is(.black-background, .customer-page-black) .customer-mobile-order .mobile-order-section .btn.btn-xs.prepayment-icon { color: #e8c56c !important; } :is(.black-background, .customer-page-black) .customer-mobile-order .mobile-order-section .btn.btn-xs.reservation-icon { color: #81d991 !important; } .customer-desktop-shell .order-products-section .btn.btn-xs.prepayment-icon { color: #8c5b00 !important; border-color: currentColor !important; } .customer-desktop-shell .order-products-section .btn.btn-xs.reservation-icon { color: #26763d !important; border-color: currentColor !important; } .customer-desktop-shell.black-background .order-products-section .btn.btn-xs.prepayment-icon { color: #e8c56c !important; } .customer-desktop-shell.black-background .order-products-section .btn.btn-xs.reservation-icon { color: #81d991 !important; } .checkout-products-table { width: 100%; table-layout: auto; } .checkout-products-table .checkout-column-position { width: 36px; } .checkout-products-table .checkout-column-delivery { width: 112px; } .checkout-products-table .checkout-column-quantity { width: 48px; } .checkout-products-table .checkout-column-money { width: 100px; } .checkout-products-table .checkout-column-discount { width: 86px; } :is(.customer-desktop-shell, .admin-shell) .checkout-products-table :is(th, .checkout-product-row > td) { padding: 8px 6px; vertical-align: middle; line-height: 1.4; } :is(.customer-desktop-shell, .admin-shell) .checkout-products-table tr:has(> th) > th { padding: 6px 4px; font-size: 13px; line-height: 1.2; white-space: nowrap; } :is(.customer-desktop-shell, .admin-shell) .checkout-products-table :is(tr:has(> th) > th, .checkout-product-row > td):is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(7)) { text-align: center; } :is(.customer-desktop-shell, .admin-shell) .checkout-products-table :is(tr:has(> th) > th, .checkout-product-row > td):nth-child(2) { text-align: left; white-space: normal; overflow-wrap: anywhere; } :is(.customer-desktop-shell, .admin-shell) .checkout-products-table :is(tr:has(> th) > th, .checkout-product-row > td):is(:nth-child(5), :nth-child(6), :nth-child(8)) { text-align: right; white-space: nowrap; } :is(.customer-desktop-shell, .admin-shell) .checkout-products-table td.summary { text-align: right; vertical-align: middle; white-space: nowrap; } /* Delivery is one main group; recipient/address are quiet subdivisions. */ :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) > fieldset.checkout-delivery-section { --delivery-edge: var(--checkout-edge, var(--admin-edge, #899dab)); --delivery-link: var(--checkout-link, var(--admin-link, #24638f)); background: color-mix(in srgb, var(--checkout-block-heading) 16%, var(--checkout-surface, var(--admin-surface, #fff))); } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .checkout-delivery-section .checkout-subsection { display: flow-root; min-width: 0; margin: 16px 0 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .checkout-delivery-section .checkout-subsection > legend { display: block; float: left; box-sizing: border-box; width: 100%; max-width: 100%; margin: 0 0 10px; padding: 4px 0 8px; border: 0; border-bottom: 1px solid var(--delivery-edge); border-radius: 0; background: transparent !important; color: var(--delivery-link); font-size: 15px; font-weight: 600; line-height: 1.4; } :is(.customer-checkout-form, .admin-checkout-form) { --contact-edge: var(--checkout-edge, var(--admin-edge, #899dab)); --contact-link: var(--checkout-link, var(--admin-link, #24638f)); --contact-surface: var(--checkout-field, var(--admin-surface, #fff)); --contact-selected: #c2d5e5; } :is(.dark-background, .customer-page-dark, .admin-theme-dark) :is(.customer-checkout-form, .admin-checkout-form) { --contact-selected: #b5c7d5; } :is(.black-background, .customer-page-black, .admin-theme-black) :is(.customer-checkout-form, .admin-checkout-form) { --contact-surface: #202124; --contact-selected: #263744; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .methods-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .methods-container .method-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 1 44px; -ms-flex: 1 1 44px; flex: 1 1 44px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 6px; border: 1px solid var(--contact-edge) !important; border-radius: 5px; background: var(--contact-surface) !important; color: var(--contact-link) !important; font-size: 14px; line-height: 1.4; -webkit-transition: border-color .15s ease, background-color .15s ease; transition: border-color .15s ease, background-color .15s ease; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .methods-container .method-item:has(input:checked) { border: 2px solid var(--contact-link) !important; background: var(--contact-selected) !important; box-shadow: inset 0 0 0 1px var(--contact-link); } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .methods-container .method-item :is(i, svg, img) { width: 24px; height: 24px; margin: 0 !important; -webkit-filter: none !important; filter: none !important; opacity: 1; -o-object-fit: contain; object-fit: contain; font-size: 24px; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) .methods-container .method-item::after { display: none !important; content: none !important; } :is(.black-background, .customer-page-black, .admin-theme-black) :is(.customer-checkout-form, .admin-checkout-form) .methods-container .method-item:has(input[type='checkbox']) img { -webkit-filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) :is(.customer-checkout-form, .admin-checkout-form) :is(#submit, .checkout-complete-action) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; padding: 8px 14px; border: 1px solid #286090 !important; border-radius: 5px; background: #286090 !important; color: #fff !important; font-size: 14px; line-height: 1.4; } :is(.black-background, .customer-page-black, .admin-theme-black) :is(.customer-checkout-form, .admin-checkout-form) :is(#submit, .checkout-complete-action) { border-color: var(--contact-link) !important; background: transparent !important; color: var(--contact-link) !important; } .customer-stale-order { --stale-surface: #fff; --stale-panel: #d5eaf5; --stale-ink: #253947; --stale-edge: #899dab; --stale-link: #24638f; box-sizing: border-box; max-width: 720px; margin: 20px auto; padding: 20px; border: 2px solid var(--stale-edge); border-radius: 8px; background: var(--stale-surface); color: var(--stale-ink); } :is(.dark-background, .customer-page-dark, .admin-theme-dark) .customer-stale-order { --stale-surface: #e5e5e5; --stale-panel: #bed3e0; --stale-ink: #222; } :is(.black-background, .customer-page-black, .admin-theme-black) .customer-stale-order { --stale-surface: #202124; --stale-panel: #263c4a; --stale-ink: #e1e7ec; --stale-edge: #6088a3; --stale-link: #9dceef; } .customer-stale-order h1 { margin: 0 0 12px; color: var(--stale-link); font-size: 22px; line-height: 1.3; } .customer-stale-order :is(.stale-order-reason, .stale-order-description) { margin: 0 0 12px; padding: 0; color: var(--stale-ink); font-size: 14px; line-height: 1.5; text-align: left; text-indent: 0; } .customer-stale-order .stale-order-reason { padding: 10px 12px; border-left: 3px solid var(--stale-link); border-radius: 5px; background: var(--stale-panel); font-weight: 600; } .customer-stale-order .stale-order-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 16px; } .customer-stale-order .stale-order-actions .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; margin: 0; padding: 7px 12px; border: 1px solid var(--stale-edge); border-radius: 5px; background: transparent; color: var(--stale-link); font-size: 14px; line-height: 20px; white-space: normal; } .customer-stale-order .stale-order-actions .btn-primary { border-color: #286090; background: #286090; color: #fff; } :is(.black-background, .customer-page-black, .admin-theme-black) .customer-stale-order .stale-order-actions .btn-primary { border-color: var(--stale-link); background: transparent; color: var(--stale-link); } .customer-stale-order a:focus-visible { outline: 2px solid var(--stale-link); outline-offset: 2px; } @media (max-width: 575px) { .customer-stale-order { margin: 12px 0; padding: 16px; } .customer-stale-order .stale-order-actions .btn { width: 100%; min-height: 40px; } } .customer-return-terms-dialog { --terms-surface: #fff; --terms-panel: #d5eaf5; --terms-ink: #253947; --terms-edge: #899dab; --terms-link: #24638f; } :is(.dark-background, .customer-page-dark, .admin-theme-dark) .customer-return-terms-dialog { --terms-surface: #e5e5e5; --terms-panel: #bed3e0; --terms-ink: #222; } :is(.black-background, .customer-page-black, .admin-theme-black) .customer-return-terms-dialog { --terms-surface: #202124; --terms-panel: #263c4a; --terms-ink: #e1e7ec; --terms-edge: #6088a3; --terms-link: #9dceef; } .customer-return-terms-dialog .modal-dialog { width: calc(100% - 24px); max-width: 760px; margin: 16px auto; } .customer-return-terms-dialog .modal-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: calc(100dvh - 32px); overflow: hidden; border: 1px solid var(--terms-edge); border-radius: 8px; background: var(--terms-surface) !important; color: var(--terms-ink) !important; } .customer-return-terms-dialog .modal-header { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 12px 48px 12px 16px; border-bottom: 1px solid var(--terms-edge); background: var(--terms-panel); } .customer-return-terms-dialog .modal-header h2 { margin: 0; color: var(--terms-link); font-size: 18px !important; line-height: 1.35; } .customer-return-terms-dialog .modal-header .close { position: absolute; top: 8px; right: 8px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--terms-edge); border-radius: 5px; background: transparent; color: var(--terms-link); opacity: 1; font-size: 24px; line-height: 1; } .customer-return-terms-dialog .modal-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0 !important; padding: 14px 16px; overflow-y: auto; overscroll-behavior-y: contain; background: var(--terms-surface); color: var(--terms-ink); font-size: 14px !important; line-height: 1.5; overflow-wrap: anywhere; } .customer-return-terms-dialog .refund-terms-content :is(p, div, li, ul, ol, span, table, td) { color: inherit; font-size: 14px !important; line-height: 1.5; text-indent: 0; text-align: left; } .customer-return-terms-dialog .refund-terms-content :is(p, div) { margin: 0 0 10px; padding: 0; } .customer-return-terms-dialog .refund-terms-content :is(ul, ol) { margin: 0 0 12px; padding-left: 22px; } .customer-return-terms-dialog .refund-terms-content li { margin-bottom: 5px; padding: 0; } .customer-return-terms-dialog .refund-terms-content h1 { margin: 0 0 12px; color: var(--terms-link); font-size: 18px !important; line-height: 1.35; } .customer-return-terms-dialog .refund-terms-content :is(h2, h3, h4) { margin: 16px 0 8px; color: var(--terms-link); font-size: 15px !important; line-height: 1.4; } .customer-return-terms-dialog .modal-footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 8px; margin: 0; padding: 10px 16px; border-top: 1px solid var(--terms-edge); background: var(--terms-surface); } .customer-return-terms-dialog .return-terms-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .customer-return-terms-dialog .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; width: auto !important; margin: 0 !important; padding: 7px 12px; border: 1px solid var(--terms-edge); border-radius: 5px; background: transparent !important; color: var(--terms-link) !important; font-size: 14px !important; line-height: 20px; white-space: normal; } .customer-return-terms-dialog .btn-primary { border-color: #286090; background: #286090 !important; color: #fff !important; } :is(.black-background, .customer-page-black, .admin-theme-black) .customer-return-terms-dialog .btn-primary { border-color: var(--terms-link); background: transparent !important; color: var(--terms-link) !important; } .customer-return-terms-dialog :is(a, button):focus-visible { outline: 2px solid var(--terms-link); outline-offset: 2px; } @media (max-width: 575px) { .customer-return-terms-dialog .return-terms-actions .btn { width: 100% !important; } } .customer-mobile-content .mobile-cart-title { margin: 16px 0; font-size: 22px; line-height: 1.3; } .customer-mobile-content .customer-mobile-cart { float: none; width: 100%; margin: 0; padding: 0; color: #253947; font-size: 16px; } .customer-mobile-cart .mobile-cart-table { display: block; width: 100%; margin: 0; border: 0; background: transparent; color: inherit; --bs-table-color: inherit; --bs-table-bg: transparent; } .customer-mobile-cart .mobile-cart-table > tbody.cart-item { display: block; margin: 0 0 16px; padding: 12px; border: 1px solid #899dab; border-radius: 8px; background: #fff; } .customer-mobile-cart .cart-item > tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; border: 0; } .customer-mobile-cart .cart-item > tr > td { display: block; width: auto !important; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; box-shadow: none; vertical-align: middle; } .customer-mobile-cart .mobile-cart-status-row > td:first-child, .customer-mobile-cart .mobile-cart-status-row > td:last-child { -webkit-box-flex: 0; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; } .customer-mobile-cart .mobile-cart-status-row > td:nth-child(2) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .customer-mobile-cart .cart-delivery-status { box-sizing: border-box; width: auto; min-height: 32px; max-width: 100%; font-size: 13px; } .customer-mobile-cart .mobile-cart-select, .customer-mobile-cart .mobile-cart-status-row > td:last-child > a, .customer-mobile-cart .mobile-cart-status-row button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 32px !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #899dab !important; border-radius: 5px; background: #eef2f5 !important; color: #29465b !important; line-height: 1; } .customer-mobile-cart .mobile-cart-select.is-selected { background: #e3f3e5 !important; border-color: #5e9d6e !important; color: #26783b !important; } .customer-mobile-cart .mobile-cart-status-row :is(i, svg) { width: 16px; height: 16px; margin: 0; font-size: 16px !important; } .customer-mobile-cart .mobile-cart-status-row .cart-delivery-status { gap: 6px; } .customer-mobile-cart .mobile-cart-description-row { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 12px; } .customer-mobile-cart .mobile-cart-description-row > td:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; } .customer-mobile-cart .mobile-cart-description-row > td:first-child > div { width: 64px !important; } .customer-mobile-cart .mobile-cart-description-row > td:last-child { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-cart .mobile-cart-description-row strong { display: block; font-size: 14px; line-height: 1.5; } .customer-mobile-cart .mobile-cart-description-row > td:last-child > a { display: block; font-size: 14px; font-weight: 600; line-height: 1.5; } .customer-mobile-cart .mobile-cart-photo-empty { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 64px; height: 64px; border: 1px solid #899dab; border-radius: 5px; background: #eef2f5; color: #617b8e; } .customer-mobile-cart .mobile-cart-photo-empty :is(i, svg) { width: 24px; height: 24px; font-size: 24px; } .customer-mobile-cart .mobile-cart-description-row img { display: block; box-sizing: border-box; width: 64px !important; height: 64px; -o-object-fit: contain; object-fit: contain; border: 1px solid #899dab !important; border-radius: 5px; background: #f4f6f8; } .customer-mobile-cart .mobile-cart-description-row button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 64px !important; height: 64px; min-height: 0 !important; padding: 0; border: 1px solid #899dab !important; border-radius: 5px; background: #eef2f5 !important; color: #617b8e !important; } .customer-mobile-cart .mobile-cart-description-row button :is(i, svg) { width: 24px; height: 24px; font-size: 24px !important; } .customer-mobile-cart .mobile-cart-price-row { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 12px; } .customer-mobile-cart .mobile-cart-price-row > td:last-child { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .customer-mobile-cart .mobile-cart-price-row .top-right-actions { float: none; margin: 0; font-size: 14px; line-height: 1.5 !important; overflow-wrap: anywhere; } .customer-mobile-cart .select-decoration-card { box-sizing: border-box; width: 52px; height: 32px !important; margin: 0; padding: 0; border: 0; background: none; } .customer-mobile-cart .item-number-select-mobile { width: 52px; height: 32px; background: none; } .customer-mobile-cart select.qty { box-sizing: border-box; width: 52px; height: 32px; margin: 0; padding: 0 4px; border: 1px solid #718493 !important; border-radius: 5px; background: #fff; color: #253947; font-size: 14px; line-height: normal; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .customer-mobile-cart .mobile-cart-summary-row, .customer-mobile-cart .mobile-cart-table > tbody:not(.cart-item) { display: block; border: 0; } .customer-mobile-cart .mobile-cart-summary-row > td { display: block; padding: 12px; border: 1px solid #899dab; border-radius: 6px; background: #edf2f6; } .customer-mobile-cart #cart-offer-sum-price { float: none; margin: 0; padding: 0; color: inherit !important; font-size: 20px; line-height: 1.4; text-align: right; } .customer-mobile-cart .mobile-cart-legend { margin: 16px 0 24px; font-size: 12px; line-height: 1.8; } .customer-mobile-cart .mobile-cart-legend img { width: 18px; height: auto; } .customer-mobile-content .mobile-cart-checkout { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid #286090; border-radius: 6px; background: #286090; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.4; text-align: center; } .black-background .customer-mobile-content .mobile-cart-checkout { border-color: #9dceef; background: transparent; color: #9dceef; } .customer-mobile-content .mobile-cart-checkout:focus-visible { outline: 2px solid #6088a3; outline-offset: 3px; } .black-background .customer-mobile-content .customer-mobile-cart { color: #e1e7ec; } .black-background .customer-mobile-content .mobile-cart-title { color: #9dceef; } .black-background .customer-mobile-cart .mobile-cart-table > tbody.cart-item { border-color: #6088a3; background: #202124; } .black-background .customer-mobile-cart a:not(.btn) { color: #9dceef; } .black-background .customer-mobile-cart .mobile-cart-select, .black-background .customer-mobile-cart .mobile-cart-status-row > td:last-child > a, .black-background .customer-mobile-cart .mobile-cart-status-row button { background: transparent !important; border-color: #6088a3 !important; color: #9dceef !important; } .black-background .customer-mobile-cart .mobile-cart-select.is-selected { border-color: #81d991 !important; color: #81d991 !important; } .black-background .customer-mobile-cart select.qty { background: #292d32; color: #e1e7ec; border-color: #6088a3 !important; color-scheme: dark; } .black-background .customer-mobile-cart .mobile-cart-summary-row > td { background: #263744; border-color: #6088a3; } .black-background .customer-mobile-cart .mobile-cart-photo-empty, .customer-page-black .customer-mobile-cart .mobile-cart-photo-empty { background: #292d32; color: #9dceef; border-color: #6088a3; } .black-background .customer-mobile-cart .mobile-cart-description-row button, .customer-page-black .customer-mobile-cart .mobile-cart-description-row button { background: #292d32 !important; color: #9dceef !important; border-color: #6088a3 !important; } .dark-background .customer-mobile-cart .mobile-cart-photo-empty { background: #e5e5e5; color: #50687a; } .black-background .customer-mobile-cart .mobile-cart-description-row img, .customer-page-black .customer-mobile-cart .mobile-cart-description-row img { border-color: #6088a3 !important; background: #292d32; } .dark-background .customer-mobile-cart .mobile-cart-description-row img { background: #e5e5e5; } .customer-mobile-content #customer_form .cart-authorization-panel { margin: 24px 0 0; font-size: 14px; } .customer-mobile-content #customer_form .cart-authorization-panel > .panel-heading { padding: 12px 16px; font-size: 16px; line-height: 1.4; text-transform: none; } .customer-mobile-content #customer_form .cart-authorization-panel > .panel-body { padding: 16px; } .customer-mobile-content #customer_form .cart-authorization-panel .form-group { display: block; margin: 0 0 16px; } .customer-mobile-content #customer_form .cart-authorization-panel .form-group > [class*='col-'] { float: none; width: 100%; margin-left: 0; padding: 0; } .customer-mobile-content #customer_form .cart-authorization-panel .control-label { display: block; margin: 0 0 6px; padding: 0; font-size: 14px; line-height: 1.5; text-align: left; } .customer-mobile-content #customer_form .cart-authorization-panel .form-control { box-sizing: border-box; width: 100%; min-height: 44px; height: auto; padding: 10px 12px; font-size: 16px !important; line-height: 1.4; } .customer-mobile-content #customer_form .cart-authorization-panel .form-control::-webkit-input-placeholder { color: #617180; opacity: 1; } .customer-mobile-content #customer_form .cart-authorization-panel .form-control::-moz-placeholder { color: #617180; opacity: 1; } .customer-mobile-content #customer_form .cart-authorization-panel .form-control:-ms-input-placeholder { color: #617180; opacity: 1; } .customer-mobile-content #customer_form .cart-authorization-panel .form-control::-ms-input-placeholder { color: #617180; opacity: 1; } .customer-mobile-content #customer_form .cart-authorization-panel .form-control::placeholder { color: #617180; opacity: 1; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .form-control::-webkit-input-placeholder { color: #aab8c5; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .form-control::-moz-placeholder { color: #aab8c5; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .form-control:-ms-input-placeholder { color: #aab8c5; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .form-control::-ms-input-placeholder { color: #aab8c5; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .form-control::placeholder { color: #aab8c5; } .customer-mobile-content #customer_form #verification-block b { display: block; margin-bottom: 8px; font-size: 14px !important; line-height: 1.5 !important; } .customer-mobile-content #customer_form .cart-authorization-panel .contact-method-btn { min-height: 40px !important; border-width: 1px !important; border-radius: 5px; font-size: 14px !important; } .customer-mobile-content #customer_form .cart-authorization-panel input[type='submit'] { min-height: 40px; padding: 8px 12px; font-size: 16px !important; } .customer-mobile-content #customer_form .cart-authorization-panel #recaptcha_wrapper { clear: both; font-size: 12px; line-height: 1.5; } .customer-mobile-content #customer_form .cart-authorization-panel #recaptcha_wrapper::after { content: ''; display: block; clear: both; } .customer-mobile-content #customer_form .cart-authorization-panel #recaptcha_wrapper > div { float: none; width: 100%; margin: 0 !important; padding: 0; } .customer-mobile-content #customer_form .cart-authorization-panel .panel-footer { clear: both; padding: 0 16px 16px; border: 0; background: var(--cart-auth-body); } .customer-mobile-content #customer_form .cart-authorization-panel .panel-footer :is(button, input[type='submit']) { box-sizing: border-box; display: block; width: 100%; min-height: 40px; height: 40px; margin: 0; padding: 8px 12px; border-width: 1px; border-radius: 5px; font-size: 16px !important; line-height: 1.4; } .customer-mobile-content #customer_form .cart-authorization-panel .contact-methods { gap: 8px !important; margin: 0 0 16px !important; } .customer-mobile-content #customer_form .cart-authorization-panel .contact-method-btn { margin: 0; padding: 8px 12px; border: 1px solid #899dab !important; background: #fff !important; color: #29465b !important; box-shadow: none; } .customer-mobile-content #customer_form .cart-authorization-panel .contact-method-btn.active-method { border-color: #286090 !important; background: #dff0f5 !important; color: #205078 !important; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .contact-method-btn { border-color: #6088a3 !important; background: transparent !important; color: #b9c7d2 !important; } .black-background .customer-mobile-content #customer_form .cart-authorization-panel .contact-method-btn.active-method { border-color: #9dceef !important; background: #263744 !important; color: #9dceef !important; } .customer-mobile-content:has(#cart-content-wrapper) { min-height: 0; padding-bottom: 0; } .customer-mobile-content:has(#cart-content-wrapper) + .customer-mobile-footer { margin-top: 24px; } .customer-mobile-content #customer_form #guest_form { margin-bottom: 0; } .customer-mobile-content #customer_form .cart-authorization-panel { margin-bottom: 0; } .customer-mobile-cart .mobile-cart-legend .cart-legend-prepaid { color: #8c5b00; } .customer-mobile-cart .mobile-cart-legend .cart-legend-instock { color: #26783b; } .customer-mobile-cart .mobile-cart-legend .mobile-cart-legend-sale { color: #b95020; } .black-background .customer-mobile-cart .mobile-cart-legend .cart-legend-prepaid { color: #e8c56c; } .black-background .customer-mobile-cart .mobile-cart-legend .cart-legend-instock { color: #81d991; } .black-background .customer-mobile-cart .mobile-cart-legend .mobile-cart-legend-sale { color: #ffa878; } .customer-mobile-cart .mobile-cart-legend :is(.cart-legend-prepaid, .cart-legend-instock, .mobile-cart-legend-sale) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 18px; margin-right: 4px; } .customer-mobile-cart .mobile-cart-legend :is(i, svg) { color: inherit !important; font-size: 14px; } .customer-mobile-cart .mobile-cart-legend .fa-cc-visa { color: #8c5b00 !important; } .customer-mobile-cart .mobile-cart-legend .fa-check { color: #26783b !important; } .customer-mobile-cart .mobile-cart-legend .fa-tags { color: #b95020 !important; } .black-background .customer-mobile-cart .mobile-cart-legend .fa-cc-visa { color: #e8c56c !important; } .black-background .customer-mobile-cart .mobile-cart-legend .fa-check { color: #81d991 !important; } .black-background .customer-mobile-cart .mobile-cart-legend .fa-tags { color: #ffa878 !important; } .customer-mobile-content .customer-checkout-title { margin: 0 0 16px; font-size: 22px; line-height: 1.35; } .customer-mobile-content .customer-checkout-form { --checkout-surface: #fff; --checkout-heading: #edf2f6; --checkout-text: #253947; --checkout-muted: #536675; --checkout-edge: #899dab; --checkout-field: #fff; --checkout-link: #24638f; width: 100%; margin: 0; padding: 0; color: var(--checkout-text); font-size: 14px; line-height: 1.5; } .dark-background .customer-mobile-content .customer-checkout-form { --checkout-surface: #e7e7e7; --checkout-heading: #d5dce1; --checkout-field: #fff; } .black-background .customer-mobile-content .customer-checkout-form { --checkout-surface: #202124; --checkout-heading: #263744; --checkout-text: #e1e7ec; --checkout-muted: #b9c7d2; --checkout-edge: #6088a3; --checkout-field: #292d32; --checkout-link: #9dceef; } .customer-mobile-content .customer-checkout-form fieldset { min-width: 0; margin: 0 0 24px; padding: 0; border: 0; } .customer-mobile-content .customer-checkout-form legend { display: block; float: none; box-sizing: border-box; width: 100%; margin: 0 0 16px; padding: 10px 12px; border: 1px solid var(--checkout-edge); border-radius: 6px; background: var(--checkout-heading); color: var(--checkout-link); font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-mobile-content .customer-checkout-form legend > span { display: block; margin: 6px 0 0 !important; color: #b44835 !important; font-size: 12px; font-weight: 400; } .black-background .customer-mobile-content .customer-checkout-form legend > span { color: #ffb1a3 !important; } .customer-mobile-content .customer-checkout-form legend .top-right-actions { float: right; margin: 0 0 0 8px; line-height: 1.5; } .customer-mobile-content .customer-checkout-form legend .btn { padding: 4px 8px; border: 1px solid var(--checkout-edge); border-radius: 4px; background: var(--checkout-surface); color: var(--checkout-link); font-size: 12px; line-height: 1.5; } .customer-mobile-content .customer-checkout-form .form-group { display: block; margin: 0 0 16px; } .customer-mobile-content .customer-checkout-form .form-group > [class*='col-'] { float: none; width: 100%; margin-left: 0; padding: 0; } .customer-mobile-content .customer-checkout-form .control-label { display: block; margin: 0 0 6px; padding: 0; color: var(--checkout-text); font-size: 14px; line-height: 1.5; text-align: left; } .customer-mobile-content .customer-checkout-form :is(.form-control-static, .help-block, p) { margin: 0; padding: 0; color: var(--checkout-text); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-content .customer-checkout-form :is(.help-block, .hint) { margin-top: 6px; color: var(--checkout-muted); font-size: 12px; } .customer-mobile-content .customer-checkout-form :is(input:not([type='radio']):not([type='checkbox']):not([type='hidden']), textarea, select) { box-sizing: border-box; max-width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid var(--checkout-edge); border-radius: 5px; background: var(--checkout-field); color: var(--checkout-text); font-size: 16px; line-height: 1.4; } .customer-mobile-content .customer-checkout-form :is(input, textarea)::-webkit-input-placeholder { color: var(--checkout-muted); opacity: 1; } .customer-mobile-content .customer-checkout-form :is(input, textarea)::-moz-placeholder { color: var(--checkout-muted); opacity: 1; } .customer-mobile-content .customer-checkout-form :is(input, textarea):-ms-input-placeholder { color: var(--checkout-muted); opacity: 1; } .customer-mobile-content .customer-checkout-form :is(input, textarea)::-ms-input-placeholder { color: var(--checkout-muted); opacity: 1; } .customer-mobile-content .customer-checkout-form :is(input, textarea)::placeholder { color: var(--checkout-muted); opacity: 1; } .customer-mobile-content .customer-checkout-form .form-group div[style*='margin-left: 25px'] { margin-left: 0 !important; } .customer-mobile-content .customer-checkout-form .radio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; margin: 0 0 10px; padding: 0; } .customer-mobile-content .customer-checkout-form .radio > label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; width: auto; min-width: 0; margin: 0; padding: 8px 10px; border: 1px solid var(--checkout-edge); border-radius: 5px; background: var(--checkout-surface); color: var(--checkout-text); font-size: 14px; line-height: 1.5; } .customer-mobile-content .customer-checkout-form .radio > label:has(input:checked) { border-color: var(--checkout-link); background: var(--checkout-heading); } .customer-mobile-content .customer-checkout-form .radio > input:checked + label { border-color: var(--checkout-link); background: var(--checkout-heading); } .customer-mobile-content .customer-checkout-form .radio input[type='radio'] { position: static; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; min-height: 0; margin: 0; } .customer-mobile-content .customer-checkout-form :is(.important-text-blue, #delivery_option_comment, #payment_option_comment, #transport_company_comment) { box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--checkout-edge); border-radius: 6px; background: var(--checkout-heading); color: var(--checkout-text); font-size: 13px; line-height: 1.5; text-indent: 0; } .customer-mobile-content .customer-checkout-form :is(#delivery_option_comment, #payment_option_comment, #transport_company_comment):empty { display: none; } .customer-mobile-content .customer-checkout-form #transport_company_select { float: none; width: 100%; max-width: 100%; } .customer-mobile-content .customer-checkout-form #transport_company_select :is(select, .select2-container) { width: 100% !important; max-width: 100%; } .customer-mobile-content .customer-checkout-form #tcLink { display: block; float: none !important; width: 100% !important; margin: 0 0 8px !important; padding: 0 !important; } .customer-mobile-content .customer-checkout-form #tcLink:empty { display: none; } .customer-mobile-content .customer-checkout-form #tcLink a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid var(--checkout-edge); border-radius: 5px; color: var(--checkout-link); font-size: 13px; line-height: 1.4; } .customer-mobile-content .customer-checkout-form .select2-selection { min-height: 40px; height: auto; border-color: var(--checkout-edge); background: var(--checkout-field); } .customer-mobile-content .customer-checkout-form .select2-selection__rendered { padding: 8px 28px 8px 12px; color: var(--checkout-text); white-space: normal; line-height: 1.4; } .customer-mobile-content .customer-checkout-form .methods-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 8px; } .customer-mobile-content .customer-checkout-form .method-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 44px; height: 44px; padding: 8px; border: 1px solid var(--checkout-edge); border-radius: 5px; background: var(--checkout-surface); color: var(--checkout-link); } .customer-mobile-content .customer-checkout-form .method-item.active-method { border-color: var(--checkout-link) !important; background: var(--checkout-heading) !important; color: var(--checkout-link) !important; } .customer-mobile-content .customer-checkout-form .method-item :is(i, svg) { width: 22px; height: 22px; margin: 0 !important; font-size: 22px !important; } .customer-mobile-content .customer-checkout-form .method-item .icon-img { width: 22px; height: 22px; } .customer-mobile-content .customer-checkout-form .method-item.active-method :is(i, img) { -webkit-filter: none !important; filter: none !important; } .customer-mobile-content .customer-checkout-form .hidden-logic-check { position: absolute; display: block !important; width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0; opacity: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); } .customer-mobile-content .customer-checkout-form #submit { box-sizing: border-box; display: block; width: 100%; min-height: 40px; margin-top: 24px; padding: 8px 12px; border: 1px solid var(--checkout-link); border-radius: 6px; font-size: 16px; line-height: 1.4; text-align: center; } .black-background .customer-mobile-content .customer-checkout-form #submit { background: transparent; color: var(--checkout-link); } .customer-mobile-content .mobile-checkout-item { margin: 0 0 8px; padding: 8px; border: 1px solid var(--checkout-edge, #899dab); border-radius: 8px; background: var(--checkout-surface, #fff); color: var(--checkout-text, #253947); } .mobile-checkout-item-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px 8px; font-size: 14px; font-weight: 600; } .mobile-checkout-item-heading a { color: var(--checkout-link, #24638f); } .mobile-checkout-position { color: var(--checkout-muted, #536675); font-size: 12px; } .mobile-checkout-item-name { min-width: 0; max-width: 100%; margin: 0; font-size: 14px; font-weight: 400; line-height: 1.4; overflow-wrap: anywhere; } .mobile-checkout-item-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 6px; margin-top: 6px; } .mobile-checkout-item-footer .cart-delivery-status { width: auto; font-size: 12px; } .mobile-checkout-item-amount { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px; margin-left: auto; font-size: 13px; line-height: 1.4; white-space: nowrap; } .mobile-checkout-item-amount strong { font-size: inherit; white-space: nowrap; } .mobile-checkout-item-discount { margin-top: 6px; text-align: right; font-size: 12px; } .mobile-checkout-item.is-linked { border-left: 3px solid #65a77a; } .mobile-checkout-item.is-canceled { border-left: 3px solid #d18181; } .mobile-checkout-item.is-struck { text-decoration: line-through; } .mobile-checkout-totals { padding: 12px; border: 1px solid var(--checkout-edge, #899dab); border-radius: 6px; background: var(--checkout-heading, #edf2f6); color: var(--checkout-text, #253947); } .mobile-checkout-item-summary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--checkout-edge, #899dab); } .mobile-checkout-item :is(.mobile-checkout-item-discount, .mobile-checkout-item-final) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px; margin: 0; padding: 0; font-size: 14px; line-height: 1.4; white-space: nowrap; } .mobile-checkout-item-footer .cart-delivery-status.cart-delivery-prepaid { min-height: 24px; } .mobile-checkout-totals > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin-bottom: 6px; font-size: 14px; } .mobile-checkout-totals > div:last-child { margin-bottom: 0; } .mobile-checkout-totals .mobile-checkout-grand-total { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--checkout-edge, #899dab); font-size: 16px; } .customer-mobile-content .customer-checkout-form :is(h2, h3) { margin: 24px 0 16px; color: var(--checkout-link); font-size: 18px; font-weight: 600; line-height: 1.4; } .customer-mobile-content .customer-checkout-form .checkout-recipient-options { --bs-gutter-x: 0; margin: 0 0 16px; } .customer-mobile-content .customer-checkout-form .checkout-recipient-options > div { width: 100%; margin: 0; padding: 0; } .customer-mobile-content .customer-checkout-form .checkout-recipient-option { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin: 0; padding: 10px 12px; border: 1px solid var(--checkout-edge); border-radius: 5px; background: var(--checkout-surface); color: var(--checkout-text); font-size: 14px; line-height: 1.5; } .customer-mobile-content .customer-checkout-form .checkout-recipient-hint { display: block; margin-top: 4px; color: var(--checkout-muted); font-size: 12px; line-height: 1.5; } .customer-mobile-content .customer-checkout-form .form-group:has(#transport_company_select) > .col-sm-9 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .customer-mobile-content .customer-checkout-form #transport_company_select { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .customer-mobile-content .customer-checkout-form #tcLink { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin: 0 !important; } .customer-mobile-content .customer-checkout-form .form-group:has(#transport_company_select) { display: grid; grid-template-columns: minmax(0, 1fr) auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .customer-mobile-content .customer-checkout-form .form-group:has(#transport_company_select) > .control-label { grid-column: 1; grid-row: 1; width: auto; margin: 0; } .customer-mobile-content .customer-checkout-form .form-group:has(#transport_company_select) > .col-sm-9 { display: contents; } .customer-mobile-content .customer-checkout-form #transport_company_select { grid-column: 1 / -1; grid-row: 2; } .customer-mobile-content .customer-checkout-form #tcLink { grid-column: 2; grid-row: 1; justify-self: end; width: auto !important; max-width: 100%; font-size: 12px; } .customer-mobile-content .customer-checkout-form #tcLink a { padding: 4px 6px; font-size: 12px; white-space: nowrap; } .customer-mobile-content .customer-checkout-form .checkout-transport-controls { display: contents; } .customer-mobile-content .customer-checkout-form .checkout-client-section { margin-bottom: 16px; } .customer-mobile-content .customer-checkout-form .checkout-client-section legend { margin-bottom: 12px; } .customer-mobile-content .customer-checkout-form .checkout-client-section .form-group { margin-bottom: 0; } .customer-mobile-content .customer-checkout-form .checkout-client-section legend { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; } .customer-mobile-content .customer-checkout-form .checkout-client-section legend .top-right-actions { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; } .customer-mobile-content .customer-checkout-form .checkout-client-identity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; min-width: 0; padding: 0 2px; font-size: 13px; line-height: 1.5; } .customer-mobile-content .customer-checkout-form .checkout-client-phone { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; } .customer-mobile-content .customer-checkout-form .checkout-client-email { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customer-mobile-content .customer-checkout-form .checkout-section { display: flow-root; box-sizing: border-box; width: 100%; min-width: 0; margin: 0 0 24px; padding: 12px; border: 2px solid var(--checkout-edge); border-radius: 8px; background: var(--checkout-surface); } .customer-mobile-content .customer-checkout-form .checkout-section > legend { float: left; box-sizing: border-box; width: calc(100% + 24px); margin: -12px -12px 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--checkout-edge); border-radius: 7px 7px 0 0; background: var(--checkout-heading); } .customer-mobile-content .customer-checkout-form .checkout-section > legend + * { clear: both; } .customer-mobile-content .customer-checkout-form .checkout-section > .form-group:last-child { margin-bottom: 0; } .customer-mobile-content .mobile-order-title { margin: 0 0 16px; color: #24638f; font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; } .black-background .customer-mobile-content .mobile-order-title { color: #9dceef; } .mobile-order-header { --order-header-link: #24638f; --order-header-edge: #899dab; --order-header-ink: #253947; margin: 0 0 12px; } :is(.black-background, .customer-page-black) .mobile-order-header { --order-header-link: #9dceef; --order-header-edge: #6088a3; --order-header-ink: #e1e7ec; } .customer-mobile-content .mobile-order-header .mobile-order-title { margin: 0; font-size: 22px; line-height: 1.25; } .mobile-order-created-by { margin: 6px 0 0; padding: 0; color: var(--order-header-ink); font-size: 13px; line-height: 1.4; text-indent: 0; } .mobile-order-header-actions { display: grid; gap: 8px; margin-top: 12px; } .mobile-order-header-actions .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; width: 100%; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid var(--order-header-edge); border-radius: 5px; background: transparent; color: var(--order-header-link); font-size: 14px; line-height: 20px; white-space: normal; } .mobile-order-header-actions .btn-primary { border-color: #286090; background: #286090; color: #fff; } :is(.black-background, .customer-page-black) .mobile-order-header-actions .btn-primary { border-color: var(--order-header-link); background: transparent; color: var(--order-header-link); } .customer-mobile-order .mobile-order-keywords { margin: 0 0 8px; padding: 0; font-size: 15px; line-height: 1.35; overflow-wrap: anywhere; } .customer-mobile-order .mobile-order-keywords strong { font-size: 18px; font-weight: 600; } .customer-mobile-content .customer-mobile-order { --order-surface: #fff; --order-heading: #edf2f6; --order-ink: #253947; --order-muted: #536675; --order-edge: #899dab; --order-link: #24638f; font-size: 14px; line-height: 1.5; color: var(--order-ink); } .dark-background .customer-mobile-content .customer-mobile-order { --order-surface: #e5e5e5; --order-heading: #d5dce1; } .black-background .customer-mobile-content .customer-mobile-order { --order-surface: #202124; --order-heading: #263744; --order-ink: #e1e7ec; --order-muted: #b9c7d2; --order-edge: #6088a3; --order-link: #9dceef; } .customer-mobile-order .mobile-order-section { min-width: 0; margin: 0 0 24px; padding: 0; border: 2px solid var(--order-edge); border-radius: 8px; background: var(--order-surface); color: var(--order-ink); } .customer-mobile-order .mobile-order-products-section { --order-edge: #649db7; } :is(.black-background, .customer-page-black) .customer-mobile-order .mobile-order-products-section { --order-edge: #6dabc7; } .customer-mobile-order .mobile-order-buyer-group { padding: 12px; border: 2px solid #c4a63c; background: #fffde8; } :is(.dark-background, .customer-page-dark) .customer-mobile-order .mobile-order-buyer-group { background: #ece8d5; } :is(.black-background, .customer-page-black) .customer-mobile-order .mobile-order-buyer-group { border-color: #d0b15d; background: #202124; } .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; } .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection:last-child { margin-bottom: 0; } .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection :is(legend, .mobile-order-section-title) { margin: 0 0 12px; padding: 8px 10px; border: 1px solid var(--order-edge); border-radius: 5px; } .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection dl { padding: 0 !important; } .customer-mobile-order .mobile-order-buyer-group .mobile-order-notification-row { padding: 0; } .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection:first-child legend { width: calc(100% + 24px); max-width: none; margin: -12px -12px 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid #c4a63c; border-radius: 6px 6px 0 0; background: #f4e9b1 !important; } :is(.dark-background, .customer-page-dark) .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection:first-child legend { background: #d9c98f !important; } :is(.black-background, .customer-page-black) .customer-mobile-order .mobile-order-buyer-group .mobile-order-subsection:first-child legend { border-color: #d0b15d; background: #3b3421 !important; } .customer-mobile-order .mobile-order-section :is(legend, .mobile-order-section-title) { box-sizing: border-box; display: block; float: none; width: 100%; margin: 0 0 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--order-edge); border-radius: 7px 7px 0 0; background: var(--order-heading) !important; color: var(--order-link) !important; font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-mobile-order .mobile-order-section fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } .customer-mobile-order .mobile-order-section dl { margin: 0; padding: 0 12px 12px !important; } .customer-mobile-order .mobile-order-section dt { float: none; width: 100%; margin: 12px 0 4px; padding: 0; color: var(--order-muted); font-size: 12px; line-height: 1.5; text-align: left; white-space: normal; } .customer-mobile-order .mobile-order-section dt:first-child { margin-top: 0; } .customer-mobile-order .mobile-order-section dd { margin: 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-order .mobile-order-section .mobile-order-payment-summary { display: grid; grid-template-columns: -webkit-max-content minmax(0, 1fr); grid-template-columns: max-content minmax(0, 1fr); -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px; margin: 0 0 12px; padding-top: 0 !important; } .customer-mobile-order .mobile-order-payment-summary > dt { width: auto; margin: 0; font-size: 14px; } .customer-mobile-order .mobile-order-payment-summary > .row, .customer-mobile-order .mobile-order-payment-summary > .mobile-order-payment-controls { grid-column: 1 / -1; margin: 0; } .customer-mobile-order .mobile-order-payment-summary > .mobile-order-payment-controls:empty { display: none; } .customer-mobile-order a:not(.btn) { color: var(--order-link); } .customer-mobile-order .mobile-order-section :is(button, .btn) { box-sizing: border-box; min-height: 36px !important; height: auto; margin: 4px 0 !important; padding: 6px 10px !important; border: 1px solid var(--order-edge) !important; border-radius: 5px; font-size: 14px !important; line-height: 1.4; white-space: normal; } .customer-mobile-order .mobile-order-section :is(button, .btn) :is(i, svg) { width: 18px; height: 18px; margin: 0; font-size: 18px !important; } .black-background .customer-mobile-order .mobile-order-section :is(button, .btn) { background: transparent !important; color: var(--order-link) !important; } .customer-mobile-order .mobile-order-section .btn-danger { border-color: #c96862 !important; background: transparent !important; color: #a9362f !important; } .black-background .customer-mobile-order .mobile-order-section .btn-danger { color: #ffb1a3 !important; } .customer-mobile-order .mobile-order-items { padding: 0 12px 12px; } .customer-mobile-order .mobile-order-item { margin: 0 0 12px; padding: 12px; border: 2px solid var(--order-edge); border-radius: 6px; background: var(--order-surface); color: var(--order-ink); } .customer-mobile-order .mobile-order-item.is-canceled { border-left: 3px solid #d18181; } .customer-mobile-order .mobile-order-item.is-linked { border-left: 3px solid #65a77a; } .mobile-order-item-description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 12px; } .mobile-order-item-photo { -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; } .mobile-order-item-photo :is(img, .mobile-cart-photo-empty) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 64px; height: 64px; border: 1px solid var(--order-edge, #899dab); border-radius: 5px; background: #eef2f5; color: #617b8e; -o-object-fit: contain; object-fit: contain; } .black-background .mobile-order-item-photo :is(img, .mobile-cart-photo-empty), .customer-page-black .mobile-order-item-photo :is(img, .mobile-cart-photo-empty) { background: #292d32; color: #9dceef; } .dark-background .mobile-order-item-photo :is(img, .mobile-cart-photo-empty) { background: #e5e5e5; } .mobile-order-item-photo .mobile-cart-photo-empty :is(i, svg) { width: 24px; height: 24px; font-size: 24px; } .mobile-order-item-name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 6px; min-width: 0; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; } .mobile-order-item-reference { font-size: 14px; font-weight: 600; } .mobile-order-item-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; margin-top: 12px; } .mobile-order-item-controls:empty { display: none; } .customer-mobile-order .mobile-order-item-controls .mobile-order-delivery { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 6px; } .customer-mobile-order .mobile-order-item-controls .mobile-order-delivery > span:not(.popover-info-click) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; font-size: 16px; font-weight: 600; line-height: 1.4; } .customer-mobile-order .mobile-order-item-controls > .btn-group > .dropdown-toggle { height: 36px; min-height: 36px !important; margin: 0 !important; } .customer-mobile-order .mobile-order-section .mobile-order-item-controls .btn.btn-xs:is(.prepayment-icon, .reservation-icon) { -webkit-flex-basis: 36px; -ms-flex-preferred-size: 36px; flex-basis: 36px; width: 36px; height: 36px; min-width: 36px; max-width: 36px; min-height: 36px !important; margin: 0 !important; padding: 6px !important; } .customer-mobile-order .mobile-order-section .mobile-order-item-controls .btn.btn-xs:is(.prepayment-icon, .reservation-icon) :is(i, svg) { width: 20px; height: 20px; font-size: 20px !important; } .customer-mobile-order .mobile-order-delivery .popover-info-click > .btn { min-height: 32px !important; margin: 0 !important; font-size: 13px !important; } .customer-mobile-order .mobile-order-delivery .popover-info-click:has(.fa-cc-visa) > .btn { border-color: #c5a13b !important; color: #8c5b00; } .black-background .customer-mobile-order .mobile-order-delivery .popover-info-click:has(.fa-cc-visa) > .btn { color: #e8c56c !important; } .black-background .customer-mobile-order .mobile-order-delivery .popover-info-click:has(.fa-check) > .btn { border-color: #81d991 !important; color: #81d991 !important; } .mobile-order-item-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 6px; margin-top: 12px; font-size: 13px; } .mobile-order-item-price strong { margin-left: auto; font-size: 15px; white-space: nowrap; } .mobile-order-item-status { margin-top: 10px; font-size: 13px; } .mobile-order-item-status > span { margin-left: 0 !important; } .black-background .mobile-order-item-status [style*='color:blue'], .black-background .mobile-order-item-status [style*='color: blue'] { color: #9dceef !important; } .black-background .mobile-order-item-status [style*='color:green'], .black-background .mobile-order-item-status [style*='color: green'] { color: #81d991 !important; } .black-background .mobile-order-item-status [style*='color:red'], .black-background .mobile-order-item-status [style*='color: red'] { color: #ffb1a3 !important; } .mobile-order-totals { padding: 12px; border: 1px solid var(--order-edge); border-radius: 6px; background: var(--order-heading); } .mobile-order-totals > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin: 0 0 6px; font-size: 14px; } .mobile-order-totals > div:last-child { margin-bottom: 0; } .mobile-order-totals .mobile-order-grand-total { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--order-edge); font-size: 16px; } .customer-mobile-content .order-weight-value { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 0; margin: 0; padding: 3px 8px; border: 1px solid #a46c12; border-radius: 5px; background: transparent; color: #80520a; font-size: 13px; line-height: 1.4; white-space: nowrap; } :is(.black-background, .customer-page-black) .customer-mobile-content .order-weight-value { border-color: #e8c56c; color: #e8c56c; } .customer-mobile-order .order-weight-unknown { color: var(--order-muted); font-size: 13px; } .mobile-order-cancel { margin-top: 12px; } .mobile-order-cancel > .btn { display: block; width: 100%; } .customer-mobile-order .mobile-order-cancel > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; min-height: 40px !important; margin: 0 !important; } .customer-mobile-order .mobile-order-cancel > .btn:hover { background: rgba(169,54,47,.08) !important; } .customer-mobile-order .mobile-order-cancel > .btn:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .customer-mobile-order .mobile-order-items > .cart-delivery-legend { margin: 16px 0 0; padding: 0; } .customer-mobile-order .mobile-order-items > .cart-delivery-legend li { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0; font-size: 13px; line-height: 1.5; } .customer-mobile-order .dropdown-menu { min-width: 170px; max-width: calc(100vw - 64px) !important; padding: 0; border: 0 !important; background: transparent !important; box-shadow: none; font-size: 14px; } .customer-mobile-order .dropdown-menu > li { margin: 0; padding: 0; } .customer-mobile-content .customer-mobile-order .dropdown-menu > li > a.btn { display: block; max-width: 100%; color: var(--order-link) !important; background: var(--order-surface) !important; } .customer-mobile-order .mobile-order-print-section #print_links_block { padding: 0 12px 8px; } .customer-mobile-order .mobile-order-print-section #print_links_block > a { display: block; width: 100%; } .customer-mobile-order .mobile-order-notification-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; margin: 0; padding: 0 12px 12px; font-size: 14px; } .mobile-order-notification-control { -webkit-box-flex: 0; -webkit-flex: 0 0 36px; -ms-flex: 0 0 36px; flex: 0 0 36px; } .mobile-order-notification-label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-order .mobile-order-section .mobile-order-notification-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 36px; height: 36px; min-height: 36px !important; margin: 0 !important; padding: 0 !important; border-radius: 5px; line-height: 1; } .mobile-order-notification-toggle:focus-visible { outline: 2px solid var(--order-link); outline-offset: 3px; } .customer-mobile-order { --status-danger: #a9362f; --status-success: #256b35; --status-warning: #80520a; --status-info: #24638f; --status-claim: #854394; } .black-background .customer-mobile-order { --status-danger: #ff9e94; --status-success: #81d991; --status-warning: #e8c56c; --status-info: #9dceef; --status-claim: #d7a5ed; } .customer-mobile-order :is(.mobile-order-payment-status, .order-state-label) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; max-width: 100%; padding: 6px 10px; border: 1px solid currentColor; border-radius: 5px; background: transparent; line-height: 1.4; } .customer-mobile-order .mobile-order-payment-status { box-sizing: border-box; width: 100%; min-height: 36px; margin: 4px 0 10px; } .customer-mobile-order .order-status-danger { color: var(--status-danger) !important; } .customer-mobile-order .order-status-success { color: var(--status-success) !important; } .customer-mobile-order .order-status-warning { color: var(--status-warning) !important; } .customer-mobile-order .order-status-info { color: var(--status-info) !important; } .customer-mobile-order .order-status-claim { color: var(--status-claim) !important; } .customer-mobile-order .order-status-muted { color: var(--order-muted) !important; } .mobile-order-payment-editor { padding: 0 12px 12px; } .mobile-order-payment-editor .order-payment-label { margin: 0 0 8px; color: var(--order-muted); font-size: 12px; } .customer-mobile-order .mobile-order-payment-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 12px; width: 100%; margin: 0; padding: 0; } .customer-mobile-order .mobile-order-payment-form .order-payment-select { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; max-width: none; --payment-select-text: var(--order-ink); --payment-select-edge: var(--order-edge); --payment-select-surface: var(--order-surface); } .customer-mobile-order .mobile-order-payment-form select { box-sizing: border-box; min-height: 44px; height: auto; margin: 0; font-size: 16px !important; box-shadow: none; } .customer-mobile-order .mobile-order-payment-form > .btn { width: 100%; margin: 0 !important; } .customer-mobile-content #nav-to-pay { box-sizing: border-box; width: 100%; min-height: 40px; margin: 0 0 16px; padding: 8px 12px; border: 1px solid #286090; border-radius: 6px; background: #286090 !important; color: #fff !important; font-size: 16px !important; line-height: 1.4; } .black-background .customer-mobile-content #nav-to-pay { border-color: #9dceef; background: transparent !important; color: #9dceef !important; } .customer-mobile-content #nav-to-pay :is(i, svg) { width: 20px; height: 20px; color: inherit !important; font-size: 20px !important; } .customer-mobile-content .mobile-order-header-actions #nav-to-pay { margin: 0; font-size: 14px !important; } .customer-mobile-order .mobile-order-item-status { display: flow-root; } .customer-mobile-order .mobile-order-item-status > span { display: block; width: 100%; } .customer-mobile-order .mobile-order-item-status .order-state-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; width: 100%; min-height: 36px; border-width: 1px !important; font-size: 14px; } .customer-mobile-order .mobile-order-item-status > .top-right-actions { margin-top: 6px; } .customer-mobile-order > .mobile-order-print-section:last-child { margin-bottom: 0; } .customer-mobile-content:has(.customer-mobile-order) { padding-bottom: 0; } .customer-mobile-content:has(.customer-mobile-order) + .customer-mobile-footer { margin-top: 12px; } .customer-mobile-content .customer-orders-table { --order-list-edge: #899dab; --order-list-surface: #fff; --order-list-panel: #edf2f6; --order-list-ink: #253947; --order-list-muted: #536675; --order-list-link: #24638f; --order-list-paid: #26783b; --order-list-unpaid: #a12d24; display: block; width: 100%; margin: 12px 0; border: 0; color: var(--order-list-ink); font-size: 14px; line-height: 1.5; } .customer-mobile-content .customer-orders-heading, .customer-mobile-content .mobile-filter-heading > h1 { font-size: 22px; line-height: 1.35; } .dark-background .customer-orders-table { --order-list-surface: #e5e5e5; --order-list-panel: #d5dce1; } .black-background .customer-orders-table { --order-list-edge: #6088a3; --order-list-surface: #202124; --order-list-panel: #263744; --order-list-ink: #e1e7ec; --order-list-muted: #b9c7d2; --order-list-link: #9dceef; --order-list-paid: #81d991; --order-list-unpaid: #ff9e94; } .customer-orders-table thead { display: block; margin-bottom: 8px; } .customer-orders-table thead > tr, .customer-orders-table .customer-order-header { display: grid; grid-template-columns: minmax(0, 1fr) 48px minmax(80px, -webkit-max-content); grid-template-columns: minmax(0, 1fr) 48px minmax(80px, max-content); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .customer-mobile-content .customer-orders-table thead th { padding: 4px 0; border: 0; background: transparent; color: var(--order-list-muted); font-size: 12px; text-align: left; } .customer-orders-table thead th:not(:first-child) { text-align: right; } .customer-orders-table .customer-order-card { display: block; margin-bottom: 12px; padding: 10px; border: 2px solid var(--order-list-edge); border-radius: 8px; background: var(--order-list-surface); } .customer-orders-table .customer-order-card > tr:not(.customer-order-header) { display: block; } .customer-mobile-content .customer-orders-table .customer-order-card :is(tr, td) { min-width: 0; border: 0 !important; background: transparent !important; color: inherit; box-shadow: none; } .customer-mobile-content .customer-orders-table .customer-order-card td { display: block; width: auto; padding: 0; } .customer-orders-table .customer-order-reference { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px 6px; } .customer-mobile-content .customer-orders-table .customer-order-reference .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 32px; margin: 0; padding: 4px 7px; border: 1px solid var(--order-list-edge); border-radius: 5px; background: transparent; color: var(--order-list-link); font-size: 14px; white-space: nowrap; } .customer-mobile-content .customer-orders-table .customer-order-reference .btn-primary { border-color: var(--order-list-link); background: transparent; color: var(--order-list-link); } .black-background .customer-mobile-content .customer-orders-table .customer-order-reference .btn-primary { border-color: var(--order-list-link); background: transparent; color: var(--order-list-link); } .customer-order-reference time { color: var(--order-list-muted); font-size: 14px; white-space: nowrap; } .customer-orders-table .customer-order-quantity, .customer-orders-table .customer-order-price { font-size: 16px; text-align: right; white-space: nowrap; } .customer-orders-table .customer-order-price { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 4px; font-weight: 600; } .customer-order-price :is(i, svg) { width: 14px; height: 16px; font-size: 16px; } .customer-order-badges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 6px 0; } .customer-order-badge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; min-width: 0; min-height: 36px; padding: 6px; border: 2px solid currentColor; border-radius: 5px; background: color-mix(in srgb, currentColor 9%, transparent); color: var(--order-list-link); font-size: 14px; line-height: 20px; } .black-background .customer-order-badge, .customer-page-black .customer-order-badge { background: transparent; } .customer-order-badge :is(i, svg) { -webkit-box-flex: 0; -webkit-flex: 0 0 16px; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 16px; font-size: 16px; } .customer-order-badge.is-paid { color: var(--order-list-paid); } .customer-order-badge.is-unpaid { color: var(--order-list-unpaid); } .customer-order-store:last-child:nth-child(odd) { grid-column: 1 / -1; } .customer-orders-table .customer-order-part { padding: 6px 0 !important; border-top: 1px solid var(--order-list-edge) !important; overflow-wrap: anywhere; } .customer-orders-table .customer-order-part a { color: var(--order-list-link); font-weight: 600; } .customer-order-car { margin-top: 6px; color: var(--order-list-muted); font-size: 12px; } .customer-order-shipping { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; padding: 6px 0; font-size: 13px; line-height: 1.5; } .customer-order-shipping-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow-wrap: anywhere; } .customer-order-shipping-info > span { display: block; } .customer-order-waybill { margin-top: 4px; color: var(--order-list-muted); font-size: 12px; } .customer-order-shipping-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 44px; -ms-flex: 0 0 44px; flex: 0 0 44px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; } .customer-order-shipping-logo > a { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 5px; border: 1px solid var(--order-list-edge); border-radius: 6px; background: var(--order-list-panel); color: var(--order-list-link); } .customer-order-shipping-logo img { display: block; width: 32px; height: 32px; max-width: 32px !important; max-height: 32px; border-radius: 3px; -o-object-fit: contain; object-fit: contain; } .customer-mobile-content .customer-orders-table .customer-order-card td.customer-order-item-status { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 6px; width: 100%; padding: 0 !important; border-radius: 5px; background: transparent !important; color: var(--order-list-ink); font-size: 14px; line-height: 1.5; text-align: left; } .customer-orders-table .customer-order-item-status > .top-right-actions { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: none; margin: 0 0 0 auto; } .customer-mobile-content .customer-orders-table .customer-order-item-status .top-right-actions > .btn { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; min-height: 32px; margin: 0 !important; padding: 4px !important; border: 1px solid var(--order-list-edge) !important; border-radius: 5px; background: transparent !important; color: var(--order-list-link) !important; font-size: 14px !important; line-height: 1; } .customer-order-item-status .top-right-actions > .btn :is(i, svg) { width: 20px; height: 20px; font-size: 20px !important; } .customer-order-item-status > br { display: none; } .customer-order-item-status > [id^='status-info-'] { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } .customer-orders-table .customer-order-item-status .order-state-label { display: inline-block; max-width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; font-weight: 500; } .customer-orders-table .customer-order-item-status [style*='color: blue'] { color: var(--order-list-link) !important; } .customer-orders-table .customer-order-item-status > span { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-left: 0 !important; } .customer-mobile-content .customer-orders-table .customer-order-item-status .order-state-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; min-height: 36px; } .customer-orders-table .order-state-label { color: var(--order-list-ink) !important; } .customer-orders-table .order-status-info { color: var(--order-list-link) !important; } .customer-orders-table .order-status-success { color: var(--order-list-paid) !important; } .customer-orders-table .order-status-danger { color: var(--order-list-unpaid) !important; } .customer-orders-table .order-status-warning { color: #856317 !important; } .customer-orders-table .order-status-claim { color: #923b85 !important; } .black-background .customer-orders-table .order-status-warning { color: #e8c56c !important; } .black-background .customer-orders-table .order-status-claim { color: #e6a9dd !important; } .customer-mobile-content .customer-orders-table .customer-order-inquiry { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 32px; margin: 10px 0 0; padding: 5px 8px; border: 1px solid var(--order-list-edge); border-radius: 5px; background: transparent !important; color: var(--order-list-link); font-size: 13px; } :is(.customer-review-page, .customer-reviews-page) { --review-surface: #fff; --review-field: #f4f8fb; --review-ink: #253947; --review-muted: #536675; --review-edge: #899dab; --review-link: #24638f; color: var(--review-ink); } .customer-review-page { max-width: 760px; margin: 0 auto; } .dark-background :is(.customer-review-page, .customer-reviews-page) { --review-surface: #e5e5e5; --review-field: #f0f0f0; } :is(.black-background, .customer-page-black) :is(.customer-review-page, .customer-reviews-page) { --review-surface: #202124; --review-field: #292d32; --review-ink: #e1e7ec; --review-muted: #b9c7d2; --review-edge: #6088a3; --review-link: #9dceef; } .customer-review-page h1 { margin: 0 0 16px; color: var(--review-link); font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; } .customer-review-page form { margin: 0; padding: 0; } .customer-review-card { padding: 16px; border: 1px solid var(--review-edge); border-radius: 8px; background: var(--review-surface); } .customer-review-page .form-group { display: block; margin: 0 0 18px; padding: 0; } .customer-review-page .form-group:last-child { margin-bottom: 0; } .customer-review-page .form-group > :is(label, div) { float: none; width: 100%; max-width: 100%; margin: 0; padding: 0; text-align: left; } .customer-review-page label { display: block; margin-bottom: 8px !important; color: var(--review-ink); font-size: 14px; font-weight: 600; line-height: 1.5; } .customer-review-page :is(select, textarea, input[type='text'], input[type='url']) { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field) !important; color: var(--review-ink) !important; font-size: 16px; line-height: 1.5; } .customer-review-page textarea { min-height: 120px; resize: vertical; } .customer-review-page .help-block { display: block; margin: 6px 0 0; color: var(--review-muted); font-size: 12px; line-height: 1.5; text-align: left; text-indent: 0; } .customer-review-page :is(input, textarea)::-webkit-input-placeholder { color: var(--review-muted); opacity: 1; } .customer-review-page :is(input, textarea)::-moz-placeholder { color: var(--review-muted); opacity: 1; } .customer-review-page :is(input, textarea):-ms-input-placeholder { color: var(--review-muted); opacity: 1; } .customer-review-page :is(input, textarea)::-ms-input-placeholder { color: var(--review-muted); opacity: 1; } .customer-review-page :is(input, textarea)::placeholder { color: var(--review-muted); opacity: 1; } .customer-review-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 16px; } .customer-review-page .customer-review-actions .btn { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid currentColor; border-radius: 5px; background: transparent !important; color: var(--review-link) !important; font-size: 14px; line-height: 1.4; } .customer-review-page .customer-review-actions .btn-default { color: var(--review-muted) !important; } .customer-review-page :is(input, select, textarea, a):focus-visible { outline: 2px solid var(--review-link); outline-offset: 2px; } .customer-reviews-page h1 { margin: 0 0 14px; color: var(--review-link); font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; } .customer-reviews-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .customer-review-summary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; padding: 12px; border: 1px solid var(--review-edge); border-radius: 6px; background: var(--review-surface); } .customer-reviews-page .customer-review-part a { color: var(--review-link); font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; } .customer-review-part a:hover { text-decoration: underline; } .customer-reviews-page .customer-review-part h2 { margin: 4px 0 0; color: var(--review-ink); font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; } .customer-review-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 6px 10px; margin-top: 10px; color: var(--review-muted); font-size: 13px; line-height: 1.5; } .customer-review-rating { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .customer-review-rating > span:first-child { white-space: nowrap; } .customer-review-rating :is(i, svg) { color: #a3440b !important; font-size: 14px; } :is(.black-background, .customer-page-black) .customer-review-rating :is(i, svg) { color: #f0cf7a !important; } .customer-review-meta time { margin-left: auto; white-space: nowrap; } .customer-review-comment { margin: 10px 0; padding: 10px; border-radius: 5px; background: var(--review-field); } .customer-reviews-page .customer-review-comment p { margin: 0 0 8px; color: var(--review-ink); font-size: 14px; line-height: 1.6; text-align: left; text-indent: 0; overflow-wrap: anywhere; } .customer-reviews-page .customer-review-comment p:last-child { margin-bottom: 0; } .customer-review-forum { display: grid; gap: 4px; margin: 0 0 10px; color: var(--review-muted); font-size: 13px; line-height: 1.5; } .customer-reviews-page .customer-review-forum a { color: var(--review-link); overflow-wrap: anywhere; } .customer-review-summary-status { margin-top: auto; padding: 8px 10px; border: 1px solid currentColor; border-radius: 5px; font-size: 13px; line-height: 1.5; } .customer-review-summary-status.is-approved { color: #27613a; background: #edf8f0; } .customer-review-summary-status.is-waiting { color: #795600; background: #fff8e5; } .customer-review-summary-status.is-blocked { color: #963b32; background: #fff0ee; } :is(.black-background, .customer-page-black) .customer-review-summary-status.is-approved { color: #91d6a6; background: #203127; } :is(.black-background, .customer-page-black) .customer-review-summary-status.is-waiting { color: #f0cf7a; background: #302b1f; } :is(.black-background, .customer-page-black) .customer-review-summary-status.is-blocked { color: #ffaaa1; background: #352523; } .customer-reviews-page .customer-reviews-empty { grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px solid var(--review-edge); border-radius: 6px; color: var(--review-muted); font-size: 14px; line-height: 1.5; text-indent: 0; } .customer-reviews-page a:focus-visible { outline: 2px solid var(--review-link); outline-offset: 2px; } @media (max-width: 767px) { .customer-reviews-list { grid-template-columns: minmax(0, 1fr); } } .customer-recommendations-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .customer-recommendations-heading h1 { min-width: 0; margin: 0; } .customer-recommendations-page .customer-recommendations-add { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 36px; -ms-flex: 0 0 36px; flex: 0 0 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; margin: 0; padding: 0; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent; color: var(--review-link); text-decoration: none; font-size: 16px; } .customer-recommendations-add :is(i, svg) { width: 16px; height: 16px; } .customer-recommendations-page .customer-recommendations-help { margin: 0 0 14px; color: var(--review-muted); font-size: 14px; line-height: 1.5; text-align: left; text-indent: 0; } .customer-recommendation-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 6px 10px; color: var(--review-muted); font-size: 12px; line-height: 1.5; } .customer-recommendations-page .customer-recommendation-topic { margin: 6px 0 0; color: var(--review-link); font-size: 16px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; } .customer-recommendation-response { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--review-edge); } .customer-recommendations-page .customer-recommendation-response h3 { margin: 0 0 6px; color: var(--review-link); font-size: 13px; font-weight: 600; line-height: 1.5; } .customer-recommendation-response-text { color: var(--review-ink); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; } .customer-recommendations-page .customer-recommendation-response-text p { margin: 0 0 8px; color: inherit; font-size: inherit; line-height: inherit; text-align: left; text-indent: 0; } .customer-recommendation-response-text p:last-child { margin-bottom: 0; } .customer-recommendation-response-text a { color: var(--review-link); } .customer-service-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin-bottom: 14px; } .customer-service-heading h1 { min-width: 0; margin: 0; } .customer-service-page .customer-service-add { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 36px; -ms-flex: 0 0 36px; flex: 0 0 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent; color: var(--review-link); font-size: 16px; text-decoration: none; } .customer-service-add :is(i, svg) { width: 16px; height: 16px; } .customer-service-page :is(.customer-service-name, .customer-service-offers > h2, .customer-service-images > h2) { margin: 0 0 12px; color: var(--review-link); font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; } .customer-service-details { display: grid; grid-template-columns: minmax(90px, 1fr) minmax(0, 2fr); gap: 10px; margin: 0; font-size: 14px; line-height: 1.5; } .customer-service-details dt { margin: 0; color: var(--review-muted); font-weight: 400; } .customer-service-details dd { min-width: 0; margin: 0; color: var(--review-ink); overflow-wrap: anywhere; white-space: pre-line; } .customer-service-page .customer-service-empty { margin: 0; padding: 12px; border: 1px solid var(--review-edge); border-radius: 6px; color: var(--review-muted); font-size: 14px; line-height: 1.5; text-indent: 0; } .customer-service-offers, .customer-service-images { margin-top: 16px; } .customer-service-offers > article + article { margin-top: 10px; } .customer-service-offers .customer-service-heading > a { color: var(--review-link); font-size: 14px; overflow-wrap: anywhere; } .customer-service-offer-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; gap: 6px; } .customer-service-page .customer-service-offer-actions a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--review-edge); border-radius: 5px; color: var(--review-link); } .customer-service-form :is(input[type='tel'], input[type='number']) { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field) !important; color: var(--review-ink) !important; font-size: 16px; line-height: 1.5; } .customer-service-images ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 12px; padding: 0; list-style: none; } .customer-service-images li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; min-width: 0; padding: 8px; border: 1px solid var(--review-edge); border-radius: 5px; } .customer-service-images img { display: block; width: auto; max-width: 100%; height: auto; max-height: 225px; -o-object-fit: contain; object-fit: contain; border: 1px solid var(--review-edge); } .customer-service-page .customer-service-images .btn { padding: 5px 8px; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent; color: var(--review-link); font-size: 13px; } .customer-service-form input[type='file'] { max-width: 100%; color: var(--review-ink); font-size: 14px; } @media (max-width: 480px) { .customer-service-images ul { grid-template-columns: minmax(0, 1fr); } } .customer-supplier-panel { min-width: 0; margin-bottom: 14px; padding: 12px; border: 1px solid var(--review-edge); border-radius: 6px; background: var(--review-surface); } .customer-supplier-page :is(h2, .customer-supplier-upload-heading) { margin: 0 0 10px; color: var(--review-link); font-size: 16px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; } .customer-supplier-fields { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr); gap: 8px 10px; margin: 0; font-size: 14px; line-height: 1.5; } .customer-supplier-fields dt { margin: 0; color: var(--review-muted); font-weight: 400; } .customer-supplier-fields dd { min-width: 0; margin: 0; color: var(--review-ink); overflow-wrap: anywhere; } .customer-supplier-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .customer-supplier-page .btn { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent !important; color: var(--review-link) !important; font-size: 14px; line-height: 1.4; text-decoration: none; } .customer-supplier-actions .btn { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .customer-supplier-page a { color: var(--review-link); } .customer-supplier-page :is(p, ol) { margin: 0 0 12px; color: var(--review-ink); font-size: 14px; line-height: 1.6; text-align: left; text-indent: 0; overflow-wrap: anywhere; } .customer-supplier-page ol { padding-left: 22px; } .customer-supplier-page li + li { margin-top: 8px; } .customer-supplier-page .customer-supplier-formats { color: var(--review-link); font-size: 13px; font-weight: 600; } .customer-supplier-page form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; margin: 12px 0; padding: 0; } .customer-supplier-file-label { color: var(--review-ink); font-size: 14px; font-weight: 600; line-height: 1.5; } .customer-supplier-page input[type='file'] { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; padding: 6px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field); color: var(--review-ink); font-size: 14px; } .customer-supplier-page input[type='file']::-webkit-file-upload-button { margin-right: 8px; padding: 6px 8px; border: 1px solid var(--review-edge); border-radius: 4px; background: transparent; color: var(--review-link); font-size: 14px; } .customer-supplier-page input[type='file']::file-selector-button { margin-right: 8px; padding: 6px 8px; border: 1px solid var(--review-edge); border-radius: 4px; background: transparent; color: var(--review-link); font-size: 14px; } .customer-supplier-page .customer-supplier-hint { display: block; margin: 0; color: var(--review-muted); font-size: 12px; line-height: 1.5; } .customer-supplier-upload-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 6px 10px; } .customer-supplier-upload-heading > span { color: var(--review-muted); font-size: 12px; font-weight: 400; } .customer-supplier-expired { color: #963b32; } :is(.black-background, .customer-page-black) .customer-supplier-expired { color: #ffaaa1; } .customer-supplier-empty { padding: 12px; border: 1px solid var(--review-edge); border-radius: 6px; } .customer-supplier-page input:focus-visible { outline: 2px solid var(--review-link); outline-offset: 2px; } .customer-supplier-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 14px; } .customer-supplier-navigation a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; padding: 8px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-surface); color: var(--review-link); font-size: 14px; line-height: 1.4; text-decoration: none; } .customer-supplier-navigation a.is-active { background: var(--review-field); border-color: var(--review-link); box-shadow: inset 0 -2px var(--review-link); font-weight: 600; } .customer-store-inquiries-list { margin-top: 12px; } .customer-store-inquiry-reference { margin-bottom: 4px; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; } .customer-store-inquiry-status { margin-top: 12px; padding: 8px 10px; border: 1px solid currentColor; border-radius: 5px; font-size: 13px; line-height: 1.5; } .customer-store-inquiry-status.is-waiting { color: #795600; background: #fff8e5; } .customer-store-inquiry-status.is-accepted { color: #27613a; background: #edf8f0; } .customer-store-inquiry-status.is-rejected { color: #963b32; background: #fff0ee; } :is(.black-background, .customer-page-black) .customer-store-inquiry-status.is-waiting { color: #f0cf7a; background: #302b1f; } :is(.black-background, .customer-page-black) .customer-store-inquiry-status.is-accepted { color: #91d6a6; background: #203127; } :is(.black-background, .customer-page-black) .customer-store-inquiry-status.is-rejected { color: #ffaaa1; background: #352523; } .customer-supplier-page .customer-supplier-accept { color: #27613a !important; } .customer-supplier-page .customer-supplier-reject { color: #963b32 !important; } :is(.black-background, .customer-page-black) .customer-supplier-page .customer-supplier-accept { color: #91d6a6 !important; } :is(.black-background, .customer-page-black) .customer-supplier-page .customer-supplier-reject { color: #ffaaa1 !important; } .customer-store-order-status .order-state-label { padding: 0; background: transparent; color: var(--review-ink) !important; } .customer-parts-page .mobile-filter-heading h1 { margin: 0; } .customer-parts-page .customer-parts-filter { margin: 12px 0 14px; } .customer-parts-page .customer-parts-filter form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; } .customer-parts-filter .customer-parts-filter-title, .customer-parts-filter .customer-parts-filter-submit { grid-column: 1 / -1; } .customer-parts-filter-submit { gap: 6px; } .customer-parts-filter-submit :is(i, svg) { width: 14px; height: 14px; } .customer-parts-filter .form-group { min-width: 0; margin: 0; padding: 0; } .customer-parts-filter input:not([type='submit']) { box-sizing: border-box; width: 100%; min-width: 0; min-height: 40px; margin: 0; padding: 8px 10px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field); color: var(--review-ink); font-size: 16px; } .customer-parts-filter input::-webkit-input-placeholder { color: var(--review-muted); opacity: 1; } .customer-parts-filter input::-moz-placeholder { color: var(--review-muted); opacity: 1; } .customer-parts-filter input:-ms-input-placeholder { color: var(--review-muted); opacity: 1; } .customer-parts-filter input::-ms-input-placeholder { color: var(--review-muted); opacity: 1; } .customer-parts-filter input::placeholder { color: var(--review-muted); opacity: 1; } .customer-parts-instructions { margin-top: 14px; } .customer-parts-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .customer-parts-list .customer-part-card { margin: 0; } .customer-part-main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .customer-part-photo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 64px; min-height: 64px; border: 1px solid var(--review-edge); border-radius: 5px; color: var(--review-muted); font-size: 24px; } .customer-part-photo > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 3px; } .customer-part-photo img { display: block; max-width: 100%; width: auto; max-height: 80px; height: auto; -o-object-fit: contain; object-fit: contain; } .customer-part-info { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .customer-part-reference { color: var(--review-link); font-size: 14px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; } .customer-parts-page .customer-part-info h2 { margin: 4px 0 8px; color: var(--review-ink); font-size: 14px; font-weight: 500; } .customer-part-figures, .customer-part-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 4px 8px; font-size: 14px; line-height: 1.5; } .customer-part-meta { margin-top: 6px; color: var(--review-muted); font-size: 12px; } .customer-part-description { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--review-edge); } .customer-part-description:empty { display: none; } .customer-part-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--review-edge); } .customer-part-moderation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: 13px; line-height: 1.5; } .customer-part-moderation.is-verified { color: #27613a; } .customer-part-moderation.is-waiting { color: #795600; } :is(.black-background, .customer-page-black) .customer-part-moderation.is-verified { color: #91d6a6; } :is(.black-background, .customer-page-black) .customer-part-moderation.is-waiting { color: #f0cf7a; } .customer-part-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 6px; } .customer-parts-page .customer-part-actions .btn { width: 32px; height: 32px; min-height: 32px; padding: 0; } .customer-part-views { margin-top: 8px; color: var(--review-muted); font-size: 12px; } .customer-part-form input[type='number'] { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field) !important; color: var(--review-ink) !important; font-size: 16px; } .customer-part-form .boolean label { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; width: auto; } .customer-part-form input[type='checkbox'] { position: static; -webkit-box-flex: 0; -webkit-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; height: 24px; margin: 0; accent-color: var(--review-link); } .customer-part-form .form-group.boolean > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .customer-part-form input[type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--review-field) !important; background-image: none !important; border: 1px solid var(--review-edge); border-radius: 4px; box-shadow: none !important; cursor: pointer; } .customer-part-form input[type='checkbox']:checked { border-color: var(--review-link); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='%2324638f' stroke-width='2.5'/%3E%3C/svg%3E") !important; } :is(.black-background, .customer-page-black) .customer-part-form input[type='checkbox']:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='%239dceef' stroke-width='2.5'/%3E%3C/svg%3E") !important; } .customer-part-form .select2-container { width: 100% !important; min-width: 0; } .customer-part-form .select2-selection--single { height: 44px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field); box-shadow: none; } .customer-part-form .select2-selection--single .select2-selection__rendered { color: var(--review-ink); font-size: 16px; line-height: 42px; } .customer-part-form .select2-selection--single .select2-selection__arrow { height: 42px; } .customer-part-form .select2-dropdown { border-color: var(--review-edge); background: var(--review-field); color: var(--review-ink); font-size: 14px; } .customer-part-form .select2-results__option[aria-selected='true'] { background: var(--review-surface); color: var(--review-link); } .customer-part-form .select2-results__option--highlighted[aria-selected] { background: var(--review-link); color: var(--review-surface); } .customer-part-form :is(.customer-part-main-image, .customer-part-extra-images) { margin-top: 14px; } .customer-part-form section h2 { margin: 0 0 10px; color: var(--review-link); font-size: 16px; line-height: 1.5; } .customer-part-form .upload-preview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 100px; margin-bottom: 10px; padding: 8px; border: 1px solid var(--review-edge); border-radius: 5px; } .customer-part-form .upload-preview img { display: block; max-width: 100%; width: auto; max-height: 190px; height: auto; -o-object-fit: contain; object-fit: contain; } .customer-part-photo-placeholder { display: none; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; color: var(--review-muted); font-size: 14px; line-height: 1.5; } .customer-part-form .upload-preview.is-empty img { display: none; } .upload-preview.is-empty .customer-part-photo-placeholder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .customer-part-form input[type='file'] { display: block; width: 100%; min-width: 0; max-width: 100%; margin-bottom: 10px; color: var(--review-ink); font-size: 14px; } .customer-part-form .customer-part-clear-photo { padding: 6px 8px; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent; color: var(--review-link); font-size: 13px; } .customer-part-extra-images .jcarousel { max-width: 100%; overflow: auto; } .customer-part-extra-images li { max-width: 100% !important; } .customer-part-extra-images img { height: auto; -o-object-fit: contain; object-fit: contain; } .customer-part-photo-controls { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; } .customer-part-form .customer-part-photo-controls .btn { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 40px; margin: 0 !important; padding: 8px; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent !important; color: var(--review-link) !important; font-size: 14px; font-weight: 400; line-height: 1.4; text-align: center; cursor: pointer; } .customer-part-form .customer-part-photo-controls input.customer-part-file-input { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; -webkit-clip-path: inset(50%); clip-path: inset(50%); overflow: hidden; } .customer-part-photo-controls:focus-within .customer-part-file-button { outline: 2px solid var(--review-link); outline-offset: 2px; } .customer-part-file-name { grid-column: 1 / -1; min-width: 0; color: var(--review-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; } .customer-part-form .customer-part-extra-images .jcarousel { margin-top: 12px; overflow: visible; } .customer-part-extra-images .jcarousel ul { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100% !important; margin: 0; padding: 0; left: 0 !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; list-style: none; } .customer-part-extra-images .jcarousel li { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; float: none; width: auto !important; min-width: 0; margin: 0; padding: 8px; border: 1px solid var(--review-edge); border-radius: 5px; } .customer-part-extra-images .jcarousel li > .btn { box-sizing: border-box; position: static !important; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; float: none !important; width: 32px; height: 32px; min-height: 32px; margin: 0; padding: 0; border: 1px solid var(--review-edge); border-radius: 4px; background: transparent !important; color: var(--review-link); font-size: 14px; line-height: 1; } .customer-part-extra-images .part-image-remove :is(i, svg) { width: 16px; height: 16px; font-size: 16px; } .customer-part-extra-images .jcarousel img { display: block; width: auto; max-width: 100% !important; height: auto; max-height: 180px; -o-object-fit: contain; object-fit: contain; } .customer-part-extra-images .jcarousel ul > br, .customer-part-extra-images .jcarousel-nav { display: none; } @media (max-width: 480px) { .customer-part-extra-images .jcarousel ul { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .customer-parts-list { grid-template-columns: minmax(0, 1fr); } } .customer-settings-page .customer-settings-card { padding: 0 12px; } .customer-settings-page .customer-setting-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 14px; min-height: 64px; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--review-edge); } .customer-settings-page .customer-setting-label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0 !important; color: var(--review-ink); font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer; } .customer-settings-page .customer-setting-row .form-check-input { box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; float: none; -webkit-box-flex: 0; -webkit-flex: 0 0 42px; -ms-flex: 0 0 42px; flex: 0 0 42px; width: 42px; height: 24px; min-height: 24px; margin: 0; padding: 0; border: 1px solid var(--review-edge); border-radius: 20px; background-color: var(--review-field); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%23536675'/%3E%3C/svg%3E"); background-position: left center; background-repeat: no-repeat; background-size: 22px 22px; box-shadow: none; cursor: pointer; } .customer-settings-page .customer-setting-row .form-check-input:checked { border-color: var(--review-link); background-color: var(--review-link); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='white'/%3E%3C/svg%3E"); background-position: right center; } :is(.black-background, .customer-page-black) .customer-settings-page .customer-setting-row .form-check-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%23b9c7d2'/%3E%3C/svg%3E"); } :is(.black-background, .customer-page-black) .customer-settings-page .customer-setting-row .form-check-input:checked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%23202124'/%3E%3C/svg%3E"); } .customer-settings-page .customer-setting-field { padding: 12px 0; border-bottom: 1px solid var(--review-edge); } .customer-settings-page .customer-setting-field .form-group { margin-bottom: 0; } .customer-settings-card > :last-child { border-bottom: 0; } .customer-settings-warning { margin-bottom: 14px; padding: 10px 12px; border: 1px solid #963b32; border-radius: 6px; background: #fff0ee; color: #963b32; font-size: 14px; line-height: 1.5; } :is(.black-background, .customer-page-black) .customer-settings-warning { border-color: #ffaaa1; background: #352523; color: #ffaaa1; } .customer-client-explanation { margin-bottom: 14px; } .customer-client-page :is(.customer-client-explanation h2, .customer-client-people h2) { margin: 0 0 10px; color: var(--review-link); font-size: 16px; line-height: 1.5; } .customer-client-page .customer-client-explanation p { margin: 0 0 8px; color: var(--review-ink); font-size: 14px; line-height: 1.6; text-align: left; text-indent: 0; } .customer-client-page .customer-client-explanation p:last-child { margin-bottom: 0; } .customer-client-page input[type='tel'] { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-field) !important; color: var(--review-ink) !important; font-size: 16px; line-height: 1.5; } .customer-client-country { margin-bottom: 18px; } .customer-client-country-label { display: block; margin-bottom: 8px; color: var(--review-ink); font-size: 14px; font-weight: 600; line-height: 1.5; } .customer-client-page .customer-client-country .customer-client-country-label { margin-bottom: 8px; } .customer-client-country-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .customer-client-page .customer-client-country-buttons .btn { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 0; min-height: 40px; margin: 0; padding: 8px 4px; border: 1px solid var(--review-edge); border-radius: 5px; background: transparent !important; color: var(--review-link) !important; font-size: 13px; line-height: 1.4; text-decoration: none; } .customer-client-page .customer-client-country-buttons .btn.is-active { border-color: var(--review-link); background: var(--review-field) !important; box-shadow: inset 0 -2px var(--review-link); font-weight: 600; } .customer-client-people { margin-top: 18px; } .customer-client-people-table { max-width: 100%; overflow-x: auto; margin-bottom: 14px; border: 1px solid var(--review-edge); border-radius: 5px; background: var(--review-surface); } .customer-client-people-table .table { margin: 0; border-color: var(--review-edge); color: var(--review-ink); font-size: 13px; line-height: 1.5; } .customer-client-people-table :is(th, td) { border-color: var(--review-edge); background: transparent; color: var(--review-ink); } .customer-client-people-table a { color: var(--review-link); } .customer-vehicles-page { --vehicles-surface: #fff; --vehicles-panel: #f4f8fb; --vehicles-ink: #253947; --vehicles-muted: #536675; --vehicles-edge: #899dab; --vehicles-link: #24638f; color: var(--vehicles-ink); } .dark-background .customer-vehicles-page { --vehicles-surface: #e5e5e5; --vehicles-panel: #f0f0f0; } :is(.black-background, .customer-page-black) .customer-vehicles-page { --vehicles-surface: #202124; --vehicles-panel: #292d32; --vehicles-ink: #e1e7ec; --vehicles-muted: #b9c7d2; --vehicles-edge: #6088a3; --vehicles-link: #9dceef; } .customer-vehicles-heading, .customer-vehicle-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; } .customer-vehicles-page .customer-vehicles-heading h1 { min-width: 0; margin: 0; color: var(--vehicles-link); font-size: 22px; line-height: 1.4; } .customer-vehicles-page .customer-vehicles-add { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 36px; -ms-flex: 0 0 36px; flex: 0 0 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 0; border: 1px solid var(--vehicles-edge); border-radius: 5px; background: transparent !important; color: var(--vehicles-link) !important; font-size: 16px; } .customer-vehicles-help { margin: 14px 0; padding: 12px; border: 1px solid var(--vehicles-edge); border-radius: 6px; background: var(--vehicles-panel); } .customer-vehicles-page .customer-vehicles-help p { margin: 0 0 8px; color: var(--vehicles-muted); font-size: 14px; line-height: 1.5; text-align: left; text-indent: 0; } .customer-vehicles-page .customer-vehicles-help p:last-child { margin-bottom: 0; } .customer-vehicles-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .customer-vehicle-card { min-width: 0; padding: 12px; border: 1px solid var(--vehicles-edge); border-radius: 6px; background: var(--vehicles-surface); } .customer-vehicles-page .customer-vehicle-heading h2 { min-width: 0; margin: 0; color: var(--vehicles-ink); font-size: 16px; line-height: 1.4; overflow-wrap: anywhere; } .customer-vehicle-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; gap: 6px; } .customer-vehicles-page .customer-vehicle-actions a { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 1px solid var(--vehicles-edge); border-radius: 5px; background: transparent; color: var(--vehicles-link); font-size: 16px; text-decoration: none; } .customer-vehicle-actions :is(i, svg), .customer-vehicles-add :is(i, svg) { width: 16px; height: 16px; } .customer-vehicle-details { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px 10px; margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--vehicles-edge); font-size: 14px; line-height: 1.5; } .customer-vehicle-details dt { margin: 0; color: var(--vehicles-muted); font-weight: 400; } .customer-vehicle-details dd { min-width: 0; margin: 0; color: var(--vehicles-ink); overflow-wrap: anywhere; } .customer-vehicle-vin { font-family: monospace; } .customer-vehicles-page .customer-vehicles-empty { grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px solid var(--vehicles-edge); border-radius: 6px; color: var(--vehicles-muted); font-size: 14px; line-height: 1.5; text-indent: 0; } .customer-vehicles-page a:focus-visible { outline: 2px solid var(--vehicles-link); outline-offset: 2px; } @media (max-width: 767px) { .customer-vehicles-list { grid-template-columns: minmax(0, 1fr); } } .customer-vehicle-form-page { box-sizing: border-box; width: 100%; max-width: none; min-width: 0; margin: 0; } .customer-vehicle-form-page h1 { margin: 0 0 14px; color: var(--vehicles-link); font-size: 22px; line-height: 1.4; } .customer-vehicle-form-page form { margin: 0; padding: 0; } .customer-vehicle-form-fields { padding: 14px; border: 1px solid var(--vehicles-edge); border-radius: 6px; background: var(--vehicles-surface); } .customer-vehicle-form-page .form-group { display: block; margin: 0 0 14px; padding: 0; } .customer-vehicle-form-page .form-group:last-child { margin-bottom: 0; } .customer-vehicle-form-page .form-group > :is(label, div) { float: none; width: 100%; max-width: 100%; margin: 0; padding: 0; text-align: left; } .customer-vehicle-form-page label { display: block; margin-bottom: 6px !important; color: var(--vehicles-ink); font-size: 14px; font-weight: 600; line-height: 1.5; } .customer-vehicle-form-page input:not([type='hidden']):not([type='submit']) { box-sizing: border-box; display: block; width: 100%; min-width: 0; height: 40px; min-height: 40px; margin: 0; padding: 8px 10px; border: 1px solid var(--vehicles-edge); border-radius: 5px; background: var(--vehicles-panel) !important; color: var(--vehicles-ink) !important; font-size: 16px; line-height: 1.4; } .customer-vehicle-form-page .help-block { margin: 6px 0 0; font-size: 12px; line-height: 1.5; text-indent: 0; } .customer-vehicle-form-page .has-error input { border-color: #c35b52 !important; } .customer-vehicle-form-page .has-error .help-block { color: #bd443a; } :is(.black-background, .customer-page-black) .customer-vehicle-form-page .has-error .help-block { color: #ffaaa1; } .customer-vehicle-form-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 14px; } .customer-vehicle-form-page .customer-vehicle-form-actions .btn { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; margin: 0; padding: 8px 10px; border: 1px solid var(--vehicles-edge); border-radius: 5px; background: transparent !important; color: var(--vehicles-link) !important; font-size: 14px; line-height: 1.4; } .customer-vehicle-form-page .customer-vehicle-form-actions .btn-default { color: var(--vehicles-muted) !important; } .customer-vehicle-form-page input:focus-visible { outline: 2px solid var(--vehicles-link); outline-offset: 2px; } .customer-balance-page { --balance-surface: #fff; --balance-panel: #f4f8fb; --balance-ink: #253947; --balance-muted: #536675; --balance-edge: #899dab; --balance-link: #24638f; --balance-debt: #963b32; color: var(--balance-ink); } .dark-background .customer-balance-page { --balance-surface: #e5e5e5; --balance-panel: #f0f0f0; } :is(.black-background, .customer-page-black) .customer-balance-page { --balance-surface: #202124; --balance-panel: #292d32; --balance-ink: #e1e7ec; --balance-muted: #b9c7d2; --balance-edge: #6088a3; --balance-link: #9dceef; --balance-debt: #ffaaa1; } .customer-balance-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px 12px; margin-bottom: 14px; } .customer-balance-page h1 { margin: 0; color: var(--balance-link); font-size: 22px; line-height: 1.4; } .customer-balance-debt { color: var(--balance-debt); font-size: 16px; font-weight: 600; } .customer-balance-contracts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; } .customer-balance-page .customer-balance-contracts a { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid var(--balance-edge); border-radius: 5px; background: var(--balance-surface); color: var(--balance-link); font-size: 14px; line-height: 1.4; text-align: center; text-decoration: none; overflow-wrap: anywhere; } .customer-balance-page .customer-balance-contracts a.is-active { border-color: var(--balance-link); background: var(--balance-panel); box-shadow: inset 0 -2px var(--balance-link); font-weight: 600; } .customer-balance-documents { display: grid; gap: 12px; } .customer-balance-document { min-width: 0; padding: 12px; border: 1px solid var(--balance-edge); border-radius: 6px; background: var(--balance-surface); } .customer-balance-document-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 6px 12px; } .customer-balance-page .customer-balance-document-heading h2 { min-width: 0; margin: 0; color: var(--balance-ink); font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; } .customer-balance-amount { color: var(--balance-ink); font-size: 16px; line-height: 1.5; font-weight: 600; } .customer-balance-amount.is-credit { color: var(--balance-link); } .customer-balance-fields { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 6px 10px; margin: 10px 0 0; font-size: 14px; line-height: 1.5; } .customer-balance-fields dt { margin: 0; color: var(--balance-muted); font-weight: 400; } .customer-balance-fields dd { min-width: 0; margin: 0; color: var(--balance-ink); overflow-wrap: anywhere; } .customer-balance-details { margin-top: 12px; border-top: 1px solid var(--balance-edge); } .customer-balance-details summary { padding: 10px 0 0; color: var(--balance-link); font-size: 14px; line-height: 1.5; cursor: pointer; } .customer-balance-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; } .customer-balance-item { min-width: 0; padding: 10px; border: 1px solid var(--balance-edge); border-radius: 5px; background: var(--balance-panel); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .customer-balance-item-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px; } .customer-balance-item-number { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: var(--balance-muted); } .customer-balance-page .customer-balance-item p { margin: 6px 0 0; color: var(--balance-ink); font-size: 14px; line-height: 1.5; text-align: left; text-indent: 0; } .customer-balance-page .customer-balance-empty { margin: 0; padding: 12px; border: 1px solid var(--balance-edge); border-radius: 6px; color: var(--balance-muted); font-size: 14px; line-height: 1.5; text-indent: 0; } .customer-balance-page :is(a, summary):focus-visible { outline: 2px solid var(--balance-link); outline-offset: 2px; } @media (max-width: 767px) { .customer-balance-items { grid-template-columns: minmax(0, 1fr); } } .customer-notices-page { --notices-surface: #fff; --notices-panel: #f4f8fb; --notices-ink: #253947; --notices-muted: #536675; --notices-edge: #899dab; --notices-link: #24638f; --notices-danger: #963b32; color: var(--notices-ink); } .dark-background .customer-notices-page { --notices-surface: #e5e5e5; --notices-panel: #f0f0f0; } :is(.black-background, .customer-page-black) .customer-notices-page { --notices-surface: #202124; --notices-panel: #292d32; --notices-ink: #e1e7ec; --notices-muted: #b9c7d2; --notices-edge: #6088a3; --notices-link: #9dceef; --notices-danger: #ffaaa1; } .customer-notices-page h1 { margin: 0 0 14px; color: var(--notices-link); font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; } .customer-notices-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; } .customer-notices-page .customer-notices-navigation a { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid var(--notices-edge); border-radius: 5px; background: var(--notices-surface); color: var(--notices-link); font-size: 14px; line-height: 1.4; text-align: center; text-decoration: none; } .customer-notices-page .customer-notices-navigation a.is-active { border-color: var(--notices-link); background: var(--notices-panel); box-shadow: inset 0 -2px var(--notices-link); font-weight: 600; } .customer-notices-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .customer-notice-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 0; padding: 12px; border: 1px solid var(--notices-edge); border-radius: 6px; background: var(--notices-surface); } .customer-notice-heading { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .customer-notice-heading .customer-notice-reference { display: inline; margin-right: 8px; } .customer-notice-reference { color: var(--notices-link); font-size: 14px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; } .customer-notices-page .customer-notice-reference a { color: var(--notices-link); text-decoration: none; } .customer-notices-page .customer-notice-reference a:hover { text-decoration: underline; } .customer-notices-page .customer-notice-card h2 { display: inline; margin: 0; color: var(--notices-ink); font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; } .customer-notice-fields { display: grid; grid-template-columns: minmax(92px, 1fr) minmax(0, 1fr); gap: 6px 10px; margin: 12px 0; font-size: 14px; line-height: 1.5; } .customer-notice-fields dt { margin: 0; color: var(--notices-muted); font-weight: 400; } .customer-notice-fields dd { min-width: 0; margin: 0; color: var(--notices-ink); text-align: right; overflow-wrap: anywhere; } .customer-notice-price { font-weight: 600; } .customer-notice-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; margin-top: auto; padding: 8px 10px; border: 1px solid var(--notice-status-color); border-radius: 5px; background: var(--notice-status-background); font-size: 13px; line-height: 1.5; } .customer-notice-footer.is-waiting { --notice-status-color: #795600; --notice-status-background: #fff8e5; } .customer-notice-footer.is-delivered { --notice-status-color: #27613a; --notice-status-background: #edf8f0; } .customer-notice-footer.is-canceled { --notice-status-color: #963b32; --notice-status-background: #fff0ee; } :is(.black-background, .customer-page-black) .customer-notice-footer.is-waiting { --notice-status-color: #f0cf7a; --notice-status-background: #302b1f; } :is(.black-background, .customer-page-black) .customer-notice-footer.is-delivered { --notice-status-color: #91d6a6; --notice-status-background: #203127; } :is(.black-background, .customer-page-black) .customer-notice-footer.is-canceled { --notice-status-color: #ffaaa1; --notice-status-background: #352523; } .customer-notice-status { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 120px; color: var(--notice-status-color); } .customer-notice-action { color: var(--notices-muted); } .customer-notices-page .customer-notice-action a { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 32px; margin: 0; padding: 5px 8px; border: 1px solid currentColor; border-radius: 5px; background: transparent !important; color: var(--notices-danger) !important; font-size: 13px; line-height: 1.4; text-decoration: none; } .customer-notices-page .customer-notices-empty { grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px solid var(--notices-edge); border-radius: 6px; color: var(--notices-muted); font-size: 14px; line-height: 1.5; text-indent: 0; } .customer-notices-page a:focus-visible { outline: 2px solid var(--notices-link); outline-offset: 2px; } @media (max-width: 767px) { .customer-notices-list { grid-template-columns: minmax(0, 1fr); } } .customer-desktop-shell .customer-order-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px 20px; margin: 16px 0; } .customer-desktop-shell .customer-order-section { --order-surface: #fff; --order-panel: #edf3f8; --order-ink: #253947; --order-edge: #899dab; --order-link: #24638f; --order-success: #26783b; --order-danger: #a12d24; background: var(--order-surface) !important; color: var(--order-ink); border: 1px solid var(--order-edge) !important; } .customer-desktop-shell.dark-background .customer-order-section { --order-surface: #e5e5e5; --order-panel: #d5dce1; --order-ink: #222; } .customer-desktop-shell.black-background .customer-order-section { --order-surface: #202124; --order-panel: #263744; --order-ink: #e1e7ec; --order-edge: #5a7d97; --order-link: #9dceef; --order-success: #81d991; --order-danger: #ff9e94; } .customer-desktop-shell .customer-order-section .dropdown-menu { max-width: calc(100vw - 24px); padding: 4px; border: 1px solid var(--order-edge); border-radius: 6px; background: var(--order-surface); color: var(--order-ink); box-shadow: 0 6px 20px rgba(0,0,0,.2); } .customer-desktop-shell .customer-order-section .dropdown-menu li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 34px; padding: 6px 10px; border-radius: 4px; color: var(--order-link); font-size: 13px; line-height: 1.4; white-space: normal; text-decoration: none; } .customer-desktop-shell .customer-order-section .dropdown-menu a[title='отменить'], .customer-desktop-shell .customer-order-section .dropdown-menu a[data-method='post'] { color: var(--order-danger) !important; } .customer-desktop-shell .customer-order-section .dropdown-menu li > a:hover, .customer-desktop-shell .customer-order-section .dropdown-menu li > a:focus-visible { background: var(--order-panel); color: var(--order-ink); } .customer-desktop-shell .customer-order-section .dropdown-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 4px; min-width: 32px; min-height: 28px; margin: 0; padding: 4px 6px; border-radius: 5px; } .customer-desktop-shell .order-products-section #items tr[style*='border-top'], .customer-desktop-shell .order-products-section #items .border-bottom { border-color: var(--order-edge) !important; } .customer-desktop-shell .order-products-section #items .summary { border-color: var(--order-edge) !important; padding-top: 8px; padding-bottom: 8px; } .customer-desktop-shell .order-products-section :is(span, b)[style*='background-color: lightgreen'] { display: inline-block; padding: 2px 5px; border: 1px solid currentColor; border-radius: 4px; background: transparent !important; color: var(--order-success) !important; white-space: nowrap; } .customer-desktop-shell .order-products-section [style*='color: green'] { color: var(--order-success) !important; } .customer-desktop-shell .order-products-section .order-status-info { color: var(--order-link) !important; } .customer-desktop-shell .order-products-section .order-status-success { color: var(--order-success) !important; } .customer-desktop-shell .order-products-section .order-status-danger { color: var(--order-danger) !important; } .customer-desktop-shell .customer-order-heading h1 { -webkit-box-flex: 1; -webkit-flex: 1 1 500px; -ms-flex: 1 1 500px; flex: 1 1 500px; min-width: 0; margin: 0; } .customer-desktop-shell .customer-order-payment-status { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 100%; min-height: 34px; padding: 6px 10px; border: 1px solid #a46c12; border-radius: 6px; background: transparent; color: #80520a; font-size: 14px; font-weight: 600; line-height: 1.4; white-space: normal; } .customer-desktop-shell .customer-order-payment-status.badge-important { border-color: #b43c32; color: #a12d24; } .customer-desktop-shell .customer-order-payment-status.badge-success { border-color: #318344; color: #256b35; } .customer-desktop-shell .order-weight-label { vertical-align: middle; font-weight: 500; } .customer-desktop-shell .order-confirmation-payment-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } .customer-desktop-shell .order-weight-value { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 70px; margin: 4px 6px; padding: 5px 10px; border: 1px solid #a46c12; border-radius: 5px; background: #fff5d9; color: #6d480b; font-weight: 600; line-height: 1.4; white-space: nowrap; } .customer-desktop-shell.black-background .order-weight-value { border-color: #e8c56c; background: transparent; color: #f3d28a; } .customer-desktop-shell .order-documents-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px 20px; padding: 12px; margin-bottom: 18px; border-radius: 6px; } .customer-desktop-shell .order-documents-toolbar { border: 1px solid #899dab; background: #edf3f8; } .customer-desktop-shell.dark-background .order-documents-toolbar { background: #d5dce1; } .customer-desktop-shell .order-documents-toolbar a { color: #24638f; } .customer-desktop-shell .order-documents-toolbar .order-print-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: none; margin: 0; } .customer-desktop-shell.black-background .order-documents-toolbar { background: #202124; border: 1px solid #5a7d97; } .customer-desktop-shell.black-background .order-documents-toolbar a { color: #9dceef; } .customer-desktop-shell.black-background .customer-order-section { background: #202124 !important; color: #e1e7ec; border: 1px solid #5a7d97 !important; } .customer-desktop-shell.black-background :is(.order-buyer-section, .order-delivery-payment-section) { border-color: #ab9654 !important; } .customer-desktop-shell.black-background .customer-order-section legend { background: #263744; color: #d6ebfb; border: 1px solid #5a7d97; border-radius: 5px; padding: 6px 10px; line-height: 1.5; } .customer-desktop-shell.black-background .customer-order-section :is(dt, dd) { color: #e1e7ec; } .customer-desktop-shell.black-background .customer-order-section a:not(.btn) { color: #9dceef; } .customer-desktop-shell.black-background .customer-order-section .table span[style*='#f0ad4e'] { background: #44391e !important; color: #f3d28a; padding: 2px 5px; border-radius: 3px; } .customer-desktop-shell.black-background .customer-order-payment-status { background: transparent; border: 1px solid #e8c56c; color: #e8c56c; padding: 6px 10px; } .customer-desktop-shell.black-background .customer-order-payment-status.badge-important { border-color: #ff9e94; color: #ff9e94; } .customer-desktop-shell.black-background .customer-order-payment-status.badge-success { border-color: #81d991; color: #81d991; } @media (max-width: 767px) { .customer-desktop-shell.black-background .customer-order-section { padding: 12px !important; } .customer-desktop-shell .order-products-section #bad_cart_items { overflow-x: auto; } } .customer-desktop-shell :is(.order-products-section, .order-verification-section) { padding: 0 !important; overflow: visible; } .customer-desktop-shell .customer-order-section > .customer-order-products-heading { display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--order-edge); border-radius: 9px 9px 0 0; background: var(--order-panel); color: var(--order-link); font-size: 18px; line-height: 1.4; } .customer-order-products-body { min-width: 0; padding: 16px; } .customer-desktop-shell .order-products-section #items { width: 100%; margin: 0 0 12px; color: var(--order-ink); font-size: 13px; line-height: 1.45; } .customer-desktop-shell .order-products-section #items :is(th, td) { padding: 6px; border-color: var(--order-edge); vertical-align: top; } .customer-desktop-shell .order-products-section #items th { background: var(--order-panel); font-size: 12px; } .customer-desktop-shell .order-products-section #items td:nth-child(4) { white-space: nowrap; } .customer-desktop-shell .order-products-section #items a:not(.btn) { color: var(--order-link); } .customer-desktop-shell .order-products-section #items td[style*='lightpink'] { background: #f8e9ed !important; } .customer-desktop-shell .order-products-section #items td[style*='lightgreen'] { background: #edf6ef !important; } .customer-desktop-shell.black-background .order-products-section #items td[style*='lightpink'] { background: #37292e !important; } .customer-desktop-shell.black-background .order-products-section #items td[style*='lightgreen'] { background: #26382d !important; } .customer-desktop-shell .order-products-section #bad_cart_items > p { margin: 12px 0 0; font-size: 12px; line-height: 1.5; color: var(--order-ink); } .customer-mobile-order .customer-mobile-inquiry-page .inquiry-detail-offers td { border: 0; background: transparent; color: var(--inquiry-ink); } .customer-mobile-order .customer-mobile-inquiry-page .inquiry-detail-offers table { width: 100%; margin: 0; } .customer-mobile-order .customer-mobile-inquiry-page .inquiry-offer-photo img { background: #fff; } .customer-mobile-order .customer-mobile-inquiry-page .inquiry-chat { margin: 0 12px 12px; } .customer-mobile-order .customer-mobile-inquiry-page .inquiry-offer-position { margin-left: auto !important; } .customer-desktop-shell .order-verification-section .inquiry-detail-offers td { border: 0; background: transparent; color: var(--inquiry-ink); } .customer-desktop-shell .order-verification-section .inquiry-detail-offers table { width: 100%; margin: 0; } .customer-desktop-shell .order-verification-section .inquiry-offer-photo img { background: #fff; } .customer-order-verification-messages { padding: 0 16px 16px; } .customer-desktop-shell .order-buyer-section .dl-horizontal { display: grid; grid-template-columns: minmax(160px, 230px) minmax(0, 1fr); -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px 16px; margin: 0 0 16px; } .customer-desktop-shell .order-buyer-section .dl-horizontal > dt { float: none; width: auto; margin: 0; padding: 0; text-align: left; white-space: normal; } .customer-desktop-shell .order-buyer-section .dl-horizontal > dd { min-width: 0; margin: 0; padding: 0; overflow-wrap: anywhere; } .customer-order-products-table { table-layout: fixed; width: 100%; min-width: 0; } .customer-order-products-table .order-column-position { width: 3%; } .customer-order-products-table .order-column-part { width: 27%; } .customer-order-products-table .order-column-status { width: 16%; } .customer-order-products-table .order-column-delivery { width: 12%; } .customer-order-products-table .order-column-cost { width: 18%; } .customer-order-products-table .order-column-discount { width: 8%; } .customer-order-products-table .order-column-total { width: 11%; } .customer-order-products-table .order-column-actions { width: 5%; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items :is(th, td) { padding: 6px 4px; vertical-align: middle; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items th { font-size: 12px; line-height: 1.3; white-space: nowrap; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items :is(th, .customer-order-product-row > td):is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6), :nth-child(8)) { text-align: center; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items :is(th, .customer-order-product-row > td):is(:nth-child(5), :nth-child(7)) { text-align: right; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .customer-order-product-row > td:nth-child(7) { white-space: nowrap; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items :is(th, .customer-order-product-row > td):nth-child(2) { text-align: left; white-space: normal; overflow-wrap: break-word; word-break: normal; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .summary { text-align: right; padding-top: 8px; padding-bottom: 8px; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items tfoot .order-summary-row:first-child { border-top: 2px solid var(--order-edge); } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .order-summary-total { background: var(--order-panel); } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .order-product-actions { width: 44px; text-align: center; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .order-weight-label { border-top: 1px solid var(--order-edge); text-align: left; } .customer-desktop-shell .customer-order-table-content > .cart-delivery-legend { margin-top: 10px; padding: 0; } .customer-desktop-shell .order-products-section { --order-surface: #edf7fb; --order-panel: #d5eaf5; --order-edge: #649db7; border-width: 2px !important; } .customer-desktop-shell .order-buyer-section { --order-surface: #fffde8; --order-panel: #f4e9b1; --order-edge: #c4a63c; border-width: 2px !important; } .customer-desktop-shell.dark-background .order-products-section { --order-surface: #dce7ed; --order-panel: #bed3e0; } .customer-desktop-shell.dark-background .order-buyer-section { --order-surface: #ece8d5; --order-panel: #d9c98f; } .customer-desktop-shell.black-background .order-products-section { --order-surface: #202124; --order-panel: #263c4a; --order-edge: #6dabc7; } .customer-desktop-shell.black-background .order-buyer-section { --order-surface: #202124; --order-panel: #3b3421; --order-edge: #d0b15d; } .customer-desktop-shell .order-products-section .customer-order-table-content { max-width: 100%; overflow: visible; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items { margin-bottom: 8px; font-size: 12px; --bs-table-bg: transparent; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items th { font-size: 12px; font-weight: 600; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .customer-order-product-row > td { background: transparent; } .customer-desktop-shell .order-products-section .customer-order-products-heading { font-size: 18px; padding: 10px 12px; border-radius: 6px 6px 0 0; } .customer-desktop-shell .order-products-section .customer-order-products-body { padding: 12px; } .customer-desktop-shell .order-buyer-section { padding: 16px !important; } .customer-desktop-shell .order-buyer-section > :is(legend, .customer-order-buyer-heading):first-child { display: block; float: none; box-sizing: border-box; width: calc(100% + 32px); max-width: none; margin: -16px -16px 16px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--order-edge); border-radius: 6px 6px 0 0; background: var(--order-panel); color: var(--order-link); font-size: 18px; font-weight: 400; line-height: 1.4; } .customer-desktop-shell.black-background :is(.order-products-section, .order-buyer-section) { border-width: 2px !important; } .customer-desktop-shell .customer-order-heading a { color: #24638f; } .customer-desktop-shell.black-background .customer-order-heading a { color: #9dceef; } .customer-desktop-shell .customer-order-keywords { margin: 0 0 12px; font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; } .customer-desktop-shell .customer-order-keywords strong { font-size: 22px; font-weight: 600; } .customer-order-products-table .order-cost-calculation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 2px 4px; white-space: normal; } .customer-order-products-table :is(.order-unit-cost, .order-line-cost) { white-space: nowrap; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items .order-product-actions { width: auto; padding-left: 2px; padding-right: 2px; } .customer-desktop-shell .order-products-section table.customer-order-products-table#items th:nth-child(6) { font-size: 11px; } .customer-order-products-table .order-weight-unknown { margin-left: 8px; color: var(--order-link, #24638f); font-size: 12px; } .order-payment-summary .order-payment-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 14px; } .order-payment-summary .order-payment-admin-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-left: auto; } .order-payment-actions .btn, .order-payment-edit-form .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; padding: 8px 14px; margin: 0 !important; font-size: 14px; line-height: 1.4; border-radius: 5px; } .order-payment-actions form { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; margin: 0; } .order-payment-label { display: block; margin-bottom: 10px; font-weight: 600; } .order-payment-edit-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 16px; } .order-payment-select { --payment-select-text: #29465b; --payment-select-edge: #9fb6c8; --payment-select-surface: #fff; position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 320px; -ms-flex: 1 1 320px; flex: 1 1 320px; min-width: 0; max-width: 680px; color: var(--payment-select-text); } .order-payment-edit-form .order-payment-select select { display: block; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; min-width: 0; height: 44px; min-height: 44px; margin: 0; padding: 10px 48px 10px 14px; border: 1px solid var(--payment-select-edge); border-radius: 5px; background: var(--payment-select-surface); color: var(--payment-select-text); font-size: 14px; font-weight: 400; line-height: 20px; cursor: pointer; } .order-payment-select::before { content: ''; position: absolute; right: 40px; top: 10px; bottom: 10px; width: 1px; background: var(--payment-select-edge); pointer-events: none; } .order-payment-select::after { content: ''; position: absolute; right: 17px; top: calc(50% - 6px); width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; } .order-payment-select select:focus-visible { outline: 2px solid #5aa5d9; outline-offset: 2px; } :is(body.customer-page-black, body.admin-theme-black) .order-payment-select { --payment-select-text: #d6ebfb; --payment-select-edge: #5a7d97; --payment-select-surface: #292d32; } :is(body.customer-page-black, body.admin-theme-black) .order-payment-select select { color-scheme: dark; } .order-payment-edit-form .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-payment-online-actions { display: grid; gap: 8px; width: 100%; } .order-payment-primary-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px 12px; } .order-payment-pay-control { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .order-payment-method-icons > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .order-payment-method-icons img.pay_img { width: auto; max-width: 96px; height: 24px !important; margin: 0; -o-object-fit: contain; object-fit: contain; } .order-payment-edit-form :is(select, .btn) { box-sizing: border-box; height: 44px !important; min-height: 44px !important; } .order-payment-edit-form .btn-primary { border: 1px solid #286090; background: #286090 !important; color: #fff !important; font-size: 14px; line-height: 20px; } :is(body.customer-page-black, body.admin-theme-black, .black-background) .order-payment-select { --payment-select-text: #d6ebfb; --payment-select-edge: #5a7d97; --payment-select-surface: #292d32; } :is(body.customer-page-black, body.admin-theme-black, .black-background) .order-payment-edit-form .btn-primary { border-color: #9dceef !important; background: transparent !important; color: #9dceef !important; } @media (max-width: 575px) { .order-payment-actions .btn, .order-payment-edit-form :is(select, .btn) { min-height: 44px; } } :is(.order-buyer-section, .admin-order-buyer) { --buyer-surface: #fffde8; --buyer-heading: #f4e9b1; --buyer-ink: #253947; --buyer-edge: #c4a63c; --buyer-link: #24638f; --buyer-danger: #a12d24; --buyer-success: #26763d; } :is(.dark-background, .customer-page-dark, .admin-theme-dark) :is(.order-buyer-section, .admin-order-buyer) { --buyer-surface: #ece8d5; --buyer-heading: #d9c98f; --buyer-ink: #222; } :is(.black-background, .customer-page-black, .admin-theme-black) :is(.order-buyer-section, .admin-order-buyer) { --buyer-surface: #202124; --buyer-heading: #3b3421; --buyer-ink: #e1e7ec; --buyer-edge: #d0b15d; --buyer-link: #9dceef; --buyer-danger: #ff9e94; --buyer-success: #81d991; } body.admin-shell .admin-order-buyer { box-sizing: border-box; margin-bottom: 16px; padding: 16px; border: 2px solid var(--buyer-edge) !important; border-radius: 8px; background: var(--buyer-surface) !important; color: var(--buyer-ink); } body.admin-shell .admin-order-buyer > legend:first-child { display: block; float: none; box-sizing: border-box; width: calc(100% + 32px); max-width: none; margin: -16px -16px 16px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--buyer-edge); border-radius: 6px 6px 0 0; background: var(--buyer-heading); color: var(--buyer-link); font-size: 18px; font-weight: 400; line-height: 1.4; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) > legend:not(:first-child) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: none; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; width: 100%; margin: 16px 0 12px; padding: 8px 10px; border: 1px solid var(--buyer-edge); border-radius: 5px; background: var(--buyer-heading); color: var(--buyer-link); font-size: 16px; font-weight: 500; line-height: 1.4; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .dl-horizontal { display: grid; grid-template-columns: minmax(150px, 220px) minmax(0, 1fr); -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 8px 16px; margin: 0 0 12px; color: var(--buyer-ink); font-size: 14px; line-height: 1.5; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .dl-horizontal > :is(dt, dd) { float: none; width: auto; min-width: 0; margin: 0; padding: 0; text-align: left; overflow-wrap: anywhere; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .dl-horizontal > dt { grid-column: 1; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .dl-horizontal > dd { grid-column: 2; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .dl-horizontal > :not(dt):not(dd) { grid-column: 1 / -1; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .order-payment-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .order-payment-admin-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px; margin-left: auto; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) :is(.order-payment-actions .btn, .order-buyer-delivery-change) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 160px; max-width: 100%; min-height: 36px; margin: 0 !important; padding: 7px 12px; border: 1px solid var(--buyer-link); border-radius: 5px; background: transparent; color: var(--buyer-link); font-size: 14px; line-height: 20px; white-space: normal; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) :is(.order-payment-actions .btn, .order-buyer-delivery-change):is(.btn-primary, .btn-info) { border-color: var(--buyer-link); background: transparent !important; color: var(--buyer-link) !important; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .order-payment-actions .btn-danger { border-color: var(--buyer-danger); background: transparent; color: var(--buyer-danger); } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .order-payment-actions .btn-success { border-color: var(--buyer-success); background: transparent; color: var(--buyer-success); } :is(.black-background, .customer-page-black, .admin-theme-black) :is(.order-buyer-section, .admin-order-buyer) :is(.order-payment-actions .btn, .order-buyer-delivery-change) { background: transparent !important; color: var(--buyer-link); border-color: var(--buyer-link); } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .order-buyer-delivery-value { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } :is(.customer-desktop-shell, .admin-shell) :is(.order-buyer-section, .admin-order-buyer) .order-buyer-delivery-value .order-buyer-delivery-change { margin-left: auto !important; } @media (max-width: 575px) { body.admin-shell .admin-order-buyer .dl-horizontal { display: block; } body.admin-shell .admin-order-buyer .dl-horizontal > dd { margin-bottom: 8px; } body.admin-shell .admin-order-buyer :is(.order-payment-actions .btn, .order-buyer-delivery-change) { width: 100%; min-height: 40px; } body.admin-shell .admin-order-buyer .order-payment-admin-actions { width: 100%; margin-left: 0; } } :is(.customer-desktop-shell, .admin-shell) .order-documents-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px 16px; padding: 6px 10px; margin-bottom: 10px; } :is(.customer-desktop-shell, .admin-shell) .order-documents-toolbar .order-print-links { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; min-height: 24px; margin: 0; padding: 0; border: 0; border-radius: 0; font-size: 13px; line-height: 1.4; } :is(.customer-desktop-shell, .admin-shell) .order-documents-toolbar .order-print-links img { width: 16px; height: 16px; margin: 0 !important; -o-object-fit: contain; object-fit: contain; } .customer-mobile-order .mobile-order-print-section #print_links_block { padding: 0 10px 6px; } .customer-mobile-order .mobile-order-print-section #print_links_block > a { min-height: 40px; margin-bottom: 4px !important; padding-top: 6px; padding-bottom: 6px; } .customer-desktop-shell .customer-inquiries-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px 20px; margin: 16px 0; } .customer-desktop-shell .customer-inquiries-heading h1 { margin: 0; line-height: 1.4; } .customer-desktop-shell .customer-inquiries-heading .inquiry-expiration-note { font-size: 14px; font-weight: normal; color: #80520a; vertical-align: middle; } .customer-desktop-shell.black-background .customer-inquiries-heading .inquiry-expiration-note { color: #e8c56c; } .customer-desktop-shell .table .inquiry-number-link { background: transparent !important; color: #24638f !important; border: 1px solid currentColor !important; box-shadow: none; } .customer-desktop-shell .table .inquiry-number-link.btn-danger { color: #a12d24 !important; } .customer-desktop-shell.black-background .table .inquiry-number-link { color: #9dceef !important; } .customer-desktop-shell.black-background .table .inquiry-number-link.btn-danger { color: #ff9e94 !important; } .customer-desktop-shell .customer-inquiries-heading .customer-inquiry-new-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -webkit-flex: 0 0 36px; -ms-flex: 0 0 36px; flex: 0 0 36px; width: 36px; height: 36px; min-height: 36px; padding: 0; } .customer-desktop-shell .customer-inquiries-filters form.form-inline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 36px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; gap: 8px; } .customer-desktop-shell .customer-inquiries-filters .form-group { width: 100%; min-width: 0; } .customer-desktop-shell .customer-inquiries-filters input { box-sizing: border-box; width: 100%; min-width: 0; } .customer-desktop-shell .customer-inquiries-filters .btn { width: 36px; padding: 0; } @media (max-width: 767px) { .customer-desktop-shell .customer-inquiries-filters form.form-inline { grid-template-columns: minmax(0, 1fr) 44px; } .customer-desktop-shell .customer-inquiries-filters .form-group { grid-column: 1 / -1; } .customer-desktop-shell .customer-inquiries-filters .form-group:last-of-type { grid-column: 1; } .customer-desktop-shell .customer-inquiries-filters .btn { width: 44px; } } .customer-desktop-shell .inquiry-expiration-alert { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px 20px; padding: 14px 16px; line-height: 1.5; } .customer-desktop-shell .inquiry-expiration-text { -webkit-box-flex: 1; -webkit-flex: 1 1 360px; -ms-flex: 1 1 360px; flex: 1 1 360px; min-width: 0; } .customer-desktop-shell .inquiry-expiration-alert .btn { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; min-height: 40px; margin: 0; } .customer-desktop-shell.black-background .inquiry-expiration-alert { background: #2d2226; border: 1px solid #b9767e; border-radius: 8px; color: #ffd4d9; } .customer-desktop-shell.black-background .inquiry-expiration-alert .btn { --outline-action: #ffb3aa; } .customer-desktop-shell .table .inquiry-status-cell { width: 140px; min-width: 120px; text-align: center; vertical-align: middle; } .customer-desktop-shell .table .inquiry-status-label { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; min-width: 100px; max-width: 100%; min-height: 32px; padding: 6px 9px; border-radius: 5px; font-size: 12px; line-height: 1.4; white-space: normal; text-align: center; text-decoration: none; } .customer-desktop-shell.black-background .table .inquiry-status-label.label { --inquiry-status-color: #9dceef; background: transparent; color: var(--inquiry-status-color); border: 1px solid var(--inquiry-status-color); } .customer-desktop-shell.black-background .table .inquiry-status-label.label-danger { --inquiry-status-color: #ff9e94; } .customer-desktop-shell.black-background .table .inquiry-status-label.label-success { --inquiry-status-color: #81d991; } .customer-desktop-shell.black-background .table .inquiry-status-label.label-warning { --inquiry-status-color: #e8c56c; } .customer-desktop-shell.black-background .table .inquiry-status-label.label-info { --inquiry-status-color: #8cd5e8; } .customer-desktop-shell .table .inquiry-status-label:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } .customer-desktop-shell.black-background .customer-inquiry-section { background: #202124 !important; color: #e1e7ec; border: 1px solid #5a7d97 !important; } .customer-desktop-shell.black-background :is(.inquiry-request-section, .inquiry-status-section) { border-color: #ab9654 !important; } .customer-desktop-shell.black-background .inquiry-discussion-section { border-color: #548463 !important; } .customer-desktop-shell.black-background :is(.customer-inquiry-section, .customer-inquiry-form) legend { background: #263744; color: #d6ebfb; border: 1px solid #5a7d97; border-radius: 5px; padding: 6px 10px; line-height: 1.5; } .customer-desktop-shell.black-background .customer-inquiry-section :is(dt, dd, .control-label) { color: #e1e7ec; } .customer-desktop-shell.black-background .customer-inquiry-section .white-box { background: transparent; color: #e1e7ec; } .customer-desktop-shell.black-background .customer-inquiry-section a:not(.btn) { color: #9dceef; } .customer-desktop-shell.black-background .table tr.inquiry-offer-row.inquiry-offer-available > td { background: #243c2d; color: #e1e7ec; --bs-table-bg: #243c2d; --bs-table-striped-bg: #243c2d; box-shadow: none; } .customer-desktop-shell.black-background .table tr.inquiry-offer-row > td.qty_editor { background: #40303a !important; color: #ffd4d9; box-shadow: none; } .customer-desktop-shell.black-background .table tr.inquiry-offer-row .table-input { background: #292d32 !important; color: #e1e7ec; border: 1px solid #a97f91; border-radius: 4px; } .customer-desktop-shell.black-background .table tr.inquiry-offer-available .fa-check { color: #81d991 !important; } .customer-inquiry-form .method-item { gap: 8px; padding: 8px; height: auto; min-height: 50px; } .customer-inquiry-form .contact-method-name { font-size: 14px; font-weight: 500; } .customer-inquiry-form .method-item:focus-within { outline: 2px solid #9dceef; outline-offset: 3px; } .customer-inquiry-form .hidden-logic-check { display: block !important; position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; overflow: hidden; -webkit-clip-path: inset(50%); clip-path: inset(50%); } .customer-desktop-shell.black-background .customer-inquiry-form .method-item { background: transparent !important; color: #b9c7d2 !important; border: 2px solid #5a7d97 !important; } .customer-desktop-shell.black-background .customer-inquiry-form .method-item.active-method { background: transparent !important; color: #d6ebfb !important; border-color: #9dceef !important; } .customer-desktop-shell.black-background .customer-inquiry-form .method-item.active-method::after { content: '\2713'; color: #81d991; font-size: 16px; } .customer-desktop-shell.black-background .customer-inquiry-form .method-item .icon-img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: .8; } @media (max-width: 767px) { .customer-desktop-shell.black-background .customer-inquiry-section { padding: 12px !important; } } #new_delivery_inquiry { --inquiry-surface: #f6f8fa; --inquiry-heading: #eaf2f8; --inquiry-ink: #29465b; --inquiry-edge: #b6c8d5; --inquiry-field: #fff; --inquiry-selected: #e0eff8; min-width: 0; } .dark-background #new_delivery_inquiry { --inquiry-surface: #dedede; --inquiry-heading: #cbd5dd; --inquiry-ink: #222; --inquiry-edge: #899dab; --inquiry-field: #f7f8fa; } :is(.black-background, .customer-page-black) #new_delivery_inquiry { --inquiry-surface: #202124; --inquiry-heading: #263744; --inquiry-ink: #e1e7ec; --inquiry-edge: #6088a3; --inquiry-field: #292d32; --inquiry-selected: #263b4c; } #new_delivery_inquiry > h1 { margin: 16px 0; } #new_delivery_inquiry .customer-new-inquiry-section { min-width: 0; margin: 0 0 20px; padding: 0; border: 1px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); color: var(--inquiry-ink); box-shadow: none; } #new_delivery_inquiry .customer-new-inquiry-section > .panel-heading { box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--inquiry-edge); border-radius: 7px 7px 0 0; background: var(--inquiry-heading); color: var(--inquiry-ink); font-size: 14px; font-weight: 600; line-height: 1.5; } #new_delivery_inquiry .customer-new-inquiry-section > .panel-body { padding: 16px; } #new_delivery_inquiry .customer-new-inquiry-section > .panel-body > .form-group:last-child { margin-bottom: 0; } #new_delivery_inquiry fieldset { min-width: 0; margin: 0 0 20px; padding: 16px; border: 1px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); color: var(--inquiry-ink); } #new_delivery_inquiry legend { box-sizing: border-box; float: none; width: 100%; max-width: 100%; min-height: 44px; margin: 0 0 12px; padding: 9px 12px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-heading); color: var(--inquiry-ink); font-size: 16px; line-height: 24px; } #new_delivery_inquiry .form-group { margin-bottom: 16px; } #new_delivery_inquiry .control-label { color: var(--inquiry-ink); line-height: 1.5; } #new_delivery_inquiry :is(input.form-control, textarea.form-control, select.form-control, .table-input) { box-sizing: border-box; min-height: 40px; max-width: 100%; padding: 8px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-field); color: var(--inquiry-ink); } #new_delivery_inquiry textarea.form-control { min-height: 96px; resize: vertical; } #new_delivery_inquiry :is(input, textarea, select):focus-visible { outline: 2px solid #9dceef; outline-offset: 2px; } #new_delivery_inquiry #authorization_panel { margin: 0; border: 0; background: transparent; color: var(--inquiry-ink); box-shadow: none; } #new_delivery_inquiry #authorization_panel > .panel-heading { padding: 12px; border: 1px solid var(--inquiry-edge); border-radius: 6px; background: var(--inquiry-heading); color: var(--inquiry-ink); line-height: 1.5; } #new_delivery_inquiry #authorization_panel > .panel-body { padding: 16px 0 0; background: transparent !important; color: var(--inquiry-ink); } #new_delivery_inquiry .methods-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px !important; } #new_delivery_inquiry .contact-method-btn { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 64px !important; -ms-flex: 1 1 64px !important; flex: 1 1 64px !important; min-width: 0; min-height: 44px !important; padding: 8px !important; border: 1px solid var(--inquiry-edge) !important; border-radius: 6px; background: transparent !important; color: var(--inquiry-ink) !important; } #new_delivery_inquiry .contact-method-btn:has(input:checked) { border-color: #3c88b5 !important; background: var(--inquiry-selected) !important; box-shadow: inset 0 0 0 1px #3c88b5; } #new_delivery_inquiry .contact-method-btn :is(i, svg) { color: inherit !important; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .contact-method-btn img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } #new_delivery_inquiry .file-selector-button-right { float: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 12px; } #new_delivery_inquiry .pending-image-hint { margin: 0 0 12px; line-height: 1.5; } #new_delivery_inquiry .inquiry-items-scroll { max-width: 100%; overflow-x: auto; } #new_delivery_inquiry #items { width: 100%; margin: 0 0 12px; } #new_delivery_inquiry #items :is(th, td) { padding: 8px; vertical-align: middle; } #new_delivery_inquiry #items .table-input { width: 100%; } #new_delivery_inquiry #items td:nth-last-child(2) { width: 64px !important; text-align: center; } #new_delivery_inquiry #items th:nth-last-child(2) { text-align: center; } #new_delivery_inquiry #items td:nth-last-child(2) .table-input { min-width: 48px; height: 40px; padding: 8px 4px; text-align: center; } #new_delivery_inquiry #items td:last-child { width: 56px; text-align: center; } #new_delivery_inquiry #items td:last-child a { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 8px; border: 1px solid currentColor; border-radius: 5px; background: transparent; color: #a33c34; text-decoration: none; } :is(.black-background, .customer-page-black) #new_delivery_inquiry #items td:last-child a { color: #ff9e94; } #new_delivery_inquiry #items td:last-child a:hover { background: var(--inquiry-heading); } #new_delivery_inquiry #items td:last-child a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } #new_delivery_inquiry .actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin: 20px 0; } #new_delivery_inquiry .actions .btn { min-height: 44px; padding: 8px 24px; } #new_delivery_inquiry .customer-mobile-inquiry-form .panel { min-width: 0; margin: 0 0 24px; padding: 0; border: 1px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); color: var(--inquiry-ink); box-shadow: none; } #new_delivery_inquiry .customer-mobile-inquiry-form .panel > .panel-heading { margin: 0; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--inquiry-edge); border-radius: 7px 7px 0 0; background: var(--inquiry-heading) !important; color: var(--inquiry-ink) !important; font-size: inherit; line-height: 1.5; } #new_delivery_inquiry .customer-mobile-inquiry-form .panel > .panel-body { padding: 16px; background: transparent; } #new_delivery_inquiry .customer-mobile-inquiry-form .panel-footer { padding: 16px; border-top: 1px solid var(--inquiry-edge); background: transparent; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-group { margin: 0 0 16px; } #new_delivery_inquiry .customer-mobile-inquiry-form .panel-body > .form-group:last-child { margin-bottom: 0; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-group > [class*='col-'] { width: 100%; min-width: 0; padding: 0; float: none; } #new_delivery_inquiry .customer-mobile-inquiry-form .control-label { margin-bottom: 8px; padding: 0; text-align: left; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control { width: 100%; min-height: 48px !important; background: var(--inquiry-field) !important; color: var(--inquiry-ink); } #new_delivery_inquiry .customer-mobile-inquiry-form textarea.form-control { min-height: 112px !important; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::-webkit-input-placeholder { color: #617180; opacity: 1; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::-moz-placeholder { color: #617180; opacity: 1; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control:-ms-input-placeholder { color: #617180; opacity: 1; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::-ms-input-placeholder { color: #617180; opacity: 1; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::placeholder { color: #617180; opacity: 1; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::-webkit-input-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::-moz-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form .form-control:-ms-input-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::-ms-input-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form .form-control::placeholder { color: #b9c7d2; } #new_delivery_inquiry .customer-mobile-inquiry-form :is(.hint, [class*='hint-class']) { margin: 8px 0 16px; padding: 0; background: transparent; color: inherit; font-size: .85em; line-height: 1.5; } #new_delivery_inquiry .customer-mobile-inquiry-form .file-selector-button-right, #new_delivery_inquiry .customer-mobile-inquiry-form .fileinput-button { width: 100%; margin-bottom: 0; } #new_delivery_inquiry .customer-mobile-inquiry-form .pending-image-hint { margin: 0 0 16px; padding: 12px; border: 1px solid var(--inquiry-edge); border-radius: 6px; background: var(--inquiry-field); color: var(--inquiry-ink); font-size: inherit; line-height: 1.5; } #new_delivery_inquiry .customer-mobile-inquiry-form .pending-image-list { margin: 0 0 16px; line-height: 1.5; overflow-wrap: anywhere; } #new_delivery_inquiry .customer-mobile-inquiry-form .fileinput-button .btn { width: 100%; min-height: 48px; margin: 0 !important; } #new_delivery_inquiry .customer-mobile-inquiry-form .methods-container { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; } #new_delivery_inquiry .customer-mobile-inquiry-form :is(.contact-method-btn, .method-item) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-width: 0; min-height: 48px !important; margin: 0; padding: 8px !important; border: 1px solid var(--inquiry-edge) !important; border-radius: 6px; background: transparent !important; color: var(--inquiry-ink) !important; } #new_delivery_inquiry .customer-mobile-inquiry-form :is(.contact-method-btn, .method-item):has(input:checked) { border-color: #3c88b5 !important; box-shadow: inset 0 0 0 1px #3c88b5; background: var(--inquiry-selected) !important; } #new_delivery_inquiry .customer-mobile-inquiry-form .methods-container :is(.contact-method-btn, .method-item) { padding: 4px !important; } #new_delivery_inquiry .customer-mobile-inquiry-form .methods-container :is(svg, img) { display: block; width: 24px; height: 24px !important; margin: 0; -o-object-fit: contain; object-fit: contain; } #new_delivery_inquiry .customer-mobile-inquiry-form .actions { margin: 24px 0 0; } #new_delivery_inquiry .customer-mobile-inquiry-form :is(.actions, .panel-footer, #add_item_button_wrapper) .btn { width: 100%; min-height: 48px; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form .btn { background: transparent !important; color: #9dceef !important; border: 1px solid #9dceef !important; } #new_delivery_inquiry .customer-mobile-inquiry-form #items { display: block; width: 100%; min-width: 0; margin: 0; } #new_delivery_inquiry .customer-mobile-inquiry-form #items > thead { display: block; margin-bottom: 8px; } #new_delivery_inquiry .customer-mobile-inquiry-form #items > thead > tr { display: grid; grid-template-columns: 48px minmax(0, .8fr) minmax(0, 1.2fr) 48px; gap: 6px; } #new_delivery_inquiry .customer-mobile-inquiry-form #items th { min-width: 0; padding: 4px 0; font-size: 12px; line-height: 1.3; text-align: center; overflow-wrap: anywhere; } #new_delivery_inquiry .customer-mobile-inquiry-form #items th:first-child { width: auto; white-space: nowrap; overflow-wrap: normal; } #new_delivery_inquiry .customer-mobile-inquiry-form #items th:not(:first-child) { padding-left: 10px; text-align: left; } #new_delivery_inquiry .customer-mobile-inquiry-form .inquiry-mobile-item { display: block; margin-bottom: 16px; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item > tr { display: block; border: 0 !important; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item > tr:empty { display: none; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item > .inquiry-mobile-item-controls { display: grid; grid-template-columns: 48px minmax(0, .8fr) minmax(0, 1.2fr) 48px; gap: 6px; } #new_delivery_inquiry .customer-mobile-inquiry-form #items td { display: block; width: auto !important; min-width: 0; margin: 0; padding: 0; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item-controls > td:last-child { grid-column: 4; grid-row: 1; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input { box-sizing: border-box; width: 100%; min-width: 0; height: 48px !important; margin: 0; padding: 8px 4px; font-size: 16px; text-align: center; background: var(--inquiry-field) !important; color: var(--inquiry-ink); } #new_delivery_inquiry .customer-mobile-inquiry-form #items input[name$='[qty]'] { width: 48px; height: 48px; padding: 4px; border-radius: 6px !important; text-align: center; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input:not([name$='[qty]']) { padding-left: 10px; padding-right: 10px; text-align: left !important; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::-webkit-input-placeholder { color: #617180; opacity: 1; font-size: inherit; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::-moz-placeholder { color: #617180; opacity: 1; font-size: inherit; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input:-ms-input-placeholder { color: #617180; opacity: 1; font-size: inherit; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::-ms-input-placeholder { color: #617180; opacity: 1; font-size: inherit; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::placeholder { color: #617180; opacity: 1; font-size: inherit; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::-webkit-input-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::-moz-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input:-ms-input-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::-ms-input-placeholder { color: #b9c7d2; } :is(.black-background, .customer-page-black) #new_delivery_inquiry .customer-mobile-inquiry-form #items .table-input::placeholder { color: #b9c7d2; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item-controls + tr { margin-top: 8px; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item-remove > a { width: 48px; height: 48px; padding: 0; border: 0; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item-remove .btn { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; min-height: 48px; margin: 0; padding: 10px; border-width: 1px !important; border-radius: 6px; } #new_delivery_inquiry .customer-mobile-inquiry-form #items .inquiry-mobile-item-remove .svg-inline--fa { width: 22px; height: 22px; margin: 0; } #new_delivery_inquiry .customer-mobile-inquiry-form #add_item_button_wrapper { padding: 0 !important; } #new_delivery_inquiry .customer-mobile-inquiry-form #add_item_button_wrapper .inquiry-add-row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; margin: 0 !important; padding: 10px 12px; font-size: 16px !important; } @media (max-width: 767px) { #new_delivery_inquiry fieldset { padding: 12px; } #new_delivery_inquiry .form-group { margin-left: 0; margin-right: 0; } #new_delivery_inquiry .form-group > [class*='col-'] { width: 100%; padding: 0; float: none; } #new_delivery_inquiry #items { min-width: 520px; } } .customer-mobile-content #new_delivery_inquiry > h1 { margin: 0 0 16px; font-size: 22px; line-height: 1.35; } #new_delivery_inquiry .customer-mobile-inquiry-form { font-size: 14px; line-height: 1.5; } #new_delivery_inquiry .customer-mobile-inquiry-form .panel > .panel-heading { font-size: 16px; font-weight: 600; } #new_delivery_inquiry .customer-mobile-inquiry-form .control-label { font-size: 14px; } #new_delivery_inquiry .customer-mobile-inquiry-form .form-control { font-size: 16px !important; } #new_delivery_inquiry .customer-mobile-inquiry-form .checkout-client-identity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; font-size: 13px; line-height: 1.5; } #new_delivery_inquiry .customer-mobile-inquiry-form .checkout-client-phone { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; } #new_delivery_inquiry .customer-mobile-inquiry-form .checkout-client-email { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #new_delivery_inquiry .alert-danger { padding: 12px 16px; border-radius: 6px; font-size: 14px; line-height: 1.5; } #new_delivery_inquiry .alert-danger ul { margin: 0; padding-left: 18px; } .black-background #new_delivery_inquiry .alert-danger { border-color: #ff9e94; background: #38282b; color: #ffb1a3; } #new_delivery_inquiry :is(.customer-new-inquiry-section, fieldset, .customer-mobile-inquiry-form .panel) { border-width: 2px; } .pending-inquiry-images { clear: both; } .pending-image-hint { margin: 10px 0; } .pending-image-list { clear: both; margin-top: 12px; } .pending-image-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #9fb6c8; } .pending-image-preview { width: 100px; height: 75px; -o-object-fit: contain; object-fit: contain; border: 1px solid #9fb6c8; border-radius: 5px; padding: 3px; background: #fff; } .pending-image-info { -webkit-box-flex: 1; -webkit-flex: 1 1 160px; -ms-flex: 1 1 160px; flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; } .pending-image-name, .pending-image-size { display: block; } .pending-image-size { margin-top: 4px; font-size: .9em; } .pending-image-remove { min-height: 36px; } .customer-desktop-shell.black-background :is(.pending-image-hint, .pending-image-size) { color: #b9c7d2; } .customer-desktop-shell.black-background :is(.pending-image-row, .pending-image-preview) { border-color: #5a7d97; } @media (max-width: 575px) { .pending-image-remove { min-height: 44px; } .pending-image-preview { width: 75px; height: 60px; } } /* Black-theme actions use outlines; semantic action colors remain distinct. */ :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) .btn { --outline-action: #9dceef; background: transparent !important; color: var(--outline-action) !important; border-color: var(--outline-action) !important; border-style: solid; box-shadow: none; } :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) :is(.btn-success, .btn-outline-success, .btn.progress-bar-success) { --outline-action: #81d991; } :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) :is(.btn-danger, .btn-outline-danger, .btn.progress-bar-danger) { --outline-action: #ff9e94; } :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) :is(.btn-warning, .btn-outline-warning, .btn.progress-bar-warning) { --outline-action: #e8c56c; } :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) :is(.btn-info, .btn-outline-info, .btn.progress-bar-info) { --outline-action: #8cd5e8; } :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) .btn:hover { background: #263744 !important; } :is(.customer-desktop-shell.black-background, body.customer-page-black .modal, body.admin-shell.admin-theme-black) .btn:focus-visible { outline: 2px solid var(--outline-action); outline-offset: 3px; } body.customer-page-black .spare-expected-badge { --outline-action: #e8c56c; background: transparent !important; color: #e8c56c !important; border: 1px solid #e8c56c; border-radius: 4px; } :is(body.customer-page-black, body.admin-theme-black) .badge { --outline-badge: #9dceef; background: transparent !important; color: var(--outline-badge) !important; border: 1px solid var(--outline-badge); font-weight: 600; } :is(body.customer-page-black, body.admin-theme-black) .badge:is(.bg-danger, .badge-danger, .badge-important, [style*='background-color: #d9534f'], [style*='background-color: red']) { --outline-badge: #ff9e94; } :is(body.customer-page-black, body.admin-theme-black) .badge:is(.bg-success, .badge-success, [style*='background-color: green']) { --outline-badge: #81d991; } :is(body.customer-page-black, body.admin-theme-black) .badge:is(.bg-warning, .badge-warning, [style*='background-color: orange'], [style*='background-color: #f0ad4e']) { --outline-badge: #e8c56c; } :is(body.customer-page-black, body.admin-theme-black) .badge:is(.bg-info, .badge-info) { --outline-badge: #8cd5e8; } :is(body.customer-page-black, body.admin-theme-black) .badge:is(.bg-secondary, [style*='background-color: grey']) { --outline-badge: #b9c7d2; } body.admin-shell.admin-theme-black .admin-desktop-navbar .badge { background: var(--outline-badge, #9dceef) !important; color: #202124 !important; } :is(body.customer-page-black, body.admin-theme-black) .modal-content { --bs-modal-bg: #202124; --bs-modal-color: #e1e7ec; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: hidden; border: 1px solid #5a7d97; border-radius: 8px; background: #202124; color: #e1e7ec; box-shadow: 0 10px 35px rgba(0, 0, 0, .4); } :is(body.customer-page-black, body.admin-theme-black) .modal-header { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 12px; border-bottom-color: #5a7d97; background: #263744; color: #d6ebfb; } :is(body.customer-page-black, body.admin-theme-black) .modal :is(h1, h2, h3, h4) { color: #9dceef; } :is(body.customer-page-black, body.admin-theme-black) .modal-body { min-height: 0 !important; overflow-y: auto; color: #e1e7ec; scrollbar-width: thin; scrollbar-color: #617b8e #202124; } :is(body.customer-page-black, body.admin-theme-black) .modal-footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; gap: 8px; border-top-color: #5a7d97; background: #202124; } :is(body.customer-page-black, body.admin-theme-black) .modal .close { color: #d6ebfb; opacity: .85; } :is(body.customer-page-black, body.admin-theme-black) .modal .close:hover { opacity: 1; } :is(body.customer-page-black, body.admin-theme-black) .modal .btn-close { -webkit-filter: invert(1); filter: invert(1); } :is(body.customer-page-black, body.admin-theme-black) .modal a:not(.btn) { color: #9dceef; } :is(body.customer-page-black, body.admin-theme-black) .popover { --bs-popover-bg: #202124; --bs-popover-body-color: #e1e7ec; --bs-popover-header-bg: #263744; --bs-popover-header-color: #d6ebfb; --bs-popover-border-color: #5a7d97; --bs-popover-arrow-border: #5a7d97; background: #202124; color: #e1e7ec; border: 1px solid #5a7d97; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.3); } :is(body.customer-page-black, body.admin-theme-black) .popover :is(.popover-header, .popover-title) { background: #263744; color: #d6ebfb; border-bottom: 1px solid #5a7d97; } :is(body.customer-page-black, body.admin-theme-black) .popover :is(.popover-body, .popover-content) { background: transparent; color: #e1e7ec; line-height: 1.5; } :is(body.customer-page-black, body.admin-theme-black) .popover a { color: #9dceef; } :is(body.customer-page-black, body.admin-theme-black) .popover [style*='color: black'], :is(body.customer-page-black, body.admin-theme-black) .popover [style='color:black'] { color: #e1e7ec !important; } :is(body.customer-page-black, body.admin-theme-black) :is(.catalog-history, .admin-history) .dropdown-menu { background: #202124; color: #e1e7ec; border-color: #5a7d97; box-shadow: 0 8px 24px rgba(0,0,0,.3); } :is(body.customer-page-black, body.admin-theme-black) :is(.catalog-history, .admin-history) .dropdown-menu a { color: #9dceef; white-space: normal; } :is(body.customer-page-black, body.admin-theme-black) :is(.catalog-history, .admin-history) .dropdown-menu a:hover { background: #293744; color: #d6ebfb; } :is(body.customer-page-black, body.admin-theme-black) .catalog-history-heading { color: #b9c7d2; } :is(body.customer-page-black, body.admin-theme-black) :is(.catalog-history, .admin-history) .dropdown-divider { border-color: #5a7d97; } body.admin-theme-dark :is(.catalog-history, .admin-history) .dropdown-menu { background: #f0f0f0; color: #222; border-color: #899dab; } :is(.catalog-history, .admin-history) .dropdown-menu { max-width: calc(100vw - 24px); } /* Autocomplete menus are appended to body, outside their themed form. */ body.admin-shell .ui-autocomplete.ui-widget { z-index: 1100; box-sizing: border-box; max-width: calc(100vw - 24px); max-height: min(320px, 45dvh); overflow-x: hidden; overflow-y: auto; margin: 4px 0 0; padding: 4px; border: 1px solid var(--admin-edge, #9fb6c8); border-radius: 7px; background: var(--admin-surface, #fff); background-image: none; color: var(--admin-text, #29465b); box-shadow: 0 8px 24px rgba(0, 0, 0, .2); font-family: inherit; scrollbar-width: thin; scrollbar-color: var(--admin-edge, #9fb6c8) var(--admin-surface, #fff); } body.admin-shell .ui-autocomplete .ui-menu-item { margin: 0; padding: 0; border: 0; background: transparent; color: inherit; } body.admin-shell .ui-autocomplete .ui-menu-item-wrapper { display: block; box-sizing: border-box; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background: transparent; color: inherit; font-size: 14px; font-weight: normal; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; } body.admin-shell .ui-autocomplete :is(.ui-state-active, .ui-state-focus, .ui-menu-item-wrapper:hover) { margin: 0; border-color: var(--admin-link, #286b9b); background: var(--admin-field, #edf4fa); background-image: none; color: var(--admin-text, #29465b); } body.admin-shell .ui-autocomplete .ui-autocomplete-term { background: transparent; color: inherit; font-weight: 600; text-decoration: underline; } body.admin-shell .daterangepicker { --drp-surface: var(--admin-surface, #fff); --drp-field: var(--admin-field, #edf4fa); --drp-text: var(--admin-text, #29465b); --drp-edge: var(--admin-edge, #9fb6c8); --drp-muted: var(--admin-muted, #687c8b); --drp-accent: var(--admin-link, #286b9b); --drp-selected-text: var(--admin-surface, #fff); background: var(--drp-surface); color: var(--drp-text); border-color: var(--drp-edge); border-radius: 7px; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); } body.admin-shell .daterangepicker::before { border-bottom-color: var(--drp-edge); } body.admin-shell .daterangepicker::after { border-bottom-color: var(--drp-surface); } body.admin-shell .daterangepicker.drop-up::before { border-top-color: var(--drp-edge); } body.admin-shell .daterangepicker.drop-up::after { border-top-color: var(--drp-surface); } body.admin-shell .daterangepicker :is(.calendar-table, .ranges) { background: var(--drp-surface); color: var(--drp-text); border-color: var(--drp-edge); } body.admin-shell .daterangepicker .ranges li { color: var(--drp-text); line-height: 1.4; } body.admin-shell .daterangepicker :is(.ranges li:hover, td.available:hover, th.available:hover) { background: var(--drp-field); color: var(--drp-text); } body.admin-shell .daterangepicker :is(.ranges li.active, td.active, td.active:hover) { background: var(--drp-accent); color: var(--drp-selected-text); } body.admin-shell .daterangepicker td.in-range { background: var(--drp-field); color: var(--drp-text); } body.admin-shell .daterangepicker td.off { background: var(--drp-surface); color: var(--drp-muted); } body.admin-shell .daterangepicker :is(td.disabled, option.disabled, td.week, th.week) { color: var(--drp-muted); } body.admin-shell .daterangepicker .calendar-table :is(.next, .prev) span { border-color: var(--drp-text); } body.admin-shell .daterangepicker :is(.drp-buttons, .dm-date-range-inputs, .drp-calendar) { border-color: var(--drp-edge); } body.admin-shell .daterangepicker :is(select, .dm-date-range-inputs input) { border: 1px solid var(--drp-edge); background: var(--drp-field); color: var(--drp-text); } body.admin-shell .daterangepicker .drp-selected { color: var(--drp-muted); } body.admin-shell .daterangepicker .drp-buttons .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; } body.admin-mobile-shell .daterangepicker { width: min(300px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: min(600px, 75dvh); overflow-y: auto; } body.admin-mobile-shell .daterangepicker :is(.ranges, .drp-calendar, .ranges ul) { float: none; width: 100%; max-width: 100%; box-sizing: border-box; } body.admin-mobile-shell .daterangepicker .ranges li { min-height: 44px; padding: 12px; } .supplier-preorder { --preorder-surface: #fff; --preorder-heading: #edf2f6; --preorder-ink: #253947; --preorder-muted: #536675; --preorder-edge: #899dab; --preorder-link: #24638f; min-width: 0; color: var(--preorder-ink); } :is(.dark-background, .admin-theme-dark) .supplier-preorder { --preorder-surface: #e5e5e5; --preorder-heading: #d5dce1; } :is(.black-background, .customer-page-black, .admin-theme-black) .supplier-preorder { --preorder-surface: #202124; --preorder-heading: #263744; --preorder-ink: #e1e7ec; --preorder-muted: #b9c7d2; --preorder-edge: #6088a3; --preorder-link: #9dceef; } .supplier-preorder > h1, .supplier-preorder .mobile-filter-heading > h1 { margin: 0 0 16px; color: var(--preorder-link); font-size: clamp(22px, 4vw, 28px); line-height: 1.35; overflow-wrap: anywhere; } .supplier-preorder .tab-container { width: 100%; min-width: 0; margin: 0; padding: 0; } .supplier-preorder .preorder-filter { box-sizing: border-box; width: 100%; margin: 0 0 16px; padding: 12px; border: 1px solid var(--preorder-edge); border-radius: 8px; background: var(--preorder-heading) !important; color: var(--preorder-ink); } .preorder-filter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; margin: 0; padding: 0; } .supplier-preorder .preorder-filter-form .form-group { min-width: 0; margin: 0; padding: 0; } .preorder-filter-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .supplier-preorder .preorder-filter-form input[type='text'] { box-sizing: border-box; width: 100%; min-height: 44px; margin: 0; padding: 8px 10px; border: 1px solid var(--preorder-edge); border-radius: 5px; background: var(--preorder-surface) !important; color: var(--preorder-ink) !important; font-size: 16px; line-height: 1.4; } .preorder-filter-form input::-webkit-input-placeholder { color: var(--preorder-muted); opacity: 1; } .preorder-filter-form input::-moz-placeholder { color: var(--preorder-muted); opacity: 1; } .preorder-filter-form input:-ms-input-placeholder { color: var(--preorder-muted); opacity: 1; } .preorder-filter-form input::-ms-input-placeholder { color: var(--preorder-muted); opacity: 1; } .preorder-filter-form input::placeholder { color: var(--preorder-muted); opacity: 1; } .supplier-preorder .preorder-filter-form .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 40px; margin: 0 !important; padding: 8px 12px; border: 1px solid var(--preorder-edge) !important; border-radius: 5px; background: transparent !important; color: var(--preorder-link) !important; font-size: 14px; line-height: 1.4; } .supplier-preorder .preorder-filter-form > .preorder-filter-submit { box-sizing: border-box; width: 44px; height: 44px; min-height: 44px; padding: 0 !important; } .preorder-filter-submit :is(i, svg) { width: 18px; height: 18px; font-size: 18px; } .supplier-preorder .preorder-filter-actions .btn { min-width: 0; padding: 8px; white-space: normal; overflow-wrap: anywhere; text-align: center; } .supplier-preorder :is(input, a):focus-visible { outline: 2px solid var(--preorder-link); outline-offset: 2px; } .supplier-preorder .preorder-table { width: 100%; margin: 0; border-color: var(--preorder-edge); color: var(--preorder-ink); --bs-table-color: var(--preorder-ink); --bs-table-bg: var(--preorder-surface); --bs-table-striped-color: var(--preorder-ink); --bs-table-striped-bg: var(--preorder-heading); } .preorder-table th { background: var(--preorder-heading); color: var(--preorder-muted); font-size: 12px; } .supplier-preorder .preorder-table :is(th, td) { padding: 10px; border-color: var(--preorder-edge); vertical-align: middle; } .preorder-table a { color: var(--preorder-link) !important; } .preorder-table .preorder-date { white-space: nowrap; font-size: 12px; color: var(--preorder-muted); } .preorder-table .preorder-quantity { text-align: right; font-variant-numeric: tabular-nums; } .preorder-reference { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 4px 6px; font-size: 14px; font-weight: 600; line-height: 1.5; } .preorder-reference .preorder-vendor { font-size: 13px; font-weight: 500; } .preorder-image-tile { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 64px; min-height: 64px; padding: 3px; border: 1px solid var(--preorder-edge); border-radius: 5px; color: var(--preorder-muted); font-size: 24px; } .preorder-image-tile a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .preorder-image-tile img { display: block; width: auto; max-width: 100%; height: auto; max-height: 80px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 767px) { .supplier-preorder .preorder-table { display: block; border: 0; background: transparent; } .preorder-table thead { display: none; } .preorder-table tbody { display: grid; gap: 12px; } .supplier-preorder .preorder-table tbody > tr { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: 'photo number quantity' 'photo name quantity' 'date date date'; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 6px 10px; padding: 12px; border: 1px solid var(--preorder-edge); border-radius: 6px; background: var(--preorder-surface); } .supplier-preorder .preorder-table td { display: block; min-width: 0; padding: 0; border: 0; background: transparent !important; color: var(--preorder-ink); box-shadow: none; overflow-wrap: anywhere; } .supplier-preorder .preorder-table .preorder-date { grid-area: date; padding-top: 6px; border-top: 1px solid var(--preorder-edge); color: var(--preorder-muted); font-size: 11px; text-align: right; } .preorder-photo { grid-area: photo; } .preorder-number { grid-area: number; font-size: 14px; font-weight: 600; } .preorder-name { grid-area: name; font-size: 14px; line-height: 1.5; } .preorder-quantity { grid-area: quantity; font-size: 18px; font-weight: 600; } .preorder-quantity::before { content: 'Кол-во'; display: block; color: var(--preorder-muted); font-size: 11px; font-weight: 400; } } :is(.customer-mobile-content, .admin-shell) .pagination { --mobile-paging-surface: #fff; --mobile-paging-ink: #24638f; --mobile-paging-edge: #899dab; --mobile-paging-active: #24638f; --mobile-paging-active-ink: #fff; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 6px; width: 100%; min-width: 0; max-width: 100%; margin: 16px 0; padding: 0; list-style: none; } :is(.dark-background, .admin-theme-dark) .pagination { --mobile-paging-surface: #e5e5e5; } :is(.black-background, .customer-page-black, .admin-theme-black) .pagination { --mobile-paging-surface: #202124; --mobile-paging-ink: #9dceef; --mobile-paging-edge: #6088a3; --mobile-paging-active: #9dceef; --mobile-paging-active-ink: #202124; } :is(.customer-mobile-content, .admin-shell) .pagination > li { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; margin: 0; padding: 0; } :is(.customer-mobile-content, .admin-shell) .pagination > li > :is(a, span), :is(.customer-mobile-content, .admin-shell) .pagination > :is(a, span, em) { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 36px; min-height: 36px; max-width: 100%; margin: 0; padding: 6px 10px; border: 1px solid var(--mobile-paging-edge); border-radius: 5px; background: var(--mobile-paging-surface); color: var(--mobile-paging-ink); font-size: 14px !important; font-style: normal; line-height: 1.3; white-space: nowrap; text-align: center; text-decoration: none; } :is(.customer-mobile-content, .admin-shell) .pagination > .active > :is(a, span), :is(.customer-mobile-content, .admin-shell) .pagination > :is(.current, [aria-current='page']) { border-color: var(--mobile-paging-active); background: var(--mobile-paging-active); color: var(--mobile-paging-active-ink); font-weight: 600; } :is(.customer-mobile-content, .admin-shell) .pagination > :is(.disabled, .gap) { opacity: .55; } :is(.customer-mobile-content, .admin-shell) .pagination a:focus-visible { outline: 2px solid var(--mobile-paging-ink); outline-offset: 2px; } :is(.customer-mobile-inquiries, .customer-mobile-inquiry-page, .customer-mobile-inquiry-shell) { --inquiry-surface: #fff; --inquiry-panel: #edf2f6; --inquiry-ink: #253947; --inquiry-muted: #536675; --inquiry-edge: #899dab; --inquiry-link: #24638f; --inquiry-danger: #a9362f; --inquiry-success: #256b35; --inquiry-warning: #80520a; min-width: 0; color: var(--inquiry-ink); } .dark-background :is(.customer-mobile-inquiries, .customer-mobile-inquiry-page, .customer-mobile-inquiry-shell) { --inquiry-surface: #e5e5e5; --inquiry-panel: #d5dce1; } .black-background :is(.customer-mobile-inquiries, .customer-mobile-inquiry-page, .customer-mobile-inquiry-shell) { --inquiry-surface: #202124; --inquiry-panel: #263744; --inquiry-ink: #e1e7ec; --inquiry-muted: #b9c7d2; --inquiry-edge: #6088a3; --inquiry-link: #9dceef; --inquiry-danger: #ff9e94; --inquiry-success: #81d991; --inquiry-warning: #e8c56c; } .customer-mobile-inquiries h1 { color: var(--inquiry-link); } .customer-mobile-inquiries .customer-inquiry-filters { margin: 0 0 16px; padding: 12px; border-color: var(--inquiry-edge); background: var(--inquiry-panel); color: var(--inquiry-ink); } .customer-inquiry-filter-form { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 10px; margin: 0; padding: 0; } .customer-inquiry-filter-form > :is(.form-group, .customer-inquiry-type-field) { grid-column: 1 / -1; width: 100%; min-width: 0; margin: 0; } .customer-inquiry-filter-form > .filter_keywords { grid-column: 1; } .customer-mobile-inquiries .customer-inquiry-filter-form :is(input, select) { box-sizing: border-box; display: block; width: 100%; max-width: 100%; height: 44px; min-height: 44px; margin: 0; padding: 8px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-surface) !important; color: var(--inquiry-ink) !important; font-size: 16px !important; line-height: 1.4; } .customer-inquiry-filter-form input::-webkit-input-placeholder { color: var(--inquiry-muted); opacity: 1; } .customer-inquiry-filter-form input::-moz-placeholder { color: var(--inquiry-muted); opacity: 1; } .customer-inquiry-filter-form input:-ms-input-placeholder { color: var(--inquiry-muted); opacity: 1; } .customer-inquiry-filter-form input::-ms-input-placeholder { color: var(--inquiry-muted); opacity: 1; } .customer-inquiry-filter-form input::placeholder { color: var(--inquiry-muted); opacity: 1; } .customer-inquiry-type-field { position: relative; } .customer-mobile-inquiries .customer-inquiry-type-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 34px; } .customer-inquiry-type-field::after { content: ''; position: absolute; top: 17px; right: 14px; width: 7px; height: 7px; border-right: 2px solid var(--inquiry-link); border-bottom: 2px solid var(--inquiry-link); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; } .customer-mobile-inquiries .customer-inquiry-filter-submit { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; margin: 0 !important; padding: 0; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: transparent; color: var(--inquiry-link); } .customer-inquiry-filter-submit :is(i, svg) { width: 20px; height: 20px; font-size: 20px; } .customer-inquiry-expiration { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 0 16px; padding: 10px 12px; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: var(--inquiry-warning); font-size: 14px; line-height: 1.5; text-align: center; } .customer-inquiry-expiration :is(i, svg) { -webkit-box-flex: 0; -webkit-flex: 0 0 16px; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 16px; font-size: 16px; } .customer-inquiry-list { display: grid; gap: 12px; } .customer-inquiry-card { min-width: 0; padding: 12px 0 0; border: 2px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); color: var(--inquiry-ink); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .customer-inquiry-card-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 0 12px 10px; border-bottom: 1px solid var(--inquiry-edge); } .customer-inquiry-identity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px 8px; min-width: 0; } .customer-inquiry-card .customer-inquiry-number { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; padding: 5px 8px; border: 1px solid currentColor; border-radius: 5px; color: var(--inquiry-link); font-size: 16px; font-weight: 600; text-decoration: none; } .customer-inquiry-card-heading time { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 36px; color: var(--inquiry-muted); font-size: 16px; font-variant-numeric: tabular-nums; line-height: 1.25; white-space: nowrap; } .customer-inquiry-type { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; max-width: 132px; min-height: 36px; margin: 0; padding: 5px 8px; border: 1px solid var(--inquiry-edge); border-radius: 5px; color: var(--inquiry-ink); font-size: 13px; line-height: 1.4; text-align: center; } .customer-inquiry-details { padding: 10px 12px; } .customer-inquiry-details:empty { padding: 0; } .customer-inquiry-vin, .customer-inquiry-keywords { margin-top: 6px; } .customer-inquiry-comment { margin-top: 8px; } .customer-inquiry-comment-text { max-height: 4.5em; overflow-y: auto; white-space: pre-line; overflow-wrap: anywhere; line-height: 1.5; scrollbar-width: thin; scrollbar-color: var(--inquiry-edge) transparent; } :is(.customer-inquiry-vin, .customer-inquiry-keywords, .customer-inquiry-comment) > span { color: var(--inquiry-muted); } .customer-inquiry-status { display: block; box-sizing: border-box; width: 100%; margin: 0; padding: 8px 12px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; border-radius: 0 0 7px 7px; background: var(--inquiry-panel); color: var(--inquiry-muted); font-size: 13px; font-weight: 600; line-height: 1.4; } .customer-inquiry-status a { color: inherit !important; } .inquiry-status-danger { color: var(--inquiry-danger); } .inquiry-status-success { color: var(--inquiry-success); } .inquiry-status-warning { color: var(--inquiry-warning); } .inquiry-status-info { color: var(--inquiry-link); } .customer-inquiry-empty { margin: 0; padding: 16px; border: 1px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); color: var(--inquiry-muted); } .customer-mobile-inquiries :is(input, select, a, button):focus-visible { outline: 2px solid var(--inquiry-link); outline-offset: 2px; } .customer-mobile-inquiry-page { --inquiry-surface: #f6f8fa; --inquiry-panel: #eaf2f8; --inquiry-edge: #b6c8d5; --inquiry-field: #fff; font-size: 14px; line-height: 1.5; } .dark-background .customer-mobile-inquiry-page { --inquiry-field: #f7f8fa; } .black-background .customer-mobile-inquiry-page { --inquiry-field: #292d32; } .inquiry-detail-title { margin: 0 0 16px; color: var(--inquiry-link); font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; } .customer-mobile-inquiry-page a:not(.btn) { color: var(--inquiry-link); } .inquiry-detail-section { min-width: 0; margin: 0 0 24px; padding: 0; border: 1px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); color: var(--inquiry-ink); } .customer-mobile-inquiry-page .inquiry-detail-section { border-width: 2px; } .customer-mobile-inquiry-page .inquiry-detail-section > :is(legend, .inquiry-detail-section-title) { box-sizing: border-box; display: block; float: none; width: 100%; margin: 0; padding: 12px 16px; border: 0; border-bottom: 1px solid var(--inquiry-edge); border-radius: 7px 7px 0 0; background: var(--inquiry-panel) !important; color: var(--inquiry-link) !important; font-size: 16px; font-weight: 600; line-height: 1.5; } .inquiry-detail-body { min-width: 0; padding: 16px; overflow-wrap: anywhere; } .inquiry-detail-photos { border-top: 1px solid var(--inquiry-edge); } .inquiry-detail-subtitle { margin: 0 0 12px; color: var(--inquiry-link); font-size: 14px; font-weight: 600; line-height: 1.5; } .inquiry-detail-photos .inquiry-detail-hint { margin: 0; } .customer-mobile-inquiry-page .inquiry-detail-block-title { margin: 16px 0 10px; color: var(--inquiry-link); font-size: 22px; line-height: 1.4; } .customer-mobile-inquiry-page .inquiry-detail-requested-section { padding: 16px; border: 2px solid #c4a63c; border-radius: 6px; background: #fffde8; } :is(.dark-background, .customer-page-dark) .customer-mobile-inquiry-page .inquiry-detail-requested-section { background: #ece8d5; } :is(.black-background, .customer-page-black) .customer-mobile-inquiry-page .inquiry-detail-requested-section { border-color: #d0b15d; background: #202124; } .customer-mobile-inquiry-page .inquiry-detail-requested-section > fieldset { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; } .customer-mobile-inquiry-page .inquiry-detail-requested-section > fieldset:last-child { margin-bottom: 0; } .customer-mobile-inquiry-page .inquiry-detail-requested-section > fieldset > :is(legend, .inquiry-photo-title) { box-sizing: border-box; float: none; width: 100%; margin: 0 0 12px; padding: 8px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-panel) !important; color: var(--inquiry-link) !important; font-size: 16px; font-weight: 400; line-height: 1.5; } .customer-mobile-inquiry-page .inquiry-detail-requested-section > fieldset > dl { margin: 0; padding: 0 !important; } .customer-mobile-inquiry-page .inquiry-detail-requested-section .inquiry-detail-photos { border-top: 0; } .customer-mobile-inquiry-page .inquiry-detail-section dl { margin: 0; padding: 0; } .customer-mobile-inquiry-page fieldset.inquiry-detail-section dl { padding: 16px !important; } .customer-mobile-inquiry-page .inquiry-detail-section dt { float: none; width: 100%; margin: 12px 0 4px; padding: 0; color: var(--inquiry-muted); font-size: 12px; font-weight: 600; line-height: 1.5; text-align: left; white-space: normal; } .customer-mobile-inquiry-page .inquiry-detail-section dt:first-child { margin-top: 0; } .customer-mobile-inquiry-page .inquiry-detail-section dd { margin: 0; color: var(--inquiry-ink); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; } .inquiry-detail-comment { white-space: pre-line; } .customer-mobile-inquiry-page .inquiry-detail-discussion-section { border-color: #79a881; background: #eff8ef; } :is(.dark-background, .customer-page-dark) .customer-mobile-inquiry-page .inquiry-detail-discussion-section { background: #dee9dd; } :is(.black-background, .customer-page-black) .customer-mobile-inquiry-page .inquiry-detail-discussion-section { border-color: #81b890; background: #202124; } .customer-mobile-inquiry-page .inquiry-detail-discussion-section > .inquiry-detail-section-title { border-bottom-color: #79a881; } .inquiry-detail-status { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; max-width: 100%; padding: 5px 8px; border: 1px solid currentColor; border-radius: 5px; font-size: 14px; line-height: 1.4; } .inquiry-detail-status a { color: inherit !important; } .inquiry-detail-processing { display: grid; grid-template-columns: minmax(0, 1fr) auto; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; } .inquiry-detail-processing > :is(dt, dd) { grid-column: 1 / -1; } .customer-mobile-inquiry-page .inquiry-detail-processing > .inquiry-detail-status-label { grid-column: 1; align-self: center; margin: 0; } .inquiry-detail-processing > .inquiry-detail-status-value { grid-column: 2; justify-self: end; text-align: right; } .customer-mobile-content .inquiry-detail-expiration { margin: 0 0 12px; padding: 12px; border: 1px solid var(--inquiry-danger, #a9362f); border-radius: 8px; background: transparent; color: var(--inquiry-danger, #a9362f); font-size: 14px; line-height: 1.5; } .customer-mobile-content .inquiry-detail-copy { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 0 16px; padding: 8px 12px; border: 1px solid var(--inquiry-edge); border-radius: 6px; background: transparent !important; color: var(--inquiry-link) !important; font-size: 14px; line-height: 1.4; white-space: normal; } .customer-mobile-inquiry-page .btn { box-sizing: border-box; max-width: 100%; min-height: 36px; margin: 0; padding: 6px 10px !important; border: 1px solid var(--inquiry-edge) !important; border-radius: 5px; background: transparent !important; color: var(--inquiry-link) !important; font-size: 14px !important; line-height: 1.4; white-space: normal; } .customer-mobile-inquiry-page .btn-success { border-color: var(--inquiry-success) !important; color: var(--inquiry-success) !important; } .customer-mobile-inquiry-page .btn :is(i, svg) { width: 18px; height: 18px; font-size: 18px !important; } .customer-mobile-inquiry-page :is(.form-control, .table-input) { box-sizing: border-box; width: 100%; min-width: 0; min-height: 40px; max-width: 100%; margin: 0; padding: 8px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-field) !important; color: var(--inquiry-ink) !important; font-size: 16px !important; line-height: 1.4; } .customer-mobile-inquiry-page textarea.form-control { min-height: 100px; resize: vertical; } .customer-mobile-inquiry-page .form-group { margin: 0 0 12px; } .customer-mobile-inquiry-page .form-group > [class*='col-'] { width: 100%; min-width: 0; padding: 0; float: none; } .customer-mobile-inquiry-page .control-label { width: 100%; margin: 0 0 6px; padding: 0; color: var(--inquiry-muted); font-size: 14px; text-align: left; } .inquiry-detail-warning, .inquiry-detail-hint { margin: 10px 0; font-size: 13px; line-height: 1.5; } .inquiry-detail-offers .inquiry-detail-warning { padding-left: 0; text-align: left; text-indent: 0; } .inquiry-detail-selection-arrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; margin: 0 0 6px 13px; color: var(--inquiry-warning); } .inquiry-detail-selection-arrow :is(i, svg) { width: 20px; height: 20px; font-size: 20px; } .inquiry-detail-warning { color: var(--inquiry-warning); } .inquiry-detail-hint { padding-left: 0; color: var(--inquiry-muted); text-align: left; text-indent: 0; } .customer-mobile-inquiry-page :is(.inquiry-detail-hint, .inquiry-offer-availability) .fa-info-circle { color: var(--inquiry-warning); } .customer-mobile-inquiry-page table { width: 100%; min-width: 0; margin: 0; color: inherit; } .customer-mobile-inquiry-page table :is(tr, td, th) { border: 0 !important; background: transparent !important; color: inherit; box-shadow: none; } .inquiry-detail-requested-items table { display: block; } .inquiry-detail-requested-items.is-scrollable { box-sizing: border-box; max-height: min(244px, 45vh); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; } .inquiry-detail-requested-items.is-scrollable thead { position: -webkit-sticky; position: sticky; top: 0; z-index: 1; background: var(--inquiry-surface); } .inquiry-detail-requested-items thead { display: block; margin-bottom: 8px; } .inquiry-detail-requested-items thead > tr { display: grid; grid-template-columns: 36px minmax(0, .8fr) minmax(0, 1.2fr) 36px; gap: 6px; } .inquiry-detail-requested-items th { width: auto !important; min-width: 0; padding: 4px 0 4px 10px; font-size: 12px; line-height: 1.3; text-align: left; overflow-wrap: anywhere; } .inquiry-detail-requested-items th:first-child { padding-left: 0; text-align: center; white-space: nowrap; overflow-wrap: normal; } .inquiry-detail-requested-items .inquiry-mobile-item { display: block; margin-bottom: 12px; } .inquiry-detail-requested-items .inquiry-mobile-item > tr { display: block; } .inquiry-detail-requested-items .inquiry-mobile-item > tr:empty { display: none; } .inquiry-detail-requested-items .inquiry-mobile-item-controls { display: grid !important; grid-template-columns: 36px minmax(0, .8fr) minmax(0, 1.2fr) 36px; gap: 6px; } .inquiry-detail-requested-items td { display: block; width: auto !important; min-width: 0; padding: 0; } .inquiry-detail-requested-items .inquiry-mobile-item-controls + tr { margin-top: 8px; } .customer-mobile-inquiry-page .inquiry-detail-requested-items .table-input { height: 36px !important; min-height: 36px; padding: 6px 4px; font-size: 14px !important; opacity: 1; } .customer-mobile-inquiry-page .inquiry-detail-requested-items .inquiry-mobile-item-remove .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; min-height: 36px; padding: 0 !important; } .inquiry-detail-requested-items .table-input:not([name$='[qty]']) { padding-left: 10px; padding-right: 10px; text-align: left !important; } .inquiry-detail-requested-items input::-webkit-input-placeholder { color: var(--inquiry-muted); opacity: 1; } .inquiry-detail-requested-items input::-moz-placeholder { color: var(--inquiry-muted); opacity: 1; } .inquiry-detail-requested-items input:-ms-input-placeholder { color: var(--inquiry-muted); opacity: 1; } .inquiry-detail-requested-items input::-ms-input-placeholder { color: var(--inquiry-muted); opacity: 1; } .inquiry-detail-requested-items input::placeholder { color: var(--inquiry-muted); opacity: 1; } .inquiry-detail-offers table { display: block; } .inquiry-detail-offers table > tbody:not(.str) { display: contents; } .inquiry-detail-offers thead { display: none; } .inquiry-detail-offers thead > tr { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; } .inquiry-detail-offers thead > tr:has(> th:nth-child(3)) { grid-template-columns: 64px minmax(0, 1fr) 60px; } .inquiry-detail-offers thead th { padding: 0 0 8px; color: var(--inquiry-muted); font-size: 13px; font-weight: 600; text-align: left; } .inquiry-detail-offers thead th:is(:first-child, :last-child) { text-align: center; } .inquiry-detail-offers .str { box-sizing: border-box; display: block; margin: 0 0 16px; padding: 12px; border: 1px solid var(--inquiry-edge); border-radius: 8px; background: var(--inquiry-surface); } .inquiry-detail-offers .str > tr { display: block; } .inquiry-detail-offers .str > .inquiry-offer-description-row { display: grid; grid-template-columns: 64px minmax(0, 1fr); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 8px 0; padding: 0; } .inquiry-detail-offers .str .inquiry-offer-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; } .inquiry-offer-choice { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; } .inquiry-offer-choice:has(input:checked) { border-color: var(--inquiry-link); } .inquiry-offer-availability { margin-left: 0; } .customer-mobile-inquiry-page .inquiry-offer-position { box-sizing: border-box; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 36px; height: 36px; margin: 0 0 0 auto; padding: 6px 8px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: transparent; color: var(--inquiry-link); font-size: 14px; line-height: 1.4; cursor: default; } .inquiry-detail-offers .qty_editor { -webkit-box-flex: 0; -webkit-flex: 0 0 52px; -ms-flex: 0 0 52px; flex: 0 0 52px; width: 52px; } .inquiry-detail-offers .str td { display: block; width: auto !important; min-width: 0; padding: 0; overflow-wrap: anywhere; } .customer-mobile-inquiry-page .inquiry-detail-offers .inquiry-offer-photo :is(img, .btn) { box-sizing: border-box; width: 64px !important; height: 64px !important; -o-object-fit: contain; object-fit: contain; } .customer-mobile-inquiry-page .inquiry-detail-offers .inquiry-offer-photo img { display: block; border: 1px solid var(--inquiry-edge) !important; border-radius: 5px; background: var(--inquiry-field); } .inquiry-detail-offers .inquiry-offer-photo .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inquiry-offer-description { line-height: 1.5; } .inquiry-offer-part-reference { margin-bottom: 4px; color: var(--inquiry-link); font-size: 14px; font-weight: 600; line-height: 1.4; } .inquiry-offer-part-name { color: var(--inquiry-ink); font-size: 14px; line-height: 1.5; } .inquiry-detail-offers .qty_editor .top-right-actions { float: none; margin: 6px 0 0; text-align: center; } .inquiry-offer-qty-control { position: relative; color: var(--inquiry-link); } .customer-mobile-inquiry-page .inquiry-offer-qty-control select.inquiry-quantity-highlight { -webkit-animation: inquiry-quantity-highlight 1.2s ease-out; animation: inquiry-quantity-highlight 1.2s ease-out; } @-webkit-keyframes inquiry-quantity-highlight { 0%, 25% { box-shadow: 0 0 0 3px var(--inquiry-warning, #a46c12); } 100% { box-shadow: 0 0 0 0 transparent; } } @keyframes inquiry-quantity-highlight { 0%, 25% { box-shadow: 0 0 0 3px var(--inquiry-warning, #a46c12); } 100% { box-shadow: 0 0 0 0 transparent; } } .inquiry-offer-qty-control::after { content: none; } .inquiry-offer-qty-control .form-group { margin: 0; } .customer-mobile-inquiry-page .inquiry-offer-qty-control select { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; box-sizing: border-box; width: 52px; height: 32px; min-height: 32px; margin: 0; padding: 0 17px 0 4px; border-color: #718493; border-radius: 5px; font-size: 14px !important; line-height: normal; text-align: left; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23253947' stroke-width='1.5'/%3E%3C/svg%3E") !important; background-position: right 5px center !important; background-repeat: no-repeat !important; background-size: 10px 6px !important; } :is(.black-background, .customer-page-black) .customer-mobile-inquiry-page .inquiry-offer-qty-control select { border-color: #6088a3; color-scheme: dark; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23e1e7ec' stroke-width='1.5'/%3E%3C/svg%3E") !important; } .customer-mobile-inquiry-page .inquiry-detail-offers input[type='checkbox'] { -moz-appearance: none; appearance: none; -webkit-appearance: none; box-sizing: border-box; display: inline-block; width: 32px !important; height: 32px !important; margin: 0; padding: 0; border: 1px solid var(--inquiry-edge); border-radius: 5px; background-color: #eef2f5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' fill='none' stroke='%2329465b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-position: center; background-size: 20px; background-repeat: no-repeat; vertical-align: middle; cursor: pointer; } .customer-mobile-inquiry-page .inquiry-detail-offers input[type='checkbox']:checked { border-color: #5e9d6e; background-color: #e3f3e5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='%2326783b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } :is(.black-background, .customer-page-black) .customer-mobile-inquiry-page .inquiry-detail-offers input[type='checkbox'] { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' fill='none' stroke='%239dceef' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); } :is(.black-background, .customer-page-black) .customer-mobile-inquiry-page .inquiry-detail-offers input[type='checkbox']:checked { border-color: #81d991; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='%2381d991' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .customer-mobile-inquiry-page .inquiry-detail-offers input[type='checkbox']:hover { border-color: var(--inquiry-link); } .customer-mobile-inquiry-page .inquiry-detail-offers input[type='checkbox']:disabled { opacity: .5; cursor: not-allowed; } .inquiry-detail-offers #store_qty { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; margin-top: 4px; font-size: 14px; } .inquiry-detail-offers #store_qty > .top-right-actions { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; float: none; margin: 0; } .inquiry-offer-pricing { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; line-height: 1.5; text-align: right; } .inquiry-offer-calculation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 4px; color: var(--inquiry-ink); font-size: 14px; line-height: 1.5; } .inquiry-offer-calculation > span, .inquiry-offer-calculation > strong { white-space: nowrap; } .inquiry-offer-line-total { font-weight: 600; } .inquiry-offer-requested-qty { font-size: 12px; } .inquiry-offer-unit-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 4px; } .inquiry-offer-unit-price > span, .inquiry-offer-requested-qty { color: var(--inquiry-muted); } .inquiry-offer-requested-qty { white-space: nowrap; } .inquiry-compact-offers .inquiry-offer-pricing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 4px 12px; text-align: left; } .inquiry-compact-offers :is(.inquiry-offer-requested-qty, .inquiry-offer-calculation, .inquiry-offer-line-total) { color: var(--inquiry-ink); font-size: 13px; font-weight: 400; line-height: 1.4; } .inquiry-compact-offers .inquiry-offer-calculation { margin-left: auto; } .inquiry-detail-offers { container-type: inline-size; } @container (min-width: 600px) { .inquiry-detail-offers .inquiry-compact-offers .str { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, -webkit-max-content); grid-template-columns: minmax(0, 1fr) minmax(180px, max-content); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 8px; } .inquiry-detail-offers .inquiry-compact-offers .inquiry-offer-toolbar-row { grid-column: 1 / -1; } .inquiry-detail-offers .inquiry-compact-offers .inquiry-offer-description-row { grid-column: 1; grid-row: 2; margin: 0; } .inquiry-detail-offers .inquiry-compact-offers .inquiry-offer-summary-row { grid-column: 2; grid-row: 2; } .inquiry-detail-offers .inquiry-compact-offers #store_qty { margin-top: 0; } .inquiry-detail-offers .inquiry-compact-offers .inquiry-offer-notes { grid-column: 1 / -1; } } .inquiry-offer-unit-price .price_each { color: var(--inquiry-ink); font-size: 14px; font-weight: 600; } .customer-mobile-inquiry-page .inquiry-offer-availability .popover-info-click > .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; width: auto !important; height: 36px !important; min-height: 36px; padding: 6px 8px !important; border-color: currentColor !important; color: var(--inquiry-warning) !important; white-space: nowrap; } .customer-mobile-inquiry-page .inquiry-offer-availability .popover-info-click:has(.fa-check) > .btn { color: var(--inquiry-success) !important; } .inquiry-offer-availability .popover-info-click > .btn :is(i, svg) { color: inherit !important; } .inquiry-detail-offers .inquiry-offer-notes td { padding: 10px 0 0; color: var(--inquiry-muted); font-size: 13px; line-height: 1.5; } .customer-mobile-inquiry-page .inquiry-detail-offers .inquiry-offer-notes > td { margin-top: 10px; padding: 8px 10px; border-radius: 5px; background: var(--inquiry-panel) !important; } .inquiry-detail-delivery-hint { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; margin: 12px 0 0; padding: 0; font-size: 14px; line-height: 1.5; } .inquiry-detail-delivery-hint :is(i, svg) { -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 0; font-size: 20px; color: var(--inquiry-warning); } .inquiry-offer-notes td > div { margin-left: 0 !important; } .inquiry-detail-total { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; margin: 12px 0; padding: 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-panel); font-weight: 600; } .inquiry-detail-order-action, .inquiry-detail-actions .btn { width: 100%; min-height: 44px !important; } .inquiry-detail-messages table td { display: block; padding: 8px 0; text-align: left; overflow-wrap: anywhere; } .inquiry-detail-messages #div { padding: 0 !important; } .customer-mobile-inquiry-page .file-selector-button-right { float: none; width: 100%; } .customer-mobile-inquiry-page .fileinput-button, .customer-mobile-inquiry-page .fileinput-button .btn { width: 100%; } .customer-mobile-inquiry-page .fileinput-button .btn { margin: 0 !important; } .inquiry-detail-offers > [style*='background-color: pink'] { border: 1px solid var(--inquiry-warning) !important; border-radius: 5px; background: transparent !important; color: var(--inquiry-warning); line-height: 1.5 !important; } .customer-mobile-inquiry-page .pending-image-hint, .customer-mobile-inquiry-page .pending-image-list { margin: 0 0 12px; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } .customer-mobile-inquiry-page :is(#client_slider, #admin_slider) { margin: 0; padding: 0; list-style: none; } .customer-mobile-inquiry-page :is(#client_slider, #admin_slider) img { max-width: 100%; max-height: 160px; -o-object-fit: contain; object-fit: contain; } .customer-mobile-inquiry-page :is(input, select, textarea, a, button):focus-visible { outline: 2px solid var(--inquiry-link); outline-offset: 2px; } .inquiry-detail-contact-methods { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; } .inquiry-contact-method { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; min-width: 0; height: 44px; margin: 0; padding: 8px; border: 1px solid var(--inquiry-edge); border-radius: 6px; background: transparent; color: var(--inquiry-link); cursor: pointer; } .inquiry-contact-method:has(input:checked) { border-color: var(--inquiry-link); box-shadow: inset 0 0 0 1px var(--inquiry-link); background: var(--inquiry-panel); } .inquiry-contact-method:focus-within { outline: 2px solid var(--inquiry-link); outline-offset: 2px; } .inquiry-contact-method input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; overflow: hidden; } .inquiry-contact-method :is(i, svg, img) { display: block; width: 24px; height: 24px; font-size: 24px; -o-object-fit: contain; object-fit: contain; } .black-background .inquiry-contact-method img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .black-background .inquiry-contact-method img[alt='Email'] { -webkit-filter: invert(1) hue-rotate(180deg); filter: invert(1) hue-rotate(180deg); } :is(.inquiry-contact-method, .methods-container .method-item):has(input[value='sms']) :is(i, svg) { color: #298342; } :is(.inquiry-contact-method, .methods-container .method-item):has(input[value='telegram']) :is(i, svg) { color: #229ed9; } :is(.inquiry-contact-method, .methods-container .method-item):has(input[value='whatsapp']) :is(i, svg) { color: #128c4a; } :is(.black-background, .customer-page-black) :is(.inquiry-contact-method, .methods-container .method-item) :is(i, svg) { color: var(--inquiry-link, #9dceef) !important; } .inquiry-contact-method.is-unavailable { opacity: .5; cursor: default; } .inquiry-contact-method.is-required { cursor: default; } .inquiry-detail-contact-hint { margin: 10px 0 0; padding-left: 0; color: var(--inquiry-muted); font-size: 12px; line-height: 1.5; text-align: left; text-indent: 0; } .inquiry-detail-offers .inquiry-pricing-notes { display: grid; gap: 8px; margin: 12px 0 0 !important; } .inquiry-detail-offers .inquiry-pricing-note { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.5; } .inquiry-detail-offers .inquiry-pricing-note img { -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; margin-top: 0; -o-object-fit: contain; object-fit: contain; } .inquiry-detail-offers .inquiry-pricing-note span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow-wrap: anywhere; } .customer-mobile-content:has(.customer-mobile-inquiry-page) { padding-bottom: 0; } .customer-mobile-content:has(.customer-mobile-inquiry-page) + .customer-mobile-footer { margin-top: 24px; } .customer-mobile-content :is(#delivery_inquiry_show_page, #edit_delivery_inquiry_page) > form { margin-bottom: 0; } .customer-mobile-inquiry-page.is-readonly > .inquiry-detail-section:has(+ #messages-block:empty) { margin-bottom: 0; } .inquiry-detail-actions { margin: 0; } .customer-inquiry-result .inquiry-result-content p { margin: 0 0 12px; } .customer-inquiry-result .inquiry-result-content p:last-child { margin-bottom: 0; } .inquiry-result-actions { display: grid; gap: 10px; margin: 0 0 24px; } .customer-inquiry-result .inquiry-result-actions .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 44px; padding: 10px 12px !important; } .inquiry-result-action-hint { margin: 0; color: var(--inquiry-muted); font-size: 13px; line-height: 1.5; } .inquiry-result-phones { display: grid; gap: 8px; } .inquiry-result-phones a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 40px; padding: 8px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; font-size: 16px; line-height: 1.4; text-decoration: none; } .inquiry-result-phones :is(i, svg) { width: 18px; height: 18px; font-size: 18px; } .customer-inquiry-result .inquiry-result-warning { border-color: var(--inquiry-warning); } .customer-inquiry-result .inquiry-result-warning .inquiry-detail-section-title { color: var(--inquiry-warning) !important; } .customer-inquiry-result > :is(.inquiry-detail-section, .inquiry-result-actions):last-child { margin-bottom: 0; } .inquiry-chat { --chat-edge: var(--admin-edge, var(--inquiry-edge, #b9cad6)); --chat-text: var(--admin-text, var(--inquiry-ink, #29465b)); --chat-muted: var(--admin-muted, var(--inquiry-muted, #50687a)); --chat-surface: var(--admin-field, var(--inquiry-panel, #f4f8fb)); --chat-accent: var(--admin-link, var(--inquiry-link, #235d85)); min-width: 0; color: var(--chat-text); } .inquiry-chat-history { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 6px; max-height: 320px; max-height: min(320px, 50vh); overflow-y: auto; overscroll-behavior-y: contain; padding: 0; border: 0; border-radius: 0; scrollbar-gutter: stable; } .inquiry-chat-message { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 88%; min-width: 0; margin: 0; padding: 7px 10px; border: 1px solid var(--chat-edge); border-radius: 6px; background: var(--chat-surface); overflow-wrap: anywhere; } .inquiry-chat-message-staff { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; border-left: 3px solid var(--chat-accent); } .inquiry-chat-message-customer { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .inquiry-chat-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 4px 12px; line-height: 1.4; } .inquiry-chat-meta strong { font-size: 14px; } .inquiry-chat-meta time { color: var(--chat-muted); font-size: 12px; white-space: nowrap; } .inquiry-chat .inquiry-chat-direction { margin: 2px 0 4px; padding: 0; color: var(--chat-accent); font-size: 12px; line-height: 1.4; } .inquiry-chat-text { font-size: 14px; line-height: 1.45; white-space: pre-wrap; } .inquiry-chat-empty { margin: 0; padding-left: 0; color: var(--chat-muted); font-size: 14px; text-align: left; text-indent: 0; } .inquiry-chat-status { margin: 8px 0; color: var(--chat-muted); font-size: 12px; line-height: 1.4; } .inquiry-chat-status:empty { display: none; } .inquiry-chat-composer { display: grid; gap: 6px; margin-top: 8px; } .inquiry-chat .inquiry-chat-composer .form-group { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; margin: 0; } .inquiry-chat .inquiry-chat-composer .form-group > :is(label, [class*='col-']) { float: none; width: 100%; margin: 0; padding: 0; text-align: left; } .inquiry-chat-composer label { display: block; margin-bottom: 4px; font-size: 14px; } .inquiry-chat .inquiry-chat-composer textarea.inquiry-chat-input { box-sizing: border-box; display: block; width: 100%; height: 64px; min-height: 64px; max-height: 200px; margin: 0; padding: 6px 8px; border: 1px solid var(--chat-edge); border-radius: 5px; background: var(--chat-surface); color: var(--chat-text); font-size: 16px; line-height: 1.4; resize: vertical; } .inquiry-chat .inquiry-chat-send { justify-self: end; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 180px; max-width: 100%; height: 32px; min-height: 32px; margin: 0; padding: 5px 10px; font-size: 14px; line-height: 20px; white-space: nowrap; } .inquiry-chat-send:disabled { opacity: .6; cursor: wait; } @media (max-width: 600px) { .inquiry-chat-history { padding: 0; } .inquiry-chat-message { width: 95%; padding: 7px 8px; } } /* Draw the quantity caret on the select itself, above theme backgrounds. */ :is(.customer-desktop-shell, body.admin-shell) :is(select[name='qty'], select.qty) { -moz-appearance: none !important; appearance: none !important; -webkit-appearance: none !important; padding-right: 22px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23253947' stroke-width='2'/%3E%3C/svg%3E") !important; background-position: right 6px center !important; background-size: 10px 6px !important; background-repeat: no-repeat !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) :is(select[name='qty'], select.qty) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%239dceef' stroke-width='2'/%3E%3C/svg%3E") !important; } :is(.customer-desktop-shell, body.admin-shell) .new-m-select-decoration { background-image: none; } :is(.customer-desktop-shell, body.admin-shell) .new-m-select-decoration::after { content: none; } /* One continuous frame; section accents live inside it, not on broken edges. */ :is(.customer-desktop-shell, body.admin-shell) #middle_search_results #search_results { width: 100%; margin: 20px 0; border-collapse: separate; border-spacing: 0; border: 1px solid var(--admin-edge, #b9cad6); border-radius: 7px; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) #middle_search_results #search_results { border-color: #41617b; } :is(.customer-desktop-shell, body.admin-shell) #middle_search_results #search_results .search-section-heading { position: relative; padding: 14px 24px; line-height: 1.5; border-left: 0 !important; border-right: 0 !important; border-top: 1px solid var(--admin-edge, #b9cad6) !important; border-bottom: 0 !important; box-shadow: none !important; } :is(.customer-desktop-shell.black-background, body.admin-shell.admin-theme-black) #middle_search_results #search_results .search-section-heading { border-top-color: #41617b !important; } :is(.customer-desktop-shell, body.admin-shell) #middle_search_results #search_results .search-section-heading::before { content: ''; position: absolute; left: 10px; top: 12px; bottom: 12px; width: 3px; border-radius: 2px; background: var(--search-section-accent, #6088a3); } :is(.customer-desktop-shell, body.admin-shell) #middle_search_results #search_results tr:first-child > th:first-child { border-top-left-radius: 6px; } :is(.customer-desktop-shell, body.admin-shell) #middle_search_results #search_results tr:first-child > th:last-child { border-top-right-radius: 6px; } .part-photo-frame { box-sizing: border-box; max-width: 100%; text-align: center; } .part-photo-frame > a:first-child { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 100px; padding: 8px; border: 1px solid var(--admin-edge, #b9cad6); border-radius: 7px; background: #fff; overflow: hidden; } .part-photo-frame > a:first-child img { display: block; width: auto; height: auto; max-width: 100%; max-height: 260px; -o-object-fit: contain; object-fit: contain; border-radius: 3px; } :is(body.admin-theme-black, .black-background) .part-photo-frame > a:first-child { border-color: #5a7d97; box-shadow: 0 2px 8px #0003; } .part-photo-frame > em { display: block; margin-top: 6px; color: var(--admin-link, #337ab7); font-size: 12px; } body.admin-shell #middle_search_results #search_results :is(.admin-search-offer-row, .admin-search-offer-extra) > td { background: var(--admin-surface, #fff) !important; color: var(--admin-text, #253947); border-color: var(--admin-edge, #b9cad6); padding: 10px; vertical-align: top; line-height: 1.55; font-size: 13px; } body.admin-shell #middle_search_results .admin-search-offer-row { border-top: 1px solid var(--admin-edge, #b9cad6) !important; } body.admin-shell #middle_search_results .admin-search-offer-row > td:first-child { width: 100px; } body.admin-shell #middle_search_results .admin-search-offer-row > td:last-child { overflow-wrap: anywhere; } body.admin-shell #middle_search_results .admin-search-offer-row .top-right-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 5px; max-width: 100%; margin: 0 0 6px 10px; } body.admin-shell #middle_search_results .admin-search-offer-row .btn { font-size: 12px; } body.admin-shell #middle_search_results .admin-search-remote-offer { display: flow-root; margin-top: 8px; padding: 8px 10px; border: 1px solid var(--admin-edge, #b9cad6); border-radius: 5px; background: var(--admin-field, #edf3f8) !important; color: var(--admin-text, #253947); line-height: 1.6; } body.admin-shell #middle_search_results .admin-search-remote-offer .top-right-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 6px; margin: 0 0 0 10px; } body.admin-shell #middle_search_results .admin-search-remote-offer .btn[title*='Цен'] { white-space: nowrap; } body.admin-shell.admin-theme-black #middle_search_results .admin-search-offer-row [style*='color: brown'] { color: #ffb2a1 !important; } @media (max-width: 767px) { body.admin-shell #middle_search_results .admin-search-offer-row .top-right-actions { float: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: 0; } body.admin-shell #middle_search_results .admin-search-remote-offer .top-right-actions { float: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 6px 0; } body.admin-shell #middle_search_results .admin-search-offer-row > td:first-child { width: 44px; } .part-photo-frame > a:first-child img { max-height: 220px; } } /* This admin action also opens inside the customer-facing catalog. */ .popover:has(.admin-prepurchase-add-placeholder) { width: min(520px, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; } .popover:has(.admin-prepurchase-add-placeholder) .popover-header { padding: 10px 12px; font-size: 16px; text-align: left; } .popover:has(.admin-prepurchase-add-placeholder) .popover-body { padding: 12px; max-height: min(680px, 70dvh); overflow-y: auto; } .admin-prepurchase-add-placeholder { width: 100%; min-width: 0; } .admin-prepurchase-add { --prepurchase-field: var(--admin-field, #fff); --prepurchase-text: var(--admin-text, #253947); --prepurchase-edge: var(--admin-edge, #899dab); color: var(--prepurchase-text); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } :is(.black-background, .customer-page-black) .admin-prepurchase-add { --prepurchase-field: #272d33; --prepurchase-text: #e1e7ec; --prepurchase-edge: #5a7d97; } .admin-prepurchase-add .admin-prepurchase-add-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; width: 100%; margin: 12px 0 0; } .admin-prepurchase-add-form > .admin-prepurchase-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 5px; width: 100%; min-width: 0; margin: 0; padding: 0; } .admin-prepurchase-add-form .admin-prepurchase-field > label { float: none; width: auto; margin: 0; padding: 0; text-align: left; font-size: 13px; line-height: 1.4; } .admin-prepurchase-add-form .admin-prepurchase-field > :is(input, select, textarea) { display: block; box-sizing: border-box; width: 100% !important; max-width: 100%; min-width: 0; height: 38px; margin: 0; padding: 7px 10px; border: 1px solid var(--prepurchase-edge) !important; border-radius: 5px; background: var(--prepurchase-field); color: var(--prepurchase-text); font-size: 14px; box-shadow: none; } .admin-prepurchase-add-form .admin-prepurchase-field > textarea { height: 64px; min-height: 64px; resize: vertical; } .admin-prepurchase-add-form .admin-prepurchase-field > small { color: inherit; opacity: .75; font-size: 11px; line-height: 1.4; } .admin-prepurchase-add-form input[type='number'] { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; } .admin-prepurchase-add-form input::-webkit-inner-spin-button, .admin-prepurchase-add-form input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .admin-prepurchase-add-form .admin-prepurchase-add-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-column: 1 / -1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 6px; margin-top: 2px; } .admin-prepurchase-add-actions .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; min-height: 36px; padding: 6px 10px; font-size: 13px; } .admin-prepurchase-add .select2-container { width: 100% !important; min-width: 0; } .admin-prepurchase-add .select2-selection--single { height: 38px; border: 1px solid var(--prepurchase-edge); border-radius: 5px; background: var(--prepurchase-field); } .admin-prepurchase-add .select2-selection__rendered { color: var(--prepurchase-text); font-size: 14px; line-height: 36px; } .admin-prepurchase-add .select2-selection__arrow { height: 36px; } .admin-prepurchase-add [style*='color: blue'] { color: var(--admin-link, #337ab7) !important; } .admin-prepurchase-add [style*='color: grey'] { color: inherit !important; opacity: .75; } .spare-report-table { --report-text: var(--admin-text, #253947); --report-edge: var(--admin-edge, #b9cad6); --report-field: var(--admin-field, #edf3f8); --report-surface: var(--admin-surface, #fff); --report-link: var(--admin-link, #24638f); } :is(.admin-theme-black, .black-background) .spare-report-table { --report-text: #e1e7ec; --report-edge: #5a7d97; --report-field: #272d33; --report-surface: #202124; --report-link: #9dceef; } table.spare-report-table { width: 100%; margin: 12px 0; font-size: 12px; line-height: 1.5; color: var(--report-text); } .spare-report-table :is(th, td) { padding: 8px; border-color: var(--report-edge); vertical-align: top; } .spare-report-table tr > td { background: var(--report-surface); color: var(--report-text); } .admin-shell table.spare-report-table tr > td { vertical-align: top !important; } .spare-report-table th { background: var(--report-field); font-size: 12px; } .spare-report-table tr.spare-report-zero > td:first-child { border-left: 3px solid #cc8799; } .spare-report-table tr.spare-report-refund > td:first-child { border-left: 3px solid #c9a346; } .spare-report-table td:nth-child(2) { width: 25%; } .spare-report-table td:nth-child(3) { min-width: 100px; } .spare-report-history-cell { width: 28%; } .spare-report-history { max-height: 180px; overflow-y: auto; padding-right: 6px; line-height: 1.6; } .spare-report-statistics { white-space: normal; } .spare-report-supplier { display: inline-block; margin: 7px 0 4px; color: var(--report-link); font-weight: 600; } .spare-report-table .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 26px; min-height: 26px; margin: 2px; padding: 3px 6px; font-size: 11px; line-height: 1.4; vertical-align: middle; } .spare-report-table td:last-child > a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; border: 1px solid var(--report-edge); border-radius: 5px; color: var(--report-link); } .spare-report-table .spare-report-offers > td { padding: 0; border-top: 0; } .spare-report-offers td > div:empty { display: none; } .admin-shell .spare-report-filter form { display: grid; grid-template-columns: 1.6fr 1.6fr 1.3fr 1fr 1.2fr 72px 40px; gap: 8px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; margin: 0; } .admin-shell .spare-report-filter form .form-group { width: 100%; min-width: 0; margin: 0; padding: 0; } .admin-shell .spare-report-filter .form-group > div { width: 100%; min-width: 0; padding: 0; } .admin-shell .spare-report-filter :is(input:not([type='hidden']), select) { box-sizing: border-box; width: 100% !important; min-width: 0; height: 36px; margin: 0; } .admin-shell .spare-report-filter form > .btn { width: 100%; height: 36px; min-height: 36px; margin: 0 !important; padding: 0; } @media (max-width: 991px) { .admin-shell .spare-report-filter form { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 575px) { .admin-shell .spare-report-filter form { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .spare-report-actions { margin: 0 0 12px 12px; } @media (max-width: 991px) { table.spare-report-table { display: block; max-width: 100%; overflow-x: auto; } .spare-report-table td:nth-child(2) { min-width: 180px; } .spare-report-history { min-width: 220px; } .spare-report-statistics { min-width: 310px; } } /* Informational content only: do not recolor catalog statuses or action links. */ .customer-information-content :is(h2, h3, h4) { color: #29465b; line-height: 1.4; } .customer-information-content a:not(.btn) { color: #24638f; text-decoration: underline; text-underline-offset: 2px; } body.customer-page-black .customer-information-content :is(h2, h3, h4) { color: #9dceef; } body.customer-page-black .customer-information-content a:not(.btn) { color: #9dceef; } .customer-manufacturer-links ul { padding-left: 22px; } .customer-manufacturer-links li { margin-bottom: 8px; line-height: 1.5; overflow-wrap: anywhere; } .customer-information-content a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; } /* The real mobile sales template uses shared purchase partials, not card rows. */ .customer-mobile-content .customer-sales-table { width: 100%; border-color: #899dab; } .customer-mobile-content .customer-sales-table .search-section-heading { padding: 10px; background: #edf3f8 !important; color: #29465b !important; } .customer-mobile-content .customer-sales-table .sale-purchase-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; float: none; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; gap: 6px; margin: 8px 0; } .customer-mobile-content .customer-sales-table .spare-purchase-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; } .customer-mobile-content .customer-sales-table .spare-purchase-controls form { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; margin: 0; } .customer-mobile-content .customer-sales-table .spare-purchase-controls :is(.select-decoration-card, .new-m-item-number-select) { float: none; width: auto; height: auto; margin: 0; padding: 0; background: transparent; } .customer-mobile-content .customer-sales-table .spare-purchase-controls select { box-sizing: border-box; width: 48px; min-height: 32px; margin: 0; padding: 3px; border: 1px solid #899dab; border-radius: 5px; background: #fff; color: #29465b; font: inherit; } .customer-mobile-content .customer-sales-table .sale-purchase-actions .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 32px; min-height: 32px; margin: 0; padding: 4px; border-radius: 5px; line-height: 1.3; } .customer-mobile-content .customer-sales-table .sale-purchase-actions .btn:has(.fa-shopping-cart, .fa-percent) { width: 32px; height: 32px; } .customer-mobile-container.black .customer-sales-table { border-color: #41617b; } .customer-mobile-container.black .customer-sales-table .search-section-heading { background: #263744 !important; color: #e1e7ec !important; } .customer-mobile-container.black .customer-sales-table .spare-purchase-controls select { color-scheme: dark; border-color: #6088a3; background: #292d32; color: #e1e7ec; } .customer-mobile-container.black .customer-sales-table .sale-purchase-actions .btn { border: 1px solid #9dceef; background: transparent; color: #9dceef; } .customer-mobile-container.black .customer-sales-table .sale-purchase-actions .btn-success { border-color: #81d991; color: #81d991; } .customer-mobile-container.black .customer-sales-table .spare-availability-badge { border: 1px solid #81d991; background: transparent !important; color: #81d991 !important; } .customer-desktop-shell .customer-orders-desktop-filters form.form-inline { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1.5fr) minmax(0, 1.1fr) minmax(0, 1fr) 70px 36px; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px; width: 100%; margin: 0; padding: 0 !important; } .customer-orders-desktop-filters .form-group, .customer-orders-desktop-filters .form-group > div { width: 100%; min-width: 0; margin: 0; padding: 0; } .customer-desktop-shell .customer-orders-desktop-filters :is(input:not([type='hidden']), select) { box-sizing: border-box; width: 100% !important; min-width: 0; max-width: 100%; height: 36px; margin: 0; } .customer-desktop-shell .customer-orders-desktop-filters form > .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; min-height: 36px; margin: 0; padding: 0; border-radius: 5px; } .customer-orders-desktop-table { --order-list-link: #24638f; --order-list-paid: #26783b; --order-list-unpaid: #a12d24; --order-list-warning: #856317; --order-list-claim: #923b85; } .black-background .customer-orders-desktop-table { --order-list-link: #9dceef; --order-list-paid: #81d991; --order-list-unpaid: #ff9e94; --order-list-warning: #e8c56c; --order-list-claim: #e6a9dd; } .customer-orders-desktop-table .order-status-info { color: var(--order-list-link) !important; } .customer-orders-desktop-table .order-status-success { color: var(--order-list-paid) !important; } .customer-orders-desktop-table .order-status-danger { color: var(--order-list-unpaid) !important; } .customer-orders-desktop-table .order-status-warning { color: var(--order-list-warning) !important; } .customer-orders-desktop-table .order-status-claim { color: var(--order-list-claim) !important; } .customer-orders-desktop-table [style*='color: red'], .customer-orders-desktop-table [style*='color:red'] { color: var(--order-list-unpaid) !important; } .customer-orders-desktop-table [style*='color: green'], .customer-orders-desktop-table [style*='color:green'] { color: var(--order-list-paid) !important; } .customer-desktop-shell .customer-orders-desktop-table tr > td { vertical-align: top; } .customer-orders-desktop-table .customer-order-list-reference > .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 56px; min-height: 24px; margin: 0 auto 4px; padding: 2px 4px; font-size: 11px; line-height: 18px; white-space: nowrap; } .customer-orders-desktop-table .customer-order-list-reference > .btn:last-child { margin-bottom: 0; } .customer-orders-desktop-table .customer-order-list-status { width: 156px; min-width: 156px; } body .customer-orders-desktop-table .order-payment-status-square { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; margin: 0; padding: 0; border: 1px solid currentColor; border-radius: 5px; background: transparent; line-height: 1; cursor: default; } .customer-orders-desktop-table .order-payment-status-square.is-paid { color: var(--order-list-paid); } .customer-orders-desktop-table .order-payment-status-square.is-unpaid { color: var(--order-list-unpaid); } .customer-orders-desktop-table .order-payment-status-square :is(i, svg) { width: 16px; height: 16px; font-size: 16px; } body .customer-orders-desktop-table .order-feedback-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; margin: 0; padding: 0; border: 1px solid currentColor; border-radius: 5px; background: transparent; color: var(--order-list-paid); line-height: 1; } .customer-orders-desktop-table .order-feedback-button :is(i, svg) { width: 16px; height: 16px; font-size: 16px; } body .customer-desktop-shell .customer-orders-desktop-table .btn { box-sizing: border-box; height: 24px; min-height: 24px; padding-top: 2px; padding-bottom: 2px; font-size: 11px; line-height: 18px; } body .customer-desktop-shell .customer-orders-desktop-table :is(.order-payment-status-square, .order-feedback-button) { width: 24px; min-width: 24px; max-width: 24px; height: 24px; min-height: 24px; padding: 0; } .customer-orders-desktop-table .customer-order-list-carrier > a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; padding: 2px; border: 1px solid #899dab; border-radius: 4px; } .customer-orders-desktop-table .customer-order-list-carrier > a img { width: 18px; height: 18px; border: 0; -o-object-fit: contain; object-fit: contain; } .customer-orders-desktop-table td img { -o-object-fit: contain; object-fit: contain; background: #fff; border: 1px solid #899dab; border-radius: 4px; } @media (max-width: 1399px) { .customer-desktop-shell .customer-orders-desktop-filters form.form-inline { grid-template-columns: repeat(12, minmax(0, 1fr)); } .customer-orders-desktop-filters .form-group { grid-column: span 3; } .customer-orders-desktop-filters :is(.filter_order_date, .filter_order_item_status, .filter_invoice) { grid-column: span 4; } .customer-orders-desktop-filters .filter_order_number { grid-column: span 2; } .customer-desktop-shell .customer-orders-desktop-filters form > .btn { justify-self: end; } } @media (max-width: 767px) { .customer-desktop-shell .customer-orders-desktop-filters form.form-inline { grid-template-columns: repeat(2, minmax(0, 1fr)); } .customer-orders-desktop-filters .form-group { grid-column: auto; } .customer-orders-desktop-filters .filter_order_date { grid-column: 1 / -1; } } .customer-inquiry-confirmation h1, .customer-inquiry-workspace h1 { color: var(--inquiry-link); } .customer-desktop-shell .customer-inquiry-workspace h1 { margin-left: 0; text-align: left; } .customer-inquiry-confirmation-notice, .inquiry-access-note { box-sizing: border-box; min-width: 0; padding: 16px; margin: 0 0 16px; border: 1px solid var(--inquiry-edge); border-radius: 6px; background: var(--inquiry-panel); color: var(--inquiry-ink); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; } .customer-inquiry-confirmation-notice p, .customer-inquiry-workspace .inquiry-access-note p { margin: 0 0 10px; padding: 0; color: inherit; font: inherit; text-indent: 0; text-align: left; } .customer-inquiry-confirmation-notice p:last-child, .customer-inquiry-workspace .inquiry-access-note p:last-child { margin-bottom: 0; } .customer-inquiry-confirmation-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px 16px; } .customer-inquiry-confirmation-actions p { -webkit-box-flex: 1; -webkit-flex: 1 1 320px; -ms-flex: 1 1 320px; flex: 1 1 320px; margin: 0; padding: 0; color: var(--inquiry-muted); font-size: 13px; line-height: 1.5; text-indent: 0; text-align: left; } .customer-inquiry-confirmation-actions .btn, .customer-inquiry-code-actions .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; margin: 0; padding: 7px 12px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: transparent; color: var(--inquiry-link); font-size: 14px; line-height: 1.5; white-space: normal; } .customer-inquiry-confirmation a:focus-visible, .customer-inquiry-workspace :is(a, button, input, textarea):focus-visible { outline: 2px solid var(--inquiry-link); outline-offset: 3px; } .customer-inquiry-workspace .customer-inquiry-section { min-width: 0; margin: 0 0 16px; padding: 16px !important; border: 1px solid var(--inquiry-edge) !important; border-radius: 6px !important; background: var(--inquiry-surface) !important; color: var(--inquiry-ink); } .customer-inquiry-workspace .customer-inquiry-section legend { box-sizing: border-box; float: none; width: 100%; margin-bottom: 12px; padding: 8px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-panel); color: var(--inquiry-link); font-size: 16px; line-height: 1.5; } .customer-inquiry-workspace .customer-inquiry-section fieldset { min-width: 0; margin-bottom: 16px; } .customer-inquiry-workspace .customer-inquiry-section .inquiry-photo-title { box-sizing: border-box; width: 100%; margin: 0 0 12px; padding: 8px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: var(--inquiry-panel); color: var(--inquiry-link); font-size: 16px; font-weight: 400; line-height: 1.5; } .customer-inquiry-workspace .customer-inquiry-section fieldset:last-child { margin-bottom: 0; } .customer-inquiry-workspace .customer-inquiry-section .white-box { background: transparent; color: var(--inquiry-ink); } .customer-inquiry-workspace .customer-inquiry-section a:not(.btn) { color: var(--inquiry-link); } .customer-inquiry-workspace .inquiry-discussion-section { margin-top: 16px; margin-bottom: 0; } .customer-inquiry-workspace .table :is(th, td) { border-color: var(--inquiry-edge); vertical-align: top; } .customer-inquiry-workspace .table th { background: var(--inquiry-panel); color: var(--inquiry-ink); } .customer-inquiry-workspace :is(.inquiry-offer-thumb-link, .inquiry-offer-thumb-empty) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 44px; height: 44px; padding: 1px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: #fff; color: var(--inquiry-link); vertical-align: middle; } .customer-inquiry-workspace .inquiry-offer-thumb { display: block; width: 40px; height: 40px; max-width: none; -o-object-fit: contain; object-fit: contain; } .customer-inquiry-workspace .inquiry-offer-thumb-empty { background: var(--inquiry-panel); } .customer-inquiry-workspace .inquiry-offer-thumb-empty :is(i, svg) { width: 18px; height: 18px; } .customer-inquiry-workspace .inquiry-access-note { border-left: 3px solid var(--inquiry-warning); } .customer-desktop-shell .customer-inquiry-workspace .inquiry-request-section { border-color: #c4a63c !important; background: #fffde8 !important; } .customer-desktop-shell.dark-background .customer-inquiry-workspace .inquiry-request-section { background: #ece8d5 !important; } .customer-desktop-shell.black-background .customer-inquiry-workspace .inquiry-request-section { border-color: #d0b15d !important; background: var(--inquiry-surface) !important; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-answer-section { border-color: #649db7 !important; background: #edf7fb !important; } .customer-desktop-shell.dark-background .customer-inquiry-workspace .inquiry-answer-section { background: #dce7ed !important; } .customer-desktop-shell.black-background .customer-inquiry-workspace .inquiry-answer-section { border-color: #6dabc7 !important; background: var(--inquiry-surface) !important; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-discussion-section { border-color: #79a881 !important; background: #eff8ef !important; } .customer-desktop-shell.dark-background .customer-inquiry-workspace .inquiry-discussion-section { background: #dee9dd !important; } .customer-desktop-shell.black-background .customer-inquiry-workspace .inquiry-discussion-section { border-color: #81b890 !important; background: var(--inquiry-surface) !important; } .customer-inquiry-workspace .inquiry-status-section { --inquiry-status-accent: var(--inquiry-muted); } .customer-inquiry-workspace .inquiry-status-section[data-status-tone='danger'] { --inquiry-status-accent: var(--inquiry-danger); } .customer-inquiry-workspace .inquiry-status-section[data-status-tone='success'] { --inquiry-status-accent: var(--inquiry-success); } .customer-inquiry-workspace .inquiry-status-section[data-status-tone='warning'] { --inquiry-status-accent: var(--inquiry-warning); } .customer-inquiry-workspace .inquiry-status-section[data-status-tone='info'] { --inquiry-status-accent: var(--inquiry-link); } .customer-mobile-inquiry-page .inquiry-mobile-processing { --inquiry-status-accent: var(--inquiry-link); box-sizing: border-box; margin: 0 0 16px; padding: 16px; border: 1px solid var(--inquiry-status-accent); border-left-width: 3px; border-radius: 6px; background: color-mix(in srgb, var(--inquiry-status-accent) 8%, var(--inquiry-surface)); color: var(--inquiry-status-accent); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; } .customer-mobile-inquiry-page .inquiry-mobile-processing[data-status-tone='danger'] { --inquiry-status-accent: var(--inquiry-danger); } .customer-mobile-inquiry-page .inquiry-mobile-processing[data-status-tone='success'] { --inquiry-status-accent: var(--inquiry-success); } .customer-mobile-inquiry-page .inquiry-mobile-processing[data-status-tone='warning'] { --inquiry-status-accent: var(--inquiry-warning); } .customer-mobile-inquiry-page .inquiry-mobile-processing .inquiry-detail-status { display: inline; margin: 0; padding: 0; border: 0; border-radius: 0; color: inherit; font: inherit; font-weight: 700; text-transform: uppercase; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-status-section { border: 1px solid var(--inquiry-status-accent) !important; border-left-width: 3px !important; background: color-mix(in srgb, var(--inquiry-status-accent) 8%, var(--inquiry-surface)) !important; color: var(--inquiry-status-accent); } .customer-inquiry-code-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 16px 0; } .customer-inquiry-workspace :is(.inquiry-chat-send, .customer-inquiry-code-actions .btn, .pending-inquiry-images .fileinput-button, .pending-image-remove, .inquiry-detail-actions .btn) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 180px; max-width: 100%; min-width: 0; height: 32px; min-height: 32px; margin: 0; padding: 5px 10px; border: 1px solid var(--inquiry-edge); border-radius: 5px; background: transparent; color: var(--inquiry-link); font-size: 14px !important; line-height: 20px; white-space: nowrap; } .customer-inquiry-workspace .pending-inquiry-images .fileinput-button { border-color: var(--inquiry-success); color: var(--inquiry-success); } .customer-inquiry-workspace .pending-image-remove { border-color: var(--inquiry-danger) !important; color: var(--inquiry-danger) !important; } .customer-inquiry-workspace .pending-inquiry-images .file-selector-button-right { margin-bottom: 6px; } .customer-inquiry-workspace .pending-inquiry-images .pending-image-hint { margin: 6px 0; padding: 0; font-size: 13px; line-height: 1.5; text-indent: 0; text-align: left; } .customer-inquiry-workspace .pending-inquiry-images .pending-image-list { margin: 6px 0 0; font-size: 13px; line-height: 1.5; } .customer-inquiry-workspace .pending-inquiry-images { display: grid; grid-template-columns: minmax(0, 1fr) 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px 12px; } .customer-inquiry-workspace .pending-inquiry-images > .pending-image-hint { grid-column: 1 / -1; margin: 0; } .customer-inquiry-workspace .pending-inquiry-images > .pending-image-list { grid-column: 1; min-width: 0; margin: 0; } .customer-inquiry-workspace fieldset:has(> .pending-inquiry-images) > .pending-inquiry-images > .file-selector-button-right { grid-column: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 32px; margin: 0; } .customer-inquiry-workspace .pending-inquiry-images .fileinput-button { width: 32px; height: 32px; min-height: 32px; padding: 0 !important; font-size: 22px !important; } .customer-mobile-inquiry-page .inquiry-detail-photos .pending-inquiry-images .fileinput-button { width: 32px; height: 32px; min-height: 32px; padding: 0 !important; font-size: 22px !important; } .customer-mobile-inquiry-page .inquiry-detail-photos .pending-image-hint { margin: 6px 0; padding: 0; border: 0; background: transparent; font-size: 13px; line-height: 1.5; } .customer-inquiry-workspace :is(.customer-inquiry-code-actions .btn-primary, .inquiry-detail-actions .btn) { border-color: #286090 !important; background: #286090 !important; color: #fff !important; } .customer-inquiry-workspace :is(.customer-inquiry-code-actions .btn-primary, .inquiry-detail-actions .btn):hover { border-color: #204d74 !important; background: #204d74 !important; color: #fff !important; } :is(.black-background, .customer-page-black) .customer-inquiry-workspace :is(.customer-inquiry-code-actions .btn-primary, .inquiry-detail-actions .btn) { border-color: var(--inquiry-link) !important; background: transparent !important; color: var(--inquiry-link) !important; } .customer-inquiry-workspace .inquiry-save-status { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 6px 0 0; padding: 0; color: var(--inquiry-muted); font-size: 13px; line-height: 1.5; text-indent: 0; text-align: left; } .customer-inquiry-workspace .inquiry-save-status:empty { display: none; } .customer-inquiry-workspace [data-inquiry-guest-save]:disabled { opacity: .55; cursor: default; } .customer-inquiry-workspace .customer-mobile-inquiry-page .inquiry-detail-actions .btn { width: 100%; height: 44px; min-height: 44px; } .customer-inquiry-workspace .customer-mobile-inquiry-page .inquiry-detail-title { margin-bottom: 12px; line-height: 1.2; } .customer-inquiry-workspace .customer-mobile-inquiry-page .inquiry-mobile-processing { margin-bottom: 12px; padding: 12px 16px; line-height: 1.4; } .customer-inquiry-workspace .customer-mobile-inquiry-page .inquiry-detail-block-title { margin: 12px 0 10px; line-height: 1.3; } .customer-inquiry-workspace .customer-inquiry-section { border-width: 2px !important; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-answer-title { box-sizing: border-box; margin: -16px -16px 16px; padding: 12px 16px; border-bottom: 1px solid #649db7; border-radius: 4px 4px 0 0; background: var(--inquiry-panel); color: var(--inquiry-link); font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-inquiry-workspace .inquiry-request-title { box-sizing: border-box; margin: -16px -16px 16px; padding: 12px 16px; border-bottom: 1px solid #c4a63c; border-radius: 4px 4px 0 0; background: var(--inquiry-panel); color: var(--inquiry-link); font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-discussion-title { box-sizing: border-box; margin: -16px -16px 16px; padding: 12px 16px; border-bottom: 1px solid #79a881; border-radius: 4px 4px 0 0; background: var(--inquiry-panel); color: var(--inquiry-link); font-size: 16px; font-weight: 600; line-height: 1.5; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-status-section { border-width: 2px !important; border-left-width: 3px !important; } .customer-inquiry-workspace .customer-mobile-inquiry-page .inquiry-mobile-processing { border-width: 2px; border-left-width: 3px; } .customer-inquiry-workspace { --inquiry-request-heading: #f4e9b1; --inquiry-answer-heading: #d5eaf5; --inquiry-discussion-heading: #cfe8d2; } :is(.dark-background, .customer-page-dark) .customer-inquiry-workspace { --inquiry-request-heading: #d9c98f; --inquiry-answer-heading: #bed3e0; --inquiry-discussion-heading: #bbd2be; } :is(.black-background, .customer-page-black) .customer-inquiry-workspace { --inquiry-request-heading: #3b3421; --inquiry-answer-heading: #263c4a; --inquiry-discussion-heading: #283f30; } .customer-inquiry-workspace :is(.inquiry-request-title, .inquiry-answer-title, .inquiry-discussion-title) { display: block !important; float: none !important; box-sizing: border-box; width: calc(100% + 32px) !important; max-width: none !important; } .customer-inquiry-workspace .inquiry-request-title { background: var(--inquiry-request-heading) !important; } .customer-inquiry-workspace .inquiry-answer-title, .customer-inquiry-workspace .inquiry-detail-answer-section > .inquiry-detail-section-title { background: var(--inquiry-answer-heading) !important; } .customer-inquiry-workspace .inquiry-discussion-title, .customer-inquiry-workspace .inquiry-detail-discussion-section > .inquiry-detail-section-title { background: var(--inquiry-discussion-heading) !important; } @media (max-width: 575px) { .customer-inquiry-confirmation-actions .btn { width: 100%; } } @media (min-width: 768px) { .customer-desktop-shell .customer-inquiry-workspace .inquiry-request-section dl.dl-horizontal { display: grid; grid-template-columns: 140px minmax(0, 1fr); -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; gap: 8px 16px; margin: 0; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-request-section dl.dl-horizontal > dt { grid-column: 1; float: none; width: auto; min-width: 0; margin: 0; padding: 0; text-align: left; white-space: normal; } .customer-desktop-shell .customer-inquiry-workspace .inquiry-request-section dl.dl-horizontal > dd { grid-column: 2; min-width: 0; margin: 0; padding: 0; overflow-wrap: anywhere; } } .customer-source-question { --source-surface: #fff; --source-panel: #edf3f8; --source-ink: #253947; --source-edge: #899dab; --source-link: #24638f; } body.customer-page-dark .customer-source-question { --source-surface: #e5e5e5; --source-panel: #d5dce1; --source-ink: #222; } body.customer-page-black .customer-source-question { --source-surface: #202124; --source-panel: #263744; --source-ink: #e1e7ec; --source-edge: #6088a3; --source-link: #9dceef; } .customer-source-question .modal-dialog { width: calc(100% - 32px); max-width: 560px; margin: 24px auto; } .customer-source-question .modal-content { max-height: calc(100dvh - 48px); overflow: hidden; border: 1px solid var(--source-edge); border-radius: 8px; background: var(--source-surface); color: var(--source-ink); } .customer-source-question .modal-header { padding: 14px 16px; border-bottom: 1px solid var(--source-edge); background: var(--source-panel); } .customer-source-question .modal-header h3 { margin: 0; color: var(--source-link); font-size: 18px; line-height: 1.4; } .customer-source-question .modal-body { min-height: 0; padding: 16px; overflow-y: auto; background: var(--source-surface); color: var(--source-ink); } .customer-source-question .modal-body ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; } .customer-source-question .modal-body li { margin: 0; padding: 0; } .customer-source-question .modal-body a { display: block; padding: 8px 10px; border: 1px solid var(--source-edge); border-radius: 5px; color: var(--source-link); font-size: 14px; line-height: 1.5; text-decoration: none; overflow-wrap: anywhere; } .customer-source-question .modal-body a:hover { background: var(--source-panel); } .customer-source-question a:focus-visible { outline: 2px solid var(--source-link); outline-offset: 2px; } .customer-source-question .modal-footer { gap: 8px; margin: 0; padding: 12px 16px; border-top: 1px solid var(--source-edge); background: var(--source-surface); } .customer-source-question .modal-footer .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; margin: 0; padding: 7px 12px; border: 1px solid var(--source-edge); border-radius: 5px; background: transparent; color: var(--source-link); font-size: 14px; line-height: 20px; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .order-verification-section { --inquiry-surface: #f5f5f5; --inquiry-panel: #e9e9e9; --inquiry-edge: #bcbcbc; --order-panel: #e9e9e9; --order-edge: #bcbcbc; background: #f5f5f5 !important; border-color: #bcbcbc !important; } :is(.black-background, .customer-page-black, .admin-theme-black) .order-verification-section { --inquiry-surface: #242424; --inquiry-panel: #333; --inquiry-edge: #666; --order-panel: #333; --order-edge: #666; background: #242424 !important; border-color: #666 !important; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .order-verification-section > .customer-order-products-heading, :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .order-verification-section > fieldset > legend { background: var(--inquiry-panel) !important; border-color: var(--inquiry-edge) !important; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .order-email-notification-toggle.mobile-order-notification-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 6px; width: 36px; min-width: 36px; height: 36px; min-height: 36px !important; margin: 0 8px 0 0 !important; padding: 6px !important; border: 1px solid #647580 !important; border-radius: 5px; background: transparent !important; color: #394c58 !important; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; } :is(.customer-desktop-shell, .customer-mobile-content, .admin-shell) .order-email-notification-toggle[aria-pressed='true'] { border-color: #26763d !important; color: #26763d !important; } :is(.black-background, .customer-page-black, .admin-theme-black) .order-email-notification-toggle { border-color: #aab5bd !important; color: #d9e0e5 !important; } :is(.black-background, .customer-page-black, .admin-theme-black) .order-email-notification-toggle[aria-pressed='true'] { border-color: #81d991 !important; color: #81d991 !important; } .customer-mobile-content .mobile-order-notification-control { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .customer-mobile-content .customer-mobile-order .order-email-notification-toggle { margin: 0 !important; } :is(.customer-mobile-content, .customer-desktop-shell) .order-verification-section .inquiry-detail-offers { padding: 10px; } :is(.customer-mobile-content, .customer-desktop-shell) .order-verification-section .inquiry-detail-offers .str { margin-bottom: 10px; padding: 10px; } :is(.customer-mobile-content, .customer-desktop-shell) .order-verification-section .inquiry-detail-offers .str:last-child { margin-bottom: 0; } :is(.customer-mobile-content, .customer-desktop-shell) .order-verification-section .inquiry-chat { margin: 0 10px 10px; } .customer-desktop-shell .table .inquiry-status-cell { width: 180px; min-width: 180px; vertical-align: middle; } .customer-desktop-shell .table .inquiry-status-label, body.admin-shell .admin-inquiry-status-badge { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 160px; max-width: 100%; min-height: 36px; margin: 0; padding: 7px 10px; border: 1px solid currentColor !important; border-radius: 5px; background: transparent !important; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; white-space: normal; text-decoration: none; } .customer-desktop-shell .table .inquiry-status-label { color: var(--inquiry-status-color, #50687a) !important; } .customer-desktop-shell .table .inquiry-status-label.label-danger { --inquiry-status-color: #a12d24; } .customer-desktop-shell .table .inquiry-status-label.label-success { --inquiry-status-color: #256b35; } .customer-desktop-shell .table .inquiry-status-label.label-warning { --inquiry-status-color: #875500; } .customer-desktop-shell .table .inquiry-status-label:is(.label-info, .label-primary) { --inquiry-status-color: #24638f; } body.admin-shell .admin-inquiry-status { width: 180px; min-width: 180px; } .customer-mobile-content .customer-inquiry-status { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 24px); min-height: 36px; margin: 0 12px 12px; padding: 6px 10px; border: 1px solid currentColor; border-radius: 5px; background: transparent; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; } :is(.order-buyer-section, .admin-order-buyer, .inquiry-request-section, .inquiry-detail-requested-section, .admin-inquiry-client-panel, .mobile-order-buyer-group) { --yellow-heading: #f4e9b1; --yellow-edge: #c4a63c; } :is(.dark-background, .customer-page-dark, .admin-theme-dark) :is(.order-buyer-section, .admin-order-buyer, .inquiry-request-section, .inquiry-detail-requested-section, .admin-inquiry-client-panel, .mobile-order-buyer-group) { --yellow-heading: #d9c98f; } :is(.black-background, .customer-page-black, .admin-theme-black) :is(.order-buyer-section, .admin-order-buyer, .inquiry-request-section, .inquiry-detail-requested-section, .admin-inquiry-client-panel, .mobile-order-buyer-group) { --yellow-heading: #3b3421; --yellow-edge: #d0b15d; } :is(.customer-desktop-shell, .customer-mobile-content, body.admin-shell) :is(.inquiry-request-title, .admin-inquiry-request-title, .order-buyer-section > legend:first-child, .customer-order-buyer-heading, .admin-order-buyer > legend:first-child, .mobile-order-buyer-group .mobile-order-subsection:first-child legend) { padding: 10px 12px; border-bottom-color: var(--yellow-edge); background: var(--yellow-heading) !important; font-size: 18px; font-weight: 500; line-height: 1.4; } :is(.customer-desktop-shell, .customer-mobile-content, body.admin-shell) :is(.inquiry-request-section, .inquiry-detail-requested-section, .admin-inquiry-client-panel) :is(legend, .inquiry-photo-title, .admin-inquiry-section-title), :is(.customer-desktop-shell, .customer-mobile-content, body.admin-shell) :is(.order-buyer-section, .admin-order-buyer) > legend:not(:first-child) { padding: 8px 10px; border-color: var(--yellow-edge); background: var(--yellow-heading) !important; font-size: 16px; font-weight: 500; line-height: 1.4; } :is(.customer-desktop-shell, .customer-mobile-content, body.admin-shell) .inquiry-expiration-alert { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px 16px; box-sizing: border-box; margin: 0 0 16px; padding: 12px 16px; border: 2px solid #c97a83; border-radius: 8px; background: #f8e1e4; color: #812c36; font-size: 14px; line-height: 1.5; } :is(.customer-desktop-shell, .customer-mobile-content, body.admin-shell) .inquiry-expiration-alert .inquiry-expiration-text { -webkit-box-flex: 1; -webkit-flex: 1 1 260px; -ms-flex: 1 1 260px; flex: 1 1 260px; min-width: 0; } :is(.customer-desktop-shell, .customer-mobile-content, body.admin-shell) .inquiry-expiration-alert .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; gap: 6px; width: 180px; max-width: 100%; min-height: 36px; margin: 0; padding: 7px 12px; border: 1px solid currentColor !important; border-radius: 5px; background: transparent !important; color: inherit !important; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; } :is(.black-background, .customer-page-black, .admin-theme-black) .inquiry-expiration-alert { border-color: #b9767e; background: #2d2226; color: #ffd4d9; } .customer-mobile-content .inquiry-expiration-alert { gap: 8px; padding: 10px 12px; } .customer-mobile-content .inquiry-expiration-alert .inquiry-expiration-text { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .customer-mobile-content .inquiry-expiration-alert .inquiry-detail-copy { width: 180px; min-height: 36px; margin: 0; padding: 7px 10px; white-space: nowrap; } body .customer-desktop-shell .customer-inquiry-workspace :is(.inquiry-status-section, .inquiry-expiration-alert), body .customer-mobile-content :is(.inquiry-mobile-processing, .inquiry-expiration-alert) { box-sizing: border-box; min-height: 64px; margin: 0 0 16px !important; padding: 12px 16px !important; border-width: 2px !important; border-radius: 8px !important; font-size: 14px; line-height: 1.5; } body .customer-desktop-shell .customer-inquiry-workspace .inquiry-status-section, body .customer-mobile-content .inquiry-mobile-processing { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } body .popover { --bs-popover-bg: #f5f7f9; --bs-popover-body-color: #253947; --bs-popover-header-bg: #e7eff5; --bs-popover-header-color: #24638f; --bs-popover-border-color: #649db7; --bs-popover-border-width: 2px; --bs-popover-arrow-border: #649db7; border: 2px solid var(--bs-popover-border-color); border-radius: 8px; background: var(--bs-popover-bg); color: var(--bs-popover-body-color); box-shadow: 0 3px 10px rgba(0,0,0,.12); font-size: 14px; line-height: 1.5; } body:is(.customer-page-dark, .admin-theme-dark) .popover { --bs-popover-bg: #eceff1; --bs-popover-header-bg: #d5dce1; --bs-popover-body-color: #222; } body:is(.customer-page-black, .admin-theme-black) .popover { --bs-popover-bg: #202124; --bs-popover-body-color: #e1e7ec; --bs-popover-header-bg: #263744; --bs-popover-header-color: #d6ebfb; --bs-popover-border-color: #5a7d97; --bs-popover-arrow-border: #5a7d97; border-width: 2px; } body .popover :is(.popover-header, .popover-title) { margin: 0; padding: 8px 12px; border-bottom: 1px solid var(--bs-popover-border-color); border-radius: 6px 6px 0 0; background: var(--bs-popover-header-bg); color: var(--bs-popover-header-color); font-size: 16px; font-weight: 500; line-height: 1.4; } body .popover :is(.popover-body, .popover-content) { padding: 10px 12px; background: transparent; color: var(--bs-popover-body-color); font-size: 14px; line-height: 1.5; } body .popover :is(.popover-header, .popover-title, .popover-body, .popover-content) > :is(.text-14, .text-16, .text-20) { font-size: inherit !important; line-height: inherit; text-align: left !important; } body .order-registration-prompt { margin: 12px 0 16px; } body .order-registration-prompt .order-registration-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; min-height: 40px; margin: 0 0 8px; padding: 8px 12px; border: 1px solid #286090; border-radius: 5px; background: #286090 !important; color: #fff !important; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; white-space: normal; } body .order-registration-prompt .order-registration-button:hover { background: #204d74 !important; } body .order-registration-prompt .order-registration-description { margin: 0; padding: 0; color: #536675; font-size: 14px; line-height: 1.5; text-align: left; text-indent: 0; } :is(body.customer-page-black, .black-background) .order-registration-prompt .order-registration-button { border-color: #9dceef; background: transparent !important; color: #9dceef !important; } :is(body.customer-page-black, .black-background) .order-registration-prompt .order-registration-description { color: #b9c7d2; } /* State colors remain supplied by each existing status mapping. */ :is(body.admin-shell, .customer-desktop-shell, .customer-mobile-content) :is(.inquiry-status-label.label, .admin-inquiry-status-badge.label, .customer-inquiry-status, .order-state-label) { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; padding: 6px 10px; border: 1px solid currentColor !important; border-radius: 5px; background: color-mix(in srgb, currentColor 9%, transparent) !important; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; text-decoration: none; } :is(body.customer-page-black, body.admin-theme-black, .black-background) :is(.inquiry-status-label.label, .admin-inquiry-status-badge.label, .customer-inquiry-status, .order-state-label) { background: transparent !important; } body .customer-desktop-shell .order-products-section .order-state-label, body.admin-shell .admin-order-products-section .order-state-label { width: 100%; min-height: 32px; padding: 5px 4px; font-size: 11px; line-height: 18px; white-space: nowrap; overflow-wrap: normal; } body .customer-desktop-shell .customer-order-products-table .customer-order-product-row > td, body.admin-shell .admin-order-products-section .admin-order-product-row > td { vertical-align: middle !important; } body .customer-desktop-shell .customer-order-products-table .order-product-actions .dropdown-toggle, body.admin-shell .admin-order-products-section .order-item-actions-column .dropdown-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; min-height: 32px; margin: 0; padding: 5px 6px; } body.admin-shell .admin-order-products-section .admin-order-product-status > .btn-group { display: block; width: 100%; } body.admin-shell .admin-order-products-section .admin-order-product-status > .btn-group > .dropdown-toggle { display: block; width: 100%; margin: 0; padding: 0; } body .customer-desktop-shell .order-products-section .customer-order-product-row .btn.btn-xs:is(.prepayment-icon, .reservation-icon), body.admin-shell .admin-order-products-section .admin-order-product-row .btn.btn-xs:is(.prepayment-icon, .reservation-icon) { -webkit-box-flex: 0; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; width: 32px; height: 32px; min-width: 32px; max-width: 32px; min-height: 32px; margin: 0; padding: 6px !important; } body .customer-desktop-shell .order-products-section .order-delivery-content { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; font-size: 11px; line-height: 1.4; white-space: normal; } body.admin-shell .admin-order-products-section .order-status-info { color: var(--admin-link, #24638f) !important; } body.admin-shell .admin-order-products-section .order-status-success { color: #26763d !important; } body.admin-shell .admin-order-products-section .order-status-danger { color: #a12d24 !important; } body.admin-shell.admin-theme-black .admin-order-products-section .order-status-success { color: #81d991 !important; } body.admin-shell.admin-theme-black .admin-order-products-section .order-status-danger { color: #ff9e94 !important; } body .customer-desktop-shell .customer-orders-desktop-table .order-state-label { width: 140px; min-width: 140px; max-width: 140px; height: 24px; min-height: 24px; padding: 3px 5px; font-size: 11px; line-height: 16px; white-space: nowrap !important; overflow-wrap: normal; } body .customer-desktop-shell .table .inquiry-status-label.label, body.admin-shell:not(.admin-mobile-shell) .admin-inquiry-list-table .admin-inquiry-status-badge.label { width: 140px; min-width: 140px; max-width: 140px; height: 24px; min-height: 24px; padding: 3px 5px; font-size: 11px; line-height: 16px; white-space: nowrap !important; overflow-wrap: normal; } body .customer-desktop-shell .table .inquiry-status-cell { width: 156px; min-width: 156px; } .order-state-label .order-state-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; text-align: center; } body .order-state-label .order-status-feedback { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; border-radius: 3px; background: transparent; color: inherit !important; text-decoration: none; } .order-status-feedback :is(i, svg) { width: 16px; height: 16px; font-size: 16px; } .order-status-feedback:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } :is(body, body.admin-shell, body.customer-page-light, body.customer-page-dark, body.customer-page-black) { --inquiry-number-fill: #d5eaf5; --inquiry-number-ink: #24638f; } :is(body.admin-theme-dark, body.customer-page-dark, .dark-background) { --inquiry-number-fill: #bed3e0; } :is(body.admin-theme-black, body.customer-page-black, .black-background) { --inquiry-number-fill: transparent; --inquiry-number-ink: #8cd5e8; } :is(body, body.admin-shell, body.customer-page-light, body.customer-page-dark, body.customer-page-black) :is(.table a.inquiry-number-link.btn, .customer-inquiry-number, .admin-inquiry-number-link.btn, .admin-order-inquiry-reference.btn, .customer-order-inquiry.btn, .admin-inquiry-number > a.btn) { border-color: var(--inquiry-number-ink) !important; background: var(--inquiry-number-fill) !important; color: var(--inquiry-number-ink) !important; } body .order-number-button { background: transparent !important; border: 1px solid currentColor !important; color: #24638f !important; } :is(body.customer-page-black, body.admin-theme-black, .black-background) .order-number-button { color: #9dceef !important; } .customer-notification { --notice-edge: #649db7; --notice-accent: #24638f; --notice-surface: #edf7fb; --notice-ink: #253947; box-sizing: border-box; width: 100%; min-width: 0; margin: 12px 0; padding: 12px 14px; border: 2px solid var(--notice-edge); border-radius: 8px; background: var(--notice-surface); color: var(--notice-ink); font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.5; text-align: left; overflow-wrap: anywhere; } .customer-notification-payment, .customer-notification-store_delivery { --notice-edge: #79a881; --notice-accent: #26763d; --notice-surface: #eff8ef; } .customer-notification-discount, .customer-notification-price_reduction, .customer-notification-discount_warning { --notice-edge: #c4a63c; --notice-accent: #80520a; --notice-surface: #fff7e0; } .customer-notification-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-bottom: 8px; color: var(--notice-accent); } .customer-notification-icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; } .customer-notification-icon :is(i, svg) { width: 20px; height: 20px; font-size: 20px; } body .customer-notification .customer-notification-title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin: 0; padding: 0; color: inherit; font-size: 16px; font-weight: 600; font-style: normal; line-height: 1.4; text-align: left; } body .customer-notification .customer-notification-close .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; min-height: 32px; margin: 0 !important; padding: 0 !important; border: 1px solid var(--notice-edge) !important; border-radius: 5px; background: var(--notice-accent) !important; color: #fff !important; line-height: 1; } .customer-notification-close .btn :is(i, svg) { width: 16px; height: 16px; font-size: 16px; } .customer-notification-content, .customer-notification-content :is(p, div) { margin: 0; padding: 0; color: inherit; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.5; text-align: left; text-indent: 0; } .customer-notification-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .customer-notification-actions .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 36px; padding: 7px 12px; font-size: 14px; line-height: 20px; } :is(.dark-background, .customer-page-dark) .customer-notification { --notice-surface: #e0e8ed; --notice-ink: #222; } :is(.black-background, .customer-page-black) .customer-notification { --notice-surface: #202124; --notice-edge: #6088a3; --notice-accent: #9dceef; --notice-ink: #e1e7ec; } :is(.black-background, .customer-page-black) .customer-notification :is(.customer-notification-close .btn, .customer-notification-actions .btn) { background: transparent !important; color: var(--notice-accent) !important; border-color: var(--notice-accent) !important; } .customer-notification :is(a, button):focus-visible { outline: 2px solid var(--notice-accent); outline-offset: 3px; } body :is(#advantages-wrapper, #m_advantages-wrapper):has(.customer-notification) { height: auto; min-height: 0; padding: 0; background: transparent; } /* Part numbers are identifiers: never split them into different lines. */ .inquiry-part-number { display: inline-block; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; } .admin-inquiry-items-table td[data-label='Номер'], .inquiry-detail-offers td[data-label='Номер'] { white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; } .admin-inquiry-items-table:has(td[data-label='Номер']) { table-layout: auto !important; } .admin-mobile-shell .admin-inquiry-items-table td[data-label='Номер'], .customer-mobile-inquiry-page .inquiry-detail-offers td[data-label='Номер'] { grid-column: 1 / -1; overflow-x: auto; } .customer-mobile-inquiry-page .inquiry-offer-part-reference { white-space: nowrap; overflow-wrap: normal; word-break: normal; overflow-x: auto; } /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any styles * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * */ /* line 153, app/assets/stylesheets/application.css.sass */ .enter-exit-text a { color: white; } /* line 155, app/assets/stylesheets/application.css.sass */ .enter-exit-text a:hover, .enter-exit-text a:active, .enter-exit-text a:focus { color: white; } /* line 158, app/assets/stylesheets/application.css.sass */ .page-content { float: left; width: 100%; min-height: 70vh; padding: 0 16px 16px 16px; } /* line 165, app/assets/stylesheets/application.css.sass */ .page-content h1, .page-content .h1, .page-content h2, .page-content .h2, .page-content h3, .page-content .h3 { margin-top: 0px; margin-bottom: 10px; } /* line 170, app/assets/stylesheets/application.css.sass */ .footer-wrapper ul { margin: 0; padding: 0; list-style-type: none; } /* line 174, app/assets/stylesheets/application.css.sass */ .footer-wrapper ul li { display: inline; margin: 0 0.5em; color: #440008; } /* line 178, app/assets/stylesheets/application.css.sass */ .footer-wrapper ul.links { float: left; } /* line 180, app/assets/stylesheets/application.css.sass */ .footer-wrapper ul.links a:link, .footer-wrapper ul.links a:visited { color: #440008; text-decoration: none; } /* line 183, app/assets/stylesheets/application.css.sass */ .footer-wrapper ul.links a:hover { text-decoration: underline; } /* line 185, app/assets/stylesheets/application.css.sass */ .footer-wrapper ul.copyright { float: right; }