/* Minification failed. Returning unminified contents. (1779,47): run-time error CSS1046: Expect comma, found '58' (1779,52): run-time error CSS1046: Expect comma, found ')' (1779,65): run-time error CSS1046: Expect comma, found '74' (1779,70): run-time error CSS1046: Expect comma, found ')' (4549,28): run-time error CSS1039: Token not allowed after unary operator: '-app-component-bg' (4553,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (4662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4761,28): run-time error CSS1039: Token not allowed after unary operator: '-color-lightgray' (5484,31): run-time error CSS1046: Expect comma, found '255' (5484,38): run-time error CSS1046: Expect comma, found ')' (5685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5693,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5694,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5707,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (5708,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (5714,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (5715,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (5721,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (5722,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (5728,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5729,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5735,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5736,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5742,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5743,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5749,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5750,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5756,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5757,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (5763,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5764,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5770,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5771,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5777,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5778,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5784,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (5785,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6523,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6524,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6972,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (6973,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (7311,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (7312,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (8547,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (8548,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (8596,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (8597,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9165,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (9166,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (12004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64933,1): run-time error CSS1019: Unexpected token, found '}' (65200,1): run-time error CSS1019: Unexpected token, found '@keyframes' (65201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! normalize.css 2012-02-07T10:31 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 { 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 */ audio:not([controls]) { display: none; } /* * 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: Lato; } /* * 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 - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.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}.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%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-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.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/Resources/JqueryThemes/base/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/Resources/JqueryThemes/base/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} @font-face { font-family: Lato; src: url(/Resources/Fonts/Lato-Regular.ttf); } body.arenacm{ font-family: Lato; font-size: 12px; } body.light { background-color: #E5E5E5; } body.dark { background-color: #45596F; } ul { list-style-type: none; } input { outline: none; /*height: 20px;*/ border: 0px; } .loading { background-position: center center; background-repeat: no-repeat; height: 30px; width: 30px; } .light .loading { background-image: url('/Resources/Images/loading.gif'); } .dark .loading { background-image: url('/Resources/Images/loading.gif'); } #sleeves-panel.loading { background-position: 75% center; } #app-container { width: 100%; } #body-placeholder { float: left; width: 100%; } /*#app-content { float: left; } */ #app-container.menu-opened #app-menu { width: 212px; float: left; } #app-container.menu-closed #app-menu { width: 40px; float: left; } #app-container.menu-opened #app-content { margin-left: 212px; } #app-container.menu-closed #app-content { margin-left: 62px; } #app-menu #menu-handler { width: 40px; height: 40px; background: #2385FF !important; float: right; cursor: pointer; } #app-container.menu-opened #app-menu #menu-handler .arrow { height: 40px; background-image: url('/Resources/Images/menu/arrow-left.png'); background-repeat: no-repeat; background-position: center center; background-color: #2385FF; } #app-container.menu-closed #app-menu #menu-handler .arrow { height: 40px; background-image: url('/Resources/Images/menu/arrow-right.png'); background-repeat: no-repeat; background-position: center center; background-color: #2385FF; } #app-container.menu-opened #app-menu ul { display: block; } #app-container.menu-closed #app-menu ul { display: none; } #app-menu ul { padding: 0px 0px 10px 0px; margin: 0px; width: 212px; padding-top: 80px; min-height: 900px; } .light #app-menu ul, .light #app-menu div { background-color: #1E2C3C; } .dark #app-menu ul, .dark #app-menu div { background-color: #131D28; } #app-container.menu-closed #app-menu ul.above { position: absolute; display: block; z-index: 100; } #app-menu ul li a, #app-menu ul li div { height: 25px; padding-left: 64px; } #app-menu ul li:active { background-color: #4e78a7; } #app-menu ul li span { background: url('/Resources/Images/account-icon.png') no-repeat center center; } #app-menu ul li.section { height: 25px; color: white; cursor: pointer; font-size: 16px; font-weight: 800; padding-top:30px; } #app-menu a { display: block; text-decoration: none; color: #B5CDE4; line-height: 19px; padding-top: 7px; } #app-menu img { position: relative; bottom: 23px; left: 30px; } #app-menu a.current { font-weight: 800; color: white; background-color: #2e3e50; } #app-menu a:hover { background-color: #45596F; opacity: 0.4; } #sub-top-menu { height: 50px; } /* #sub-top-menu { height:40px; }*/ #top-bar { background-color: #45596F; position:relative; float:left; min-width:87%; } .light #top-bar { box-shadow: #1e2c3c 2px 3px 7px; } .dark #top-bar { box-shadow: 0px 7px 6px #354657; } #top-login-details { /*position: absolute;*/ color: #ebebeb; /*right: 0px;*/ text-align: right; padding-right: 10px; float: right; /*margin-top: 8px;*/ } .top-login-details-wrap { z-index:10; } /* .top-login-details-wrap .buttons-margins { float: right; width: 100px; height: 80px; position: relative; right: 200px; top: 10px; }*/ .trade-screen.top-login-details-wrap .buttons-margins a { background-color: #222f3e; width: 130px; margin-top: 3px; } #top-menu{ display:flex; } #top-menu ul, #sub-top-menu ul { float: left; height: 28px; padding: 0px; margin: 0px; } #top-menu ul { margin-bottom: 20px; } #top-menu li, #sub-top-menu li { float: left; border: 1px solid #8aa0b9; } #top-menu a:not(.variable-button), #sub-top-menu a { display: block; text-decoration: none; color: #ebebeb; background-repeat: repeat-x; padding: 5px 0px 0px 0px; text-align: center; width: 130px; height: 27px; color: #ebebeb; cursor: pointer; background-color: #1e2c3c; } #top-menu a:hover, #sub-top-menu a:hover { background-image: none; background-color: #3a5a7d; } #top-menu a.current, #sub-top-menu a.current { background-image: none; background-color: #2a517b; box-shadow: inset #5b8fcb 0 0 11px; } .arenacm h4 { color: #ebebeb; border-bottom: none; margin: 0px 0px; padding: 0px 0px 0px 0.62em; background-repeat: repeat-x; line-height: 40px; font-size: 25px; font-weight:800; } .light h4 { color: #45596F; background-color: #edf0f4; /*border-bottom:1px solid white;*/ } .dark h4 { background-color: #1E2C3C; color: #ffffff; /*border-bottom: 1px solid #45596f;*/ } .arenacm fieldset { padding-top: 20px; border: 0px solid black; } .light fieldset { background-color: #EDF0F4; color: #45596F; } .dark fieldset { background-color: #1E2C3C; color: #45596F; } fieldset .editor-label { float: left; width: 280px; text-align: right; padding-right: 20px; padding-top: 2px; margin-bottom: 10px; } .light fieldset .editor-label { color: #45596F; } .dark fieldset .editor-label { color: #deebf8; } fieldset .editor-label.short { width: 160px; } fieldset .editor-field { margin-bottom: 10px; float: left; color: #8eabc8; } fieldset .editor-field a { color: #ebebeb; } fieldset .editor-field input { width: 250px; height: 20px; padding: 2px; margin: 0px; border: 0px solid #fff; font-size: 12px; float: left; } .input-validation-error { border: red 1px solid !important; /*width: 250px; padding: 2px;*/ float: left; /*margin: 0px; font-size: 12px; height: 15px;*/ } /*fieldset .editor-field .input-validation-error { margin-bottom: 0px; } */ .center-container fieldset td .input-validation-error { margin-bottom: 0px; } .center-container fieldset td .field-validation-error { float: left; bottom: 25px; } fieldset .editor-field select { width: 256px !important; border: 0px solid #fff; } .save-btn { background-image: url('/Resources/Images/gradient.png'); background-repeat: repeat-x; color: #ebebeb; padding: 0px 18px; line-height: 22px; margin-left: 360px; } .left-column, .right-column { float: left; } .right-column { width: 600px; } .left-column .editor-label, .right-column .editor-label { width: 280px; } /*.right-column .editor-field .field-validation-error { float:none; } */ /*.left-column .editor-field, .right-column .editor-field { width: 280px; } */ .div-container { float: left; width: 100%; margin-top: 12px; margin-bottom: 12px; } .div-container .editor-field { float: left; } fieldset .checkbox input { width: 15px; border: none; } fieldset .margin-top-12 { margin-top: 0px; color: #ebebeb; margin-bottom: 12px; float: left; } .grid th { font-weight: normal; font-size: 12px; padding-top: 5px; padding-bottom: 5px; } .light .grid th { color: #2f455f; background-color: #ffffff; } .dark .grid th { color: #cccccc; background-color: #2f455f; } .grid td { text-align: center; padding-top: 4px; padding-bottom: 4px; } .light .grid td { color: #1E2C3C; } .dark .grid td { color: #ebebeb; } #counterparties td { text-align: center; } .light .grid .row { background-color: #ffffff; } .dark .grid .row { background-color: #233141; } .dark .grid .alt-row { background-color: #1e2c3c; } .light .grid .alt-row { background-color: #b7c7d9; } .dark .grid tr:hover td { background-color: #2f4156; } .light .grid tr:hover td { background-color: #aad1ff; } .grid.markets tr:hover td { background-color: #115067; } .variable-button { background-color: #485f79; padding-top: 7px; height: 30px; float: left; text-decoration: none; color: #ebebeb; text-align: center; cursor: pointer; padding-left: 20px; padding-right: 20px; box-shadow: inset #709acb 0px 0 4px; } /*#add-counterparty-panel, #remove-counterparty-panel { border: 1px solid #dcdcdc; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; padding-left: 20px; width: 650px; display: none; height:40px; }*/ #add-counterparty-panel select, #remove-counterparty-panel select { width: 480px; } .document-link { color: #ebebeb; } .link { color: #ED1B24; text-decoration: none; } .hidden { display: none; } .row .hidden { display: none; } .hide-elem{ display:none!important; } .edit-recipient td { width: 421px; height: 25px; padding: 0px; } .edit-recipient td input.input-validation-error { margin-left: 118px; } .edit-recipient td div.format { margin-right: 0px !important; margin-left: 15px; text-align: left; } .edit-recipient th { width: 421px; } .edit-recipient input, .edit-recipient select { width: 180px; } .edit-recipient .save-btn { width: auto; margin-left: 0px; } .edit-recipient a { cursor: pointer; margin-right: 10px; color: #ebebeb; text-decoration: none; } .edit-recipient a:hover { text-decoration: underline; } DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; height: .75em; display: -moz-inline-stack; display: inline-block; zoom: 1; } DIV.ProgressBar DIV { background-color: #669933; font-size: 1pt; height: 100%; float: left; } .edit-efet .upload-input { display: block; } .documents { float: left; } .documents ul { padding: 0px; margin: 0px; white-space: nowrap; } .documents ul .link { color: #ED1B24; } #efete, #csd { margin-top: 2px; } .field-validation-valid { display: none; } .field-validation-error { display: block; position: relative; height: 15px; right: 20px; padding-top: 1px; padding-bottom: 0px; margin-bottom: 0px; float: left; } .field-validation-error img { border: 0px; margin: 0px; padding-top: 1px; } .login-container .field-validation-error img { position:relative; top:-35px; } .tooltip { position: relative; color: #666666; padding: 10px; width: 200px; border: 1px solid red; background-color: #fff; z-index: 9999; } .tooltip div { background-image: url("/Resources/Images/tooltip-bottom.png"); background-position: center bottom; background-repeat: no-repeat; width: 200px; position: absolute; bottom: -10px; height: 16px; } .generic-slick-grid-container { position: relative; margin: 5px; height: 400px; } .generic-slick-grid { position: absolute; top: 0px; left: 0px; height: 400px; width: 100%; } .generic-slick-grid .ui-widget-content { font-size: 12px; color: #DCDCDC; margin: 0px; padding: 0px; border-bottom: none; overflow: hidden; } .generic-slick-grid .slick-header.ui-state-default { background-color: #ffffff; background-image: none; font-size: 12px; color: #374A60; border-top: 0px solid black; border-bottom: 0px solid #151515; } .generic-slick-grid .slick-header-column.ui-state-default { background-image: none; background-color: #edf0f4; overflow: hidden; border: 0px solid black; height: 22px; padding: 3px 0px 0px 5px; } .light .generic-slick-grid .slick-header-column.ui-state-default { background-color: #edf0f4; color: #374A60; font-weight:700; } .dark .generic-slick-grid .slick-header-column.ui-state-default { background-color: #1E2C3C; color: #ffffff; font-size: 13px; font-weight:700; } .generic-slick-grid .ui-widget-content.slick-row.odd { background-image: none; margin-bottom: 0px; } .light .generic-slick-grid .ui-widget-content.slick-row.odd { background-color: #F5F8FB; } .dark .generic-slick-grid .ui-widget-content.slick-row.odd { background-color: #1E2C3C; } .generic-slick-grid .ui-widget-content.slick-row.even { background-image: none; margin-bottom: 0px; } .light .generic-slick-grid .ui-widget-content.slick-row.even { background-color: #ffffff; } .dark .generic-slick-grid .ui-widget-content.slick-row.even { background-color: #131D28; } .generic-slick-grid .ui-widget-content.slick-row:hover { background-color: #737373; } .generic-slick-grid .slick-cell { border: none; padding: 3px 0px 2px 5px; cursor: pointer; line-height: 25px; } .light .generic-slick-grid .slick-cell { color: #374A60; } .dark .generic-slick-grid .slick-cell { color: #ccd6e1; } .light .generic-slick-grid .sleeves-are-required .slick-cell { color: red; } .dark .generic-slick-grid .sleeves-are-required .slick-cell { color: red; } .light .generic-slick-grid .sleeves-arent-required .slick-cell { color: green; } .dark .generic-slick-grid .sleeves-arent-required .slick-cell { color: green; } .generic-slick-grid.no-action .slick-cell { cursor: default; } .generic-slick-grid .slick-cell.cell-right-align { text-align:right; margin-right:10px; } .new-recipient td { padding-top: 1px; padding-bottom: 1px; border-bottom: none; height: 23px; overflow: hidden; white-space: normal; } .edit-td { padding-top: 0px !important; padding-bottom: 0px !important; width: auto !important; border-bottom: 1px solid #151515; } .edit-user .edit-td td { border-bottom: 0px solid red; /*width: 180px;*/ } .action-links { width: 199px !important; } h5 { color: #ebebeb; font-size: 15px; font-weight: bold; padding: 0px; margin: 0px 0px 7px 190px; } h6 { color: #ebebeb; font-size: 13px; font-weight: bold; padding: 0px; margin: 0px 0px 7px 220px; width: 280px; white-space: nowrap; } .placeholder { color: #999; } .search-container { margin-left: 5px; } .search-container input { width: 150px; margin-bottom: 10px; border: 0; margin-right: 4px; } .export-container { float: right; } .export-container a { cursor: pointer; text-decoration: underline; } .light .export-container a { color: #1e2c3c; } .dark .export-container a { color: #ebebeb; } .export-container a:hover { text-decoration: none; } .export-container select { width: 150px; margin-right: 10px; } .message-box { display: none; width: 500px; height: 200px; } .message-box h4 { margin: 0px; padding-top: 5px; padding-left: 20px; } .light .message-box h4 { background-color: #EDF0F4; } .dark .message-box h4 { background-color: #1E2C3C; } .message { padding-top: 50px; font: 12px verdana; font-weight: normal; font-variant: inherit; /* display:inline-block;*/ padding-left: 10px; } .message span { color: #ebebeb; } .light .modal-wrap { background-color: #EDF0F4; color: #45596F; border: #dcdcdc solid 0px; } .dark .modal-wrap { background-color: #1E2C3C; color: #ffffff; border: #dcdcdc solid 0px; } .modal-wrap .message { display: inline-block; width: 100%; } .modal-wrap .buttons { width: 250px; } #reset-password .message { padding-top: 10px; padding-bottom: 20px; padding-left: 21px; } #reset-password .editor-label { color: #ebebeb !important; font-size: 12px; text-align: right; width: 130px; padding-right: 10px; } #reset-password .editor-field { font-size: 12px; } .message-box input { width: 230px; float: left; } .message-box .editor-field .editor-label, .message-box .editor-field .editor-field { float: left; } .message-box .editor-field .editor-label { padding-top: 3px; } .buttons { margin-top: 50px; margin-left: 10px; padding-bottom: 20px; border-color: #dcdcdc; /*display: inline-block;*/ } .buttons a { margin-right: 10px; } #reset-password .buttons { margin-top: 20px; margin-left: 130px; } .table-edit td, .table-edit th { text-align: left; padding-left: 10px; } .table-edit td:hover { cursor: pointer; } .no-pointer td:hover { cursor: inherit; } .no-pointer .show, .no-pointer .collapse { cursor: pointer; } .edit-form .div-container { margin-bottom: 0px; margin-top: 0px; } .edit-form .checkbox { margin-top: 2px; } .edit-form-select { float: left; margin-bottom: 10px; } .edit-form-select div { float: left; z-index: 1; } .edit-form-select select { padding: 1px 2px 1px 2px; float: left; z-index: 3; } .edit-form-select .field-validation-error { right: 45px; z-index: 2; } .simplemodal-overlay { background-color: #000; } #simplemodal-container a.modalCloseImg { background-position: center center; background-repeat: no-repeat; width: 17px; height: 17px; display: inline; z-index: 3200; position: absolute; top: 10px; right: 10px; cursor: pointer; } .light #simplemodal-container a.modalCloseImg { background-image: url("/Resources/Images/close-dark.png"); } .dark #simplemodal-container a.modalCloseImg { background-image: url("/Resources/Images/close-light.png"); } #simplemodal-container{ position:fixed; top:100px!important; } #markets { float: left; } .tab-anchors a { display: inline-block; padding-top: 0px; padding-left: 10px; padding-right: 10px; height: auto; color: #ebebeb; text-decoration: none; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; margin: 0px; } .first a { border-left: none; float: left; } .tab-anchors { padding: 0px; } .tab-anchors .current { background-image: none; background-color: #444444; } h3 { padding: 0px; margin: 0px; margin-bottom: 10px; color: #ebebeb; } .main-resource { display: inline-block; color: #ebebeb; } a.main-resource { display: block; margin-bottom: 5px; cursor: pointer; font-weight: bold; color: #ebebeb; } a.main-resource:hover { text-decoration: underline; } a.child-resource { display: block; margin-bottom: 5px; cursor: pointer; margin-left: 25px; color: #ebebeb; } a.child-resource:hover { text-decoration: underline; } a.main-resource.current-resource, a.child-resource.current-resource { color: #ebebeb; } .expand{ /* float: left; margin-right: 5px; margin-top: 2px; cursor: pointer;*/ } .dummy-expand { float: left; margin-right: 5px; margin-top: 2px; width: 9px; height: 9px; } #divResources { float: left; width: 740px; } #divResources input[type=text] { border: 1px solid #999999; color: #666666; padding-left: 5px; height: 19px; padding-top: 2px; display: inline-block; } #divResources label { display: inline-block; height: auto; min-height: 19px; padding-top: 0px; margin-right: 15px; margin-top: 5px; } #divResources fieldset { padding-top: 18px; } .resource-row { padding-bottom: 7px; width: 100%; white-space: nowrap; } .resource-row label { color: #ebebeb; width: 180px; white-space: normal; } .resource-row input { width: 250px; } .resource-header .title { color: #ebebeb; float: left; padding-right: 10px; padding-bottom: 10px; width: 249px; } .corner { width: 200px; float: left; padding-bottom: 10px; } .resource-tree { float: left; width: 400px; } .enabled-input-message { color: #ebebeb; float: left; font-size: 10px; padding-left: 15px; width: 200px; } .enabled-input .left-column, .enabled-input .right-column, .enabled-input .editor-field { width: auto; } .center-elements { text-align: center; } .slick-cell input { margin-left: auto; margin-right: auto; height: 10px; } .slick-cell input.gridinput { z-index: 9999; } .audit-filter-container { height: 25px; margin-bottom: 30px; } .audit-filter-container input, .audit-filter-container select { float: left; } .audit-filter-container input { margin-top: 5px; margin-right: 10px; } .audit-filter-container select { margin-right: 10px; margin-top: 5px; height: 21px; } .center-container { background: rgb(30, 44, 60); background: linear-gradient(90deg, rgb(44 58 74) 0%, rgb(58 74 94) 44%); box-shadow: #172534 5px 13px 13px 0px; padding: 0 20px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; flex-flow: column; } .login-title { margin-bottom: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .center-container fieldset { display: flex; flex-flow: column; height: 360px; width: 470px; } .center-container fieldset label { font-size:15px; } /* .center-container fieldset input { height: 26px; font-size: 14px; float: left; width:100%; }*/ .center-container fieldset .editor-field input[type=checkbox] { position:relative; right:142px; } .center-container fieldset .editor-label { width: 180px; font-size: 18px; height: 35px; line-height: 36px; } .center-container fieldset .editor-field { float: none; } .center-container .variable-button { height: 38px; padding-top: 0px; margin-left: 200px; border: 0px; font-size: 15px; width: 184px; background-color: #526d8a; box-shadow: black 0px 0px 6px; } .login-bg { background: rgb(30,44,60); background: linear-gradient(90deg, rgba(30,44,60,1) 0%, rgba(69,89,111,1) 44%); } .login-buttons { display: flex; flex: 1; width: 270px; margin-left: 60px; } .login-container { /*min-height: 100vh;*/ color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 4px; } fieldset .checkbox input { padding: 0px; border: 0px solid #000; } fieldset .editor-field #Companies, fieldset .editor-field #CompanyID { height: 22px !important; width: 399px !important; } #mail-details, #mail-content { float: left; } #action-success { background-image: url("/Resources/Images/success1.png"); background-position: left center; background-repeat: no-repeat; height: 25px; padding-left: 35px; padding-top: 10px; color: #ebebeb; margin-bottom: 15px; } .light #action-success { color: #1e2c3c; } fieldset .edit-form-select #CompanyID { width: 256px !important; } .buttons-margins a { margin-right: 3px; } .validation-summary-errors { background-image: url("/Resources/Images/error-img1.png"); background-position: left center; background-repeat: no-repeat; height: 25px; padding-left: 30px; padding-top: 10px; color: #ebebeb; margin-bottom: 15px; margin-left: 5px; } .validation-summary-errors ul { display: none; } .style { display: none; } .validation-summary-valid { display: none; } .password-link { display: inline-block; color: #ebebeb; } .hideme { display: none; } .permissions-container div, .permissions-container, .buttons-container { color: #ebebeb; } .permissions-container label, .buttons-container .checkbox label { float: left; color: #ebebeb; margin-left: 5px; cursor: pointer; margin-top: 2px; } .buttons-container .checkbox label { padding-bottom: 1px; padding-top: 1px; margin-left: 0px; margin-top: 0px; } .checkbox .ui-state-active { background-color: #FFFFFF; color: #2385FF !important; border: 0px; font-weight: bold; } .checkbox .notEnabled { background-image: none; border: 0px; } .light .checkbox .notEnabled { background-color: #45596F; cursor: pointer; color: #B5CDE4; } .dark .checkbox .notEnabled { background-color: #45596F; cursor: pointer; color: #B5CDE4; } .checkbox .button-label { text-align: center; line-height: 24px; } /*.buttons-container .checkbox { background-color:#383838; padding:5px; } */ .permissions-container .show, .permissions-container .collapse { margin-bottom: 7px; float: left; cursor: pointer; } .permissions-container .show input, .permissions-container .collapse input { margin-right: 7px; } .markets-list, .instruments-list, .contractType-list { margin-right: 3px; } .permissions-container { padding-left: 120px; } .instruments-list { margin-bottom: 2px; } .markets-list, .instruments-list { min-width: 500px; vertical-align: top; } .markets-list input, .instruments-list input, .contractType-list input { height: 0px; width: 0px; -moz-transform: scale(0); } .markets-list label, .instruments-list label { margin-top: 0px; float: none; display: inline-block; } .info-panel { color: #ebebeb; margin-bottom: 10px; } .table-edit .upload-input, .table-edit .upload-content { margin: 3px 0px 0px 0px; } .table-edit .upload-input { width: 75px; } .table-edit .upload-content { margin-left: 7px; margin-top: 8px; } .table-edit .upload-content a { margin: 0px; padding: 0px; display: inline-block; } .table-edit div { float: left; height: 25px; } .table-edit DIV.ProgressBar { width: 63px; height: 0.75em; margin-top: 8px; } .grid-anchor { color: #ebebeb !important; margin: 0px 5px; } .light .grid-anchor { color: #1f67a6 !important; } .edit-anchor, .delete-anchor { text-decoration: none; text-align: center; margin: 0px; } .edit-anchor:hover, .delete-anchor:hover { text-decoration: underline; } .company-edit .editor-label { width: 280px; } .edit-user th, .edit-user td { width: 181px; margin: 0px; padding-left: 0px; border-bottom: 1px solid #151515; } .edit-user td { height: 22px; } .customerUserGrid th, .customerUserGrid td { width: 220px; } .companyUserGrid td, .companyUserGrid th { width: 224px; } .align-center { text-align: center; } .edit-user td input { width: 143px; margin: 0px; } .customerUserGrid td input { width: 140px; } .companyUserGrid td input { width: 153px; margin: 0px; } .edit-user .checkbox input { width: auto !important; } .edit-user .checkbox { width: 120px !important; } .edit-user a { text-decoration: none; cursor: pointer; } .edit-user a:hover { text-decoration: underline; } .grid .radio-list, .grid .radio-list:hover td { background-color: transparent; } /*.grid .radio-list td, #radio-list tr th { border-bottom: 2px solid #666; }*/ #radio-list { /*border: 2px solid #666;*/ border-bottom: none; } #radio-list th, .grid .radio-list td { text-align:center; } .radio-list .center-elements .editor-field { float: none; margin-bottom: 0px; } .radio-list .editor-label { width: 130px; padding-top: 10px; } .radio-list .center-elements { padding: 0px 0px 10px 0px; } .radio-list .center-elements input { margin-top: 15px; cursor: pointer; float: none; } .radio-list .center-elements input[type="text"] { cursor: text; } .edit-user .message { color: #ebebeb; padding-top: 10px; padding-bottom: 15px; } .edit-td .editor-field { margin: 0px; padding: 0px; } .edit-td .editor-field input { float: none; } .edit-td .editor-field .input-validation-error { margin: 0px 0px 0px 15px; float: left !important; } .companyUserGrid .edit-td .editor-field .input-validation-error { margin: 0px 0px 0px 33px; } .companyUserGrid .edit-td .company-user-mail .input-validation-error { margin: 0px 0px 0px 30px; } .customerUserGrid .edit-td .editor-field .input-validation-error { margin: 0px 0px 0px 37px; } .edit-user td { padding: 0px; /*border-bottom: none;*/ } .edit-user tr { /*border-bottom: 1px solid #151515;*/ } .valid-input input { } .div-overflow { overflow: hidden; width: 210px; } .error-mail .input-validation-error { margin-left: 47px !important; } .td-overflow { width: 218px; overflow: hidden; white-space: nowrap; display: block; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .format label { background-color: transparent; color: #dcdcdc; border: 0px solid #151515; width: 90px; height: 18px; } .ui-buttonset .ui-button { margin: 1px !important; } .format .ui-corner-left { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .format .ui-corner-right { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; } .format label .ui-button-text { padding: 0px; padding-top: 1px; font-size: 11px; color: #dcdcdc; line-height: normal; } .format .ui-state-active { background-color: #6bb2ff !important; color: #dcdcdc; } .light .button-label { background-color: #c6cdd7; color: white; } .dark .button-label { background-color: #344150; color: white; } .edit-recipient td.action-links { width: 421px !important; } .format label.validation-error { border: 1px solid red; } .generic-slick-grid .elipsis { text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; } .tree-columns .left-column .editor-label, .tree-columns .right-column .editor-label { width: 200px; } .four-columns .left-column .editor-label, .tree-columns .right-column .editor-label { } .permissions-container .format label, .buttons-container .checkbox label { text-align: center; min-width: 125px; width: auto; } .permissions-container .format td, .buttons-container .checkbox { /*background-color: rgb(56, 56, 56);*/ } .permissions-container .format input, .buttons-container .checkbox input { height: 0px; width: 0px; -moz-transform: scale(0); /* FF */ } .permissions-container .format input { /*display: none;*/ } .permissions-container .format .button-label, .buttons-container .checkbox .button-label { width: auto; } .buttons-container .checkbox .button-label { height: 20px; line-height: 20px; } .permissions-container .format .button-label { margin-bottom: 3px; } .chk-container-markets, .chk-container-instruments, .chk-container { height: 0px; } fieldset .edit-inline-select #CompanyID { width: 166px !important; margin-left: 27px; } .customerUserGrid .edit-inline-select .valid, .customerUserGrid .edit-inline-select .input-validation-error { margin-left: 27px; } fieldset .edit-inline-select #CustomerID { width: 166px !important; } .settings td { padding: 5px 10px 5px 10px; } .settings td, .settings th { border: none; width: 85px; } .settings td .editor-label { width: 270px; padding-right: 10px; margin-bottom: 5px; } .settings td .editor-field input { width: 45px; /*margin-top: 4px; margin-bottom: 4px;*/ float: left; } /*.settings td .editor-field .field-validation-error { padding-top: 5px; }*/ .settings tr:hover td { background-color: Black; } .settings div { height: auto; } .settings .checkbox input { margin-left: 23px; } .search-dropdown select { top: 21px !important; } .search-dropdown #CMCompanyID { height: 17px; top: auto !important; } .slick-grid-container .odd:hover { background-color: #383838 !important; } .slick-grid-container .even:hover { background-color: #444 !important; } .slick-grid-container .slick-cell { cursor: default; } .container-trader-matrix { color: #ebebeb; font-size: 12px; border: 2px solid #666; float: left; border-right: none; padding-bottom: 0px; } .container-trader-matrix div { margin-bottom: 6px; } .tabel-trader-matrix { color: #ebebeb; font-size: 12px; } .tabel-trader-matrix th, .tabel-trader-matrix td { /* padding-left: 10px; padding-bottom: 4px; */ } .tabel-trader-matrix th { padding-left: 10px; height: 20px; } .small-input input { width: 30px; padding: 0px; } .td-header { background-image: url('/Resources/Images/up-arrow.png'); background-position: right center; background-repeat: no-repeat; width: 15px; height: 15px; float: left; margin-left: 5px; margin-right: 15px; cursor: pointer; } .message .checkbox input { width: auto; margin-right: 10px; border: none; } .message .checkbox input:focus { outline-color: transparent; } .div-unitAhead { border-top: 1px solid #383838; padding-top: 2px; text-align: center; } .small-td { border-right: 1px solid #383838; border-bottom: 1px solid #383838; width: 30px; /* padding-top: 2px; */ height: 25px; text-align: center; padding-left: 0px; } .big-td { border-bottom: 1px solid #383838; width: 70px; padding-top: 2px; height: 25px; text-align: center; padding-left: 0px; } .no-hover tr:hover td { border-color: transparent; background-color: transparent; } .no-pointer { border: 2px solid #666; border-bottom: none; } .no-pointer td, .no-pointer th { border-bottom: 2px solid #666; } .no-pointer td, .no-pointer th { border-right: 1px solid #383838; } .no-pointer td .editor-field { margin-left: 10px; } .no-pointer .checkbox input { margin-left: 33px; } .settings td .editor-field { float: none; margin-left: 15px; } .buttons input { width: auto !important; height: 30px; padding-top: 0px; } .buttons input:focus { outline-color: transparent; } .buttons-margins { /*margin-left: 300px; margin-top: 10px;*/ } .fix-width { width: 600px; } #cmCompany .editor-label { width: 140px; } .permissionsList { padding-right: 3px; padding-top: 3px; } .market-sales-trader-wrap { float: left; margin-bottom: 10px; margin-right: 5px; } .dummy-header-div { height: 42px; margin-bottom: 0px !important; } .market-trader-units-ahead { float: left; border-top: 2px solid #666; padding-top: 0px; margin-bottom: 0px !important; } .market-trader-units-ahead-header { border-right: none; } .market-trader-units-ahead-list, .market-trader-units-ahead-header { border-bottom: 1px solid #444 !important; padding-top: 2px !important; padding-bottom: 0px !important; height: 25px; padding-right: 5px !important; padding-left: 5px !important; } .trader-matrix-wrap { float: left; border: 2px solid #666; border-bottom: none; border-right: none; } .tabel-trader-matrix-th { padding-left: 0px !important; border-right: 2px solid #666; text-align: center; background-color: #212121; } .market-trader-th-wrap { margin: auto; display: inline-block; } .market-trader-th-wrap div { float: left; margin-right: 20px; } .tabel-trader-matrix-th-second-level { padding-bottom: 0px !important; padding-left: 0px !important; border-right: 2px solid #666; } .tabel-trader-matrix-th-second-level th { background-color: #212121; border-top: 2px solid #666; border-bottom: 2px solid #666; width: 193px; } .market-trader-container { float: left; border-bottom: 2px solid #666; } .market-trader-container div { width: 205px; } .right-border { border-right: 1px solid #383838; } .trade-matrix-buttons { height: 30px; margin-top: 20px; } .trade-matrix-save-button { margin-top: 10px; margin-left: 60px; } .customer-agreements-edit-button { padding: 2px 10px; width: 67px; } .customer-agreements-save-button { margin-top: 10px; margin-left: 300px; } .customer-agreements-save-button a { margin-right: 3px; } .submenu-inside-wrap { float: left; width: 380px; } .submenu-inside-div { float: left; color: #ebebeb; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-top: 8px; height: 22px; } .anchor-pdf { background-image: url('/Resources/Images/pdf.png'); background-position: center center; background-repeat: no-repeat; display: block; height: 16px; width: 16px; margin: auto; } .anchor-commerg-pdf-large { background-image: url('/Resources/Images/pdf-large.png'); background-position: center center; background-repeat: no-repeat; display: block; height: 130px; width: 130px; margin: auto; } .anchor-minipdf { background-image: url('/Resources/Images/pdf.png'); background-position: center center; background-repeat: no-repeat; display: block; height: 14px; width: 14px; margin: auto; } .anchor-csv { background-image: url('/Resources/Images/csv.png'); background-position: center center; background-repeat: no-repeat; display: block; height: 16px; width: 16px; margin: auto; } .anchor-xls { background-image: url('/Resources/Images/xls.gif'); background-position: center center; background-repeat: no-repeat; display: block; height: 16px; width: 16px; margin: auto; } .slick-cell.grid-column-align-center, .generic-slick-grid .slick-header-column.ui-state-default.grid-column-align-center { text-align: center; } #mail-wrap .cleditorMain { margin-bottom: 20px; min-height: 500px; min-width: 685px; overflow: auto; } #mail-wrap .cleditorMain iframe, #mailTemplate { min-height: 500px; overflow: auto; width: 660px !important; } #mail-wrap .editor-label { width: 160px; } #mail-wrap .buttons { margin-left: auto; margin-right: auto; width: 170px; } .light .invoice-template a { text-decoration: none; color: #1e2c3c; } .dark .invoice-template a { text-decoration: none; color: #c7d8eb; } .simplemodal-wrap { height: auto !important; } #errata-wrap { color: #ebebeb; } #errata-wrap div { margin-bottom: 5px; margin-top: 5px; } #errata-wrap fieldset { padding-top: 9px; width: 470px; } #errata-wrap h4 { width: 478px; } #errata-wrap fieldset td { padding: 5px 20px 5px 0px; border-bottom: 1px solid #151515; } #invoice-wrap .editor-label { width: auto; } .sleeves-arent-required .slick-cell { color: Green; } .sleeves-are-required .slick-cell { color: red; } #daily-recap-form span { color: #ebebeb; } #customers-list { height: 450px; width: 600px; } .daily-recap-customers-wrap { height: 400px; width: 600px; overflow-y: scroll; } .daily-recap-customers-wrap div { color: #ebebeb; width: 530px; font-size: 13px; margin-top: 2px; margin-bottom: 2px; } .daily-recap-customers-wrap .validation-summary-errors { margin-bottom: 15px; } #myFeesDealGrid .toggle { height: 18px; width: 18px; float: left; } #myFeesDealGrid.loading { width:700px; height:100px; } .toggle.fees-expand { background: url('/Resources/Images/expand.png') no-repeat center center; } #myFeesDealGrid .toggle.fees-collapse { background: url('/Resources/Images/collapse.png') no-repeat center center; } #myFeesDealGrid .generic-slick-grid { position: relative; } .fees-chart{ height:440px; width:950px; display:block; } #show-fees-chart { width: 100px; margin-top: 10px; margin-left: 80px; margin-bottom:15px; } #show-employee-fees-chart { margin-left: 10px; height: 15px; line-height: 8px; display: none; position: relative; left: 100px; bottom: 20px; } #employee-fee-title, .fees-chart-title { background-color: #d3d9e0; width: 100%; color: #1d5498; font-size: 25px; text-align: center; vertical-align: middle; padding-top: 20px; } .deals-fees-header { color: #ebebeb; margin-bottom: 10px; margin-left: 120px; font-weight:800; } .generic-slick-grid.deal-fees-grid { height: auto; } #myFeesDealGrid .name { float: left; position: relative; top: -3px; left: 5px; } .format.broker-list-buttons-wrap input { height: 0px; width: 0px; -moz-transform: scale(0); /* FF */ } .format.broker-list-buttons-wrap label { width: 90px; display: inline-block; cursor: pointer; } .broker-list-buttons-wrap label { margin-bottom: 3px; } .new-recipient .field-validation-error { padding-top: 0px; } fieldset #nonStandardsHedgeVolumeContainer .editor-field select, fieldset #nonStandardsHedgeVolumeContainer .editor-field input { margin-left: 10px; margin-right: 10px; } fieldset #nonStandardsHedgePriceContainer .editor-field input, fieldset #nonStandardsHedgePriceContainer .editor-field select { margin-left: 10px; margin-right: 10px; } fieldset #nonStandardsHedgeVolumeContainer .editor-field .days, fieldset #nonStandardsHedgePriceContainer .editor-field select { width: 100px !important; } fieldset #nonStandardsHedgeVolumeContainer .editor-field .hours { width: 50px !important; } fieldset #nonStandardsHedgeVolumeContainer .editor-field input, fieldset #nonStandardsHedgePriceContainer .editor-field input { width: 30px !important; padding-bottom: 1px; padding-top: 1px; text-align: right; } fieldset #nonStandardsHedgePriceContainer .editor-field input { width: 40px !important; } fieldset #nonStandardsHedgeVolumeContainer .editor-field, fieldset #nonStandardsHedgePriceContainer .editor-field { margin-bottom: 0px; /*margin-left: 10px; margin-right: 10px;*/ } #hedge-form th, #price-hedge-form th { padding-left: 10px; padding-right: 10px; } .cancel-button { text-decoration: none; color: #ebebeb; margin-left: 10px; margin-right: 10px; } .cancel-button:hover { text-decoration: underline; } #hedge-form tr:hover td, #price-hedge-form tr:hover td { background-color: transparent; } #hedge-form, #price-hedge-form { margin-bottom: 20px; } #profile-values textarea { width: 250px; } .activate-offstandards-panel-table { margin-left: 20px; } .activate-offstandards-panel-table select { width: 150px; margin-left: 30px; margin-bottom: 5px; } .online-user, .offline-user { background-repeat: no-repeat; background-position: left center; margin-left: auto; margin-right: auto; width: 10px; padding-left: 10px; } .online-user { background-image: url('/Resources/Images/user-online.png'); } .offline-user { background-image: url('/Resources/Images/user-offline.png'); } .online-users-filter { background-image: url('/Resources/Images/user-online.png'); background-repeat: no-repeat; background-position: 2px center; background-color: #151515; width: 90px; height: 23px; margin-right: 2px; padding-left: 15px; padding-top: 2px; color: #EBEBEB; float: left; cursor: pointer; margin-left: 10px; border: 1px solid #ebebeb; } .online-users-filter-refresh { background-color: #151515; width: 72px; height: 23px; margin-right: 2px; padding-left: 15px; padding-top: 2px; color: #EBEBEB; float: left; cursor: pointer; margin-left: 10px; border: 1px solid #ebebeb; } .online-users-filter.selected { background-color: #236e25; color: #ffffff; } .left { margin-right: 153px; } .right { margin-left: 150px; } .left_wrapper { width: 150px; float: left; z-index: 0; } .middle_wrapper { width: 150px; float: left; z-index: 2; } .right_wrapper { width: 150px; float: left; z-index: 1; } .product-description { cursor: pointer; text-align: justify; display: none; min-width:300px; } .product-description li { list-style-type: disc; } /*.product-description p { text-indent: 30px; }*/ .trade-header { background-color: #45596F; height: 124px; } .light .slick-row.even.hover .slick-cell, .light .slick-row.odd.hover .slick-cell, .light .slick-row.even:hover .slick-cell, .light .slick-row.odd:hover .slick-cell { background-color: #ddefff; } .light .slick-row.slick-group:hover .slick-cell, .light .slick-row.slick-group.hover .slick-cell, .light .slick-row.dummy-header:hover .slick-cell, .light .slick-row.dummy-header.hover .slick-cell { background-color: #ddefff; } .dark .slick-row.even.hover .slick-cell, .dark .slick-row.odd.hover .slick-cell, .dark .slick-row.even:hover .slick-cell, .dark .slick-row.odd:hover .slick-cell { background-color: #02557c; } .dark .slick-row.slick-group:hover .slick-cell, .dark .slick-row.slick-group.hover .slick-cell, .dark .slick-row.dummy-header:hover .slick-cell, .dark .slick-row.dummy-header.hover .slick-cell { background-color: #02557c; } #hedge-form a { margin-right: 3px; } .light h4.help-page, .dark h4.help-page { background-color: #45596F; color: white; margin: 0px 0px; border-top-left-radius: 0px; font-size: 32px; padding-bottom: 20px; margin-top: -10px; padding-left: 40px; } .help-page.panel { background-color: #EDF0F4; } .help-page .help-title { height: 50px; border-bottom: 1px solid #cdd7e3; font-size: 16px; font-weight: bold; color: #45596F; line-height: 50px; cursor:pointer; min-width:315px; } .light .help-page .help-title { color: #45596F } .dark .help-page .help-title { color: white; } .help-icon { float: right; width: 18px; height: 18px; position: relative; bottom: 33px; right: 20px; cursor: pointer; } .light .help-icon.down { background: url('/Resources/Images/extend-down-light.png') no-repeat center center; } .dark .help-icon.down { background: url('/Resources/Images/extend-down.png') no-repeat center center; } .help-page .help-content { background-color:white; min-height:200px; width: 1100px; color: #45596F; cursor:pointer; display:none; } .light .help-page .help-content { background-color:white; color: #45596F; } .dark .help-page .help-content { background-color:#131d28; } .help-page .item-left { width:55px; float:left; } .help-page .space-legend .item-left { width:100px; color:#728DAC; font-weight:500; } .light .help-page .space-legend .item-right { color:#000000; font-weight:500; } .dark .help-page .space-legend .item-right { color:#9ec2eb; font-weight:500; } .help-page .space-legend li { line-height:40px; } .light .help-page .help-sub-title { color:#45596F; font-weight:800; } .dark .help-page .help-sub-title { color:#dcdddf; font-weight:800; } .help-page .item-right { width:200px; float:right; word-break:normal; } .help-page .trade-screen-legend { float: left; border-bottom: 1px solid #DCE6F1; color: #1E2C3C; font-size: 14px; font-weight: 600; margin-left: 30px; margin-top: 30px; line-height:25px; } .light .help-page .trade-screen-legend { color: #1E2C3C; } .dark .help-page .trade-screen-legend { color: #728dac; } .help-page .trade-screen-legend.withhold li { font-weight: 500; } .help-page .trade-screen-legend.order-entry .item-right { width:500px; font-weight:600; } .help-page .trade-screen-legend.order-entry .item-left { width:85px; color:#728DAC; } .help-page .trade-screen-legend.order-entry li { height:51px; } .light .help-page .help-price-withheld { color:#c8c8c8; } .light .help-page .help-price-indication { color:#696969; } .dark .help-page .help-price-withheld { color:#525252; } .dark .help-page .help-price-indication { color:#c8c8c8; } .help-page .help-price-indication-others { color: #E9967A; } .help-page .tutorial-title { font-size: 14px; font-weight: 700; } .add-new-market a{ cursor:pointer; color:#55ADFF !important; font-weight:900!important; } #myGrid slick-header.ui-state-default { font-weight:700; } .variable-button:active { background-color: #6fa1d8 !important; color: #e8fff2!important; } .variable-button:hover { background-color: #5a7ca2; } /*.login-buttons .variable-button:hover { background-color: #67bee3; }*/ .light .default-color { color: #45596f; } .dark .default-color { color: #ffffff; } .switch-button { background-image: url('/Resources/Images/switch-no.png'); width: 72px; height: 17px; float: left; cursor: pointer; } .switch-button.active, .switch-button.selected { background-image: url('/Resources/Images/switch-yes.png'); } .invoice-status td { background-color: #cacaca; } .invoice-status td.selected { background-color: #23b15c; } .invoice-status .result td { background-color: transparent; } #invoice-payment-panel form { width:230px; } .status-signalr { -webkit-border-radius: 0; border-radius: 0; position: fixed; top: 10px; right: 10px; z-index: 1035; padding: 7px; width: 25px; height: 25px; background-image: url('/Resources/Images/connected.png'); box-shadow: #000000 1px 4px 10px 0px; } .status-signalr.connected { background-color: green; border: 1px solid #38d152; } .status-signalr.disconnected { background-color: red; border: 1px solid #b4aa38; } .status-signalr.slow { background-color: yellow; border: 1px solid #b4aa38; } .hover-connected, .hover-disconnected, .hover-slow { display:none; height:100%; width:100%; } .status-signalr.connected .hover-connected{ display:block; } .status-signalr.disconnected .hover-disconnected { display: block; cursor:pointer; } .status-signalr.slow .hover-slow { display: block; } .call-center { -webkit-border-radius: 0; border-radius: 0; position: fixed; top: 50px; right: 10px; z-index: 1035; padding: 7px; width: 25px; height: 25px; background-image: url('/Resources/Images/phonebook.png'); box-shadow: #458b98 1px 4px 10px 0px; background-color: #a6d7f5; border: 1px solid #74c2e0; cursor: pointer; } .call-center.alert-calling { box-shadow: inset #e5bdb9 0px 0px 9px 0; background-color: #ef3d08; border: 1px solid #f39191; } #controls-twilio { width: 800px; min-height: 500px; max-height: 850px; background-color: #0f1e23; border: 1px solid #216f58; color: #62c1b4; box-shadow: inset #5db8ab 0px 1px 10px 0px; } .twilio-settings-button { margin-bottom: 40px; width: 100px; height: 30px; background-color: #5fa5bd; border: 0px; box-shadow: inset #000000 0 0 6px; } .twilio-call-button { width: 180px; height: 40px; background-color: #0f1e23; border: 0px; color: #00ffec; font-size: 14px; box-shadow: inset #3b7470 0px 0px 14px 0px; cursor: pointer; text-align: center; line-height: 40px; } .twilio-call-button.hangup { background-color: #00ffec; color: #26424c; border: 1px solid #02fae7; } .twilio-call-button.hangup .title { line-height: 20px; color: black; font-weight: 500; } .twilio-call-button.hangup .status { line-height: 15px; color: black; font-size:11px; } .twilio-logs { width: 650px; padding-left: 50px; border: 1px solid white; background: #26424c; color: #c8e1ea; margin-left: 50px; height: 100px; border: 1px solid #5fa5bd; overflow-y: scroll; margin-bottom: 20px; box-shadow: inset #0f1e23 1px 1px 20px; } .twilio-custom-call{ margin-top:5px; } .twilio-custom-input { box-shadow: inset #0f1e23 1px 1px 12px; background-color: #7d969e; color: #e1ffdc; } .twilio-custom-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 1; /* Firefox */ } .twilio-custom-button { background-color: #2f8261; color: #f0fbff; } ul.phone-list li { width: 200px; height: 25px; background: #26424c; color: #e2e9ec; text-align: center; border: 1px solid #5fa5bd; line-height: 25px; margin-top: 3px; cursor: pointer; box-shadow: inset #c1ecfb1f 0px 0px 11px; } ul.phone-list li.selected { background: #3cd4ac; color: black; border: 1px solid #78fff0; box-shadow: inset black 0 0px 10px; } .phone-list { min-height: 130px; max-height: 300px; overflow-y: auto; } .phone-list.groups{ display: block; } .phone-list.groups .editable .edit-mode{ display:block; } .phone-list.groups .edit-mode { display: none; } .phone-list.groups .display-mode { display: block; position:relative; } .phone-list.groups .editable .display-mode { display: none; } .phone-list.groups .edit-mode { display: none; } .phone-list.groups .editable .edit-mode { display: block; } .phone-list.groups li.error { border: 1px solid #ab1506; } .phone-tool { width: 100%; height: 380px; /*box-shadow: inset #5db8ab 0px 0px 8px 0px;*/ /* padding-top: 20px;*/ } .phone-tool-area { width: 33%; float: left; } .phone-tool-title { width:100%; text-align:center; font-size:16px; position:relative; } #search-contact { height: 25px; width: 200px; background-color: #c1ecfb; border: 2px solid #87daf6; margin-top: 10px; margin-left: 15px; } .phone-list.all-contacts span { position: relative; left: 5px; top: 7px; float: left; background-color: #2b5f72; } .phone-list.favorites span { position: relative; top: 7px; float: right; right: 5px; background-color: #c1ecfb; width: 17px; } .phone-list.all-contacts span.favorite { background-color: #93cce1; } .call-controls { position: relative; top: -80px; left: 50px; width: 300px; height:0px; } .contact-click-zone { position: absolute; width: 170px; height: 25px; left: 28px; } .settings-select { width: 285px; height: 80px; background: #21404a; color: #90dcd1; box-shadow: inset #0f1e23 0px 0px 28px; border: 1px solid #21404a; padding: 5px 0px 0px 6px; cursor: pointer; } #incoming-calls { width: 300px; height: 130px; background: #172d34; position: relative; left: 270px; top: 30px; box-shadow: inset #40807a 1px 1px 20px; padding-top: 7px; } #settings-buttons{ float:right; } #incomming-calls-text { position: relative; left: 110px; color: #020d0d; width: 200px; top: -3px; } .incoming-call-button { width: 292px; height: 33px; /* padding: 0px 1px 1px 1px; */ margin: 3px 0px 5px 4px; background-color: #0f1e237a; border: 0px; font-size: 11px; color: #ebf4f7; overflow:hidden } .incoming-call-button.calling { background-color: #09161a; font-size: 19px; line-height: 32px; box-shadow: inset #b1fff9 1px 1px 6px; color: #9fcfc8; } .incoming-call-button.calling.alert-calling { background-color: #ffffff; box-shadow: inset #700505 1px 1px 19px; color: #b60000; } .incoming-actions { position: relative; float: right; top: -29px; right: 4px; box-shadow: #376e6a 1px 1px 8px; background: #0f2221; display:none; } .incoming-action { width: 25px; height: 25px; float: left; cursor:pointer; } .incoming-action-image { width: 16px; height: 16px; background-repeat: no-repeat; position: relative; top: 4px; left: 5px; background-image: url(/Resources/Images/telephone.png); } .answer-action { background-color: #32e13a; box-shadow: inset #13551f 0px 0px 10px; } .reject-action { background-color: #f82e0e; box-shadow: inset #1c0f0d 0px 0px 10px; margin-left:5px; margin-right:4px; } .ignore-action { background-color: white; box-shadow: inset black 0px 0px 10px; margin-left: 5px; } .incoming-call-name{ margin-left:10px; } .phone-list.recent-calls .calltype.incoming { background-image: url(/Resources/Images/incoming.png); background-repeat: no-repeat; background-color: #f10949; border: 1px solid #ee0948; box-shadow: inset #521212 0px 0px 7px; } .phone-list.recent-calls .calltype.outgoing { background-image: url(/Resources/Images/outgoing.png); background-repeat: no-repeat; background-color: #84dbc1; border: 1px solid #11a579; box-shadow: inset #164a0c 1px 1px 7px; } .phone-list.recent-calls .calltype { background-image: url(/Resources/Images/outgoing.png); background-repeat: no-repeat; width: 20px; height: 20px; float: left; /* box-shadow: black -2px 0px 4px; */ position: relative; top: 2px; left: 2px; } .phone-list.recent-calls .duration { float: right; width: 40px; font-size: 9px; position: relative; color: #b1e2f3; top: -5px; right: 8px; } .phone-list.recent-calls .date { float: right; font-size: 9px; position: relative; color: #66a1b5; position:relative; top: 6px; left: 35px; } .phone-list.recent-calls .main-text { width: 125px; overflow: hidden; text-overflow: ellipsis; float: left; position: relative; left: 5px; } .right-side { float: right; position: relative; width: 100px; top: -26px; height: 2px; } .phone-list.recent-calls .selected .duration, .phone-list.recent-calls .selected .date { color: #26424c; } .phone-list.recent-calls .username{ max-width:200px; overflow-x:hidden; } .phone-list.groups input { width: 150px; height: 20px; margin-top: 2px; background: transparent; color: white; border: 0px; outline: none; } .phone-list.groups .save-group { background-image: url(/Resources/Images/save.png); top: 3px; left: -3px; float: right; } .phone-list.groups .save-group, .phone-list.groups .edit-group, .phone-list.groups .delete-group { width: 16px; height: 16px; background-color: #bde4f5; border: 1px solid #bde4f5; position: relative; } .phone-list.groups .delete-group { background-image: url(/Resources/Images/delete.png); top: 3px; left: 3px; float:left; } .phone-list.groups .edit-group { background-image: url(/Resources/Images/edit.png); top: 3px; left: -3px; float: right; } .phone-list.groups .group-name { width: 170px; height: 24px; position: absolute; } .phone-list.groups li { background: #1a272b; border: 1px solid #365965; } .phone-list.groups{ min-height:0px; } .page-resizer { background-image: url(/Resources/Images/resize.png); background-repeat: no-repeat; width: 24px; height: 24px; position: relative; top: 10px; left: 10px; box-shadow: inset #02271e 0px 0px 10px; background-color: #4c958c; border: 1px solid #306962; cursor: pointer; } #incoming-calls.onminsize { left: 50px; top: 60px; } #controls-twilio.onminsize { width: 400px; min-height: 260px; } .call-controls.onminsize { top: -140px; left: 110px; width:180px; } #output-selection { width: 700px; height: 200px; } .side-buttons { position: relative; float: right; width: 100px; right: 50px; top: -50px; } .settings-section { float: left; margin-left: 50px; margin-top: 60px; } .unknown-devices { position: relative; left: 300px; top: 10px; width: 150px; } .button-mute { position: relative; width: 24px; height: 24px; top: -35px; left: -35px; display:none; cursor:pointer; } .button-mute.mute { background-image: url('/Resources/Images/mute.png'); box-shadow: inset #0f1e23 0px 0px 9px; border: 1px solid #0ad0c1; background-color: #09ead9; } .button-mute.unmute { background-image: url('/Resources/Images/unmute.png'); box-shadow: inset #d4d4d4 0px 0px 7px; border: 1px solid #28ffef; background-color: #09ead9; } .recording-call { position: relative; height: 30px; width: 280px; top: 10px; visibility:hidden; } .group-header { position: relative; top: 10px; height: 0; font-size: 12px; color: #63a285; cursor:pointer; } .group-header.groups-button{ left:30px; } .group-header.users-button { right: 30px; } .agreement-premium { display: inline-block; float: left; margin-top: 14px } audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-panel { background-color: #c1ecfb; } .add-new-group { width: 16px; height: 16px; position: absolute; left: 125px; top: 49px; background-image: url(/Resources/Images/add.png); cursor: pointer; } .groups-popup{ display: none; position: relative; background: #0f1e23; box-shadow: #28c8ff 0px 0px 11px; padding: 5px; z-index: 2; } .groups-popup ul { min-height: 0px; padding: 0 0 0 0; } .groups-popup ul li, .phone-list.colleagues li { width: 185px; } .groups-popup ul li.current-group { background-color: #558596; } .colleague-list ul.colleagues { min-height: 0px!important; padding: 0 0 0 0!important; } .colleague-list .colleagues li { width: 185px; } .colleague-list { display:none; position: relative; background: #0f1e23; box-shadow: #28c8ff 0px 0px 11px; padding: 5px; z-index: 2; width: 190px; position: absolute; text-align: center; top:-190px; } .close-group-popup { background: #1a6d89; border: 1px solid #b6d2dc; width: 100px; height: 22px; box-shadow: inset #5accf1 0px 0px 12px; } .current-open-group { display: none; top: 56px; width: 200px; background-color: #1e3e49; height: 16px; font-size: 12px; color: white; position: absolute; left: 40px; /* align-content: center; */ border: 1px solid #33748b; box-shadow: inset #5fa4bb 0px 0px 16px; line-height: 17px; } .button-add-to-conference { display:none; width: 16px; height: 16px; position: relative; background-image: url(/Resources/Images/add.png); cursor: pointer; top: -56px; left: 188px; } .light .sidebar { background-color: #1e2c3c; } .dark .sidebar { background-color: #131d28; } .trade-icon { background-image: url(/Resources/Images/menu/trade.png); } .auctions-icon { background-image: url(/Resources/Images/menu/auction.png); } .brokerage-icon { background-image: url(/Resources/Images/menu/brokerage.png); } .deals-icon { background-image: url(/Resources/Images/menu/brokerage.png); } .cm-icon { background-image: url(/Resources/Images/menu/icon-cm.png); margin-top:1px!important; } .customers-icon { background-image: url(/Resources/Images/menu/customers-icon.png); } .nonstandard-icon { background-image: url(/Resources/Images/menu/offstandard.png); } .pro-icon { background-image: url(/Resources/Images/menu/pro.png); margin-top: 1px; } .notifications-icon { background-image: url(/Resources/Images/menu/alert-notifications.png); margin-top: 1px; } .charts-icon { background-image: url(/Resources/Images/menu/charts.png); } .sub-menu-item-text { color: #62afdd; font-weight: 700; } .active .sub-menu-item-text { color: #b8dfeb; font-weight: 700; } .positions-icon { background-image: url(/Resources/Images/menu/chartmenu.png); margin-top: 0px!important; } .menu-icon.pro-icon { width: 23px; height: 18px; margin-top: -1px; } .upgrade-pro-icon { position: absolute; left:16px; width: 25px; height: 25px; background-image: url(/Resources/Images/upgrade-pro-icon.png); } .admin-icon { background-image: url(/Resources/Images/menu/admin.png); } .menu-icon { width: 21px; height: 21px; margin-top: 2px; margin-right: 10px; background-repeat:no-repeat; } .arenacm .page-sidebar-minified .sidebar{ width: 75px; } .arenacm .content { z-index: 1; padding: 124px 0px 0px 0px; bottom: 30px; } .arenacm .page-sidebar-minified .content{ margin-left: 70px; } /*.arenacm .header .navbar-header { background-color: #4c6d91; }*/ .arenacm .header { pointer-events:none; } .arenacm .header button, .arenacm .header .get-premium{ pointer-events: all; } @media (min-width: 1px) { .top-bar-size { left: 0px; top: -32px; } .status-signalr { top: 12px; right: 60px; } .call-center { top: 12px; right: 100px; } .form-group .form-label { text-align: left; } .button-label { margin-top:5px; } #top-bar{ min-height:35px; } .help-page .help-title, .help-page .help-content { margin-left: 0px; } .help-page .youtube-video { margin-top: 5px; } .feedback-form { margin-top:50px; } .feedback-form textarea { width: 400px; } .get-premium { left: -100px; top: 2px; } } @media (min-width: 768px) { .top-bar-size { left: 240px; top: -50px; } .status-signalr { top: 10px; right: 10px; } .call-center { top: 50px; right: 10px; } .form-group .form-label { text-align: right; } .button-label { margin-top: 0px; } #top-bar { min-height: 124px; } .help-page .help-title, .help-page .help-content { margin-left: 100px; } .help-page .youtube-video { margin-left: 30px; margin-top: 30px; } .feedback-form { margin-top: 100px; margin-left: 100px; } .feedback-form textarea { width: 800px; } .get-premium { left: -37px; top: 10px; } .get-premium.valid { left:-27px; } .get-premium.broker { left: -30px; } } .page-sidebar-minified #top-bar { left: 80px; } .page-sidebar-minified .get-premium { display: none!important; } .sub-menu-row{ min-width:800px; } .dark .panel.panel-inverse > .panel-heading { background: #1e2c3c; color: #fff; font-size:20px; } .light .panel.panel-inverse > .panel-heading { background: #edf0f4; color: #1e2c3c; font-size: 20px; } .arenacm .panel .panel-heading .panel-title { line-height: 30px; font-size: 24px; } .slick-columnpicker{ color:#000; } .light .panel-body { background-color: #edf0f4; color: #1e2c3c; } .light .panel-body .table { color: #1e2c3c; } .dark .panel-body { background-color: #1e2c3c; color: white; } .panel-lg-minwidth{ min-width:1500px; } .panel-sm-minwidth { min-width: 900px; } .dark .form-label { font-weight: 900; } .light .form-label { font-weight: 900; } /*.arenacm a, .arenacm li{ box-sizing: unset !important }*/ .light select.form-control, .light input.form-control, .light textarea.form-control { background-color: #dee6eb; color: #1e2c3c; } .light select.form-control::placeholder, .light input.form-control::placeholder, .light textarea.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #969ea8; opacity: 1; /* Firefox */ } .light .form-control.required-field { background-color: #cddae2; color: #142436; } .dark select.form-control, .dark input.formcontrol, .dark textarea.formcontrol { background-color: #2c4866; } .dark .form-control.required-field { background-color: #131d28; } /*.modal-open .content * :not(.modal){ position:initial; }*/ .arenacm .sidebar .nav > li > a { padding: 10px 15px; } .arenacm .sidebar .sub-menu > li > a { padding: 10px 20px 3px 15px; } .old-row-style .row { display: table-row; } .old-th-align-style th{ text-align: center; } .old-box-sizing-style *{ box-sizing: content-box; } .arenacm .sidebar .nav > li.active > a{ background: #283a4e; } .dark .sidebar .nav > li.nav-profile.active > a { background: #131d28; } .light .sidebar .nav > li.nav-profile.active > a { background: #1e2c3c; } body.CreditMatrix .header .navbar-brand { display: none; } .get-premium { color: #f9f9f9; position: relative; cursor: pointer; z-index: 10; font-weight: 700; height: 60px; width: 230px; padding-top: 20px; padding-left: 30px; } .get-premium:hover { text-decoration: none; } .customize-page, .delete-page{ z-index:2; } .arenacm .btn-success { color: #fff; background-color: #00acac; border-color: #00acac; } .btn-commerg-1{ color: #89ffcb!important; background-color: #194553!important; border-color: #4ca084!important; } .btn-commerg-1:hover { color: #c9ffe7!important; background-color: #286172!important; border-color: #75edc5!important; } .btn-commerg-2 { color: #162c36!important; background-color: #4a9d82!important; border-color: #90efc4!important; } .btn-commerg-2:hover { color: #ffffff!important; background-color: #6eb998!important; border-color: #ceffe9!important; } .btn-commerg-3 { color: #202c36!important; background-color: #2b6664!important; border-color: #2f8784!important; } .btn-commerg-3:hover { color: #8ee5e2!important; background-color: #4b8d8a!important; border-color: #a7f3f0!important; } .btn-commerg-commercial { background-color: #009be6 !important; color: #eaf2f7 !important; border-color: #006ea7 !important; } .btn-commerg-commercial:hover { background-color: #3bb3ed !important; color: #e1e1e1 !important; border-color: #278cc1 !important; } .btn-commerg-1, .btn-commerg-2, .btn-commerg-3{ font-size:18px!important; } .broker-panel .invisible { visibility: visible !important; } .customerUserGrid .field-validation-error { right: -50px; } .dark .call-me { color: #dbebfc; cursor: pointer; box-shadow: inset #45596fad 0 0 12px; } .light .call-me { color: #23384f; cursor: pointer; box-shadow: inset #45596fad 0 0 9px; } .form-check { display: block; min-height: 1.125rem; padding-left: 2em; margin-bottom: .125rem } .form-check .form-check-input { float: left; margin-left: -2em } .form-check-input { width: 1.5em; height: 1.5em; margin-top: 0; vertical-align: top; background-color: var(--app-component-bg); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(var(--bs-black-rgb),.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact } .form-check-input[type=checkbox] { border-radius: .25em } .form-check-input[type=radio] { border-radius: 50% } .form-check-input:active { filter: brightness(90%) } .form-check-input:focus { border-color: #67abe9; outline: 0; box-shadow: 0 0 0 .25rem rgba(52,143,226,.25) } .form-check-input:checked { background-color: #348fe2; border-color: #348fe2 } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e") } .form-check-input[type=checkbox]:indeterminate { background-color: #348fe2; border-color: #348fe2; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5 } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity: .5 } .form-switch { padding-left: 2.8em } .form-switch .form-check-input { width: 2.3em; margin-left: -2.8em; background-image: 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"); background-position: left center; border-radius: 2.3em; transition: background-position .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2367abe9'/%3e%3c/svg%3e") } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e") } .form-check-inline { display: inline-block; margin-right: 1rem } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #00acac } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #00acac } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(0,172,172,.25) } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #00acac } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em } :root { --app-theme: #00acac; --app-theme-rgb: 0,172,172; --app-theme-color: #FFFFFF; --app-theme-color-rgb: 255,255,255; --app-border-color: #ced4da; --app-border-color-rgb: 206,212,218; --app-header-bg: #FFFFFF; --app-header-bg-rgb: 255,255,255; --app-header-color: #20252a; --app-header-color-rgb: 32,37,42; --app-header-input-bg: #f2f3f4; --app-header-input-border: #f2f3f4; --app-header-mobile-divider-bg: #edf0f2; --app-header-divider-bg: #dee2e6; --app-sidebar-bg: #2d353c; --app-sidebar-bg-rgb: 45,53,60; --app-sidebar-profile-bg: #20252a; --app-sidebar-profile-bg-rgb: 32,37,42; --app-sidebar-profile-color: #FFFFFF; --app-sidebar-profile-color-rgb: 255,255,255; --app-sidebar-component-color: #FFFFFF; --app-sidebar-component-color-rgb: 255,255,255; --app-sidebar-active-component-bg: #20252a; --app-sidebar-active-component-bg-rgb: 32,37,42; --app-sidebar-menu-header-color: rgba(255, 255, 255, 0.45); --app-sidebar-menu-divider-bg: #20252a; --app-sidebar-menu-badge-bg: #20252a; --app-sidebar-minify-btn-bg: #242b30; --app-sidebar-minify-btn-hover-bg: #20252a; --app-sidebar-transparent-bg-image: url(images/cover-sidebar.jpg); --app-component-bg: #FFFFFF; --app-component-bg-rgb: 255,255,255; --app-component-dropdown-bg: #FFFFFF; --app-component-dropdown-bg-rgb: 255,255,255; --app-component-dropdown-hover-bg: #eff1f3; --app-component-dropdown-hover-bg-rgb: 239,241,243; --app-component-dropdown-border-color: #ced4da; --app-component-dropdown-border-color-rgb: 206,212,218; --app-component-modal-bg: #FFFFFF; --app-component-modal-bg-rgb: 255,255,255; --app-component-modal-border-color: #ced4da; --app-component-modal-border-color-rgb: 206,212,218; --app-component-secondary-bg: #ced4da; --app-component-color: #20252a; --app-component-color-rgb: 32,37,42; --app-component-border-color: #ced4da; --app-component-border-color-rgb: 206,212,218; --app-component-active-bg: #348fe2; --app-component-active-bg-rgb: 52,143,226; --app-component-active-color: #FFFFFF; --app-component-active-color-rgb: 255,255,255; --app-component-hover-bg: #eff1f3; --app-component-hover-color: #20252a; --app-component-hover-border-color: #ced4da; --app-component-focus-border-color: #67abe9; --app-component-disabled-bg: #e9ecef; --app-component-disabled-color: #adb5bd; --app-component-disabled-border-color: #ced4da; --app-component-table-border-color: #ced4da; --app-component-table-separator-color: currentColor; --app-pos-bg: #e9ecef; --app-login-bg-cover: url(images/bg-login.png); --form-switch-bg-image: url("data:image/svg+xml,") } .dark .btn-commerg-blue { color: #92c7fb !important; background-color: #243242 !important; border-color: #8ab5df !important; } .dark .btn-commerg-blue:hover { color: #243242 !important; background-color: #92c7fb !important; border-color: #92c7fb !important; } .light .btn-commerg-blue { color: #243242 !important; background-color: #c2dcf5 !important; border-color: #83a4c9 !important; } .light .btn-commerg-blue:hover { color: #243242 !important; background-color: #92c7fb !important; border-color: #243242 !important; } .subscription-header { background-color: #08303c; box-shadow: #617b83 0px 0px 3px; margin-left: 1px!important; margin-right: 1px!important; border-radius: 30px; padding-bottom: 30px; } .account-column { border-radius: 2rem; padding: 2rem; background-color: var(--color-lightgray); display: flex; flex-direction: column; flex-grow: 1 !important; align-items: center; line-height: 30px; color: #6fe5ae; font-family: sans-serif; font-size: 13px; min-width: 350px; min-height:370px; } .account-column.pro-left .title { color: #3e8878; } .account-column.pro-right .title { color: #58af86; } .account-column.pro-left .sub-title { color: #bbead9; } .account-column.pro-right .sub-title { color: #a7ffd5; } .account-column.pro-left { color: #54ad8b; } .trade-unlock { text-align: center; max-width: 150px; min-width:75px; cursor: pointer; } .dark .trade-unlock { background-color: #2a9dff; box-shadow: inset #08e6fd 0px 0px 9px; color: #9cdfff; border: 1px solid #5af5e7; } .dark .trade-unlock.unlocked { background-color: #17456c; box-shadow: inset #198549 0px 0px 9px; color: black; border: 1px solid #4c8e95; } .enabled-input .trade-unlock{ display:none; } .light .trade-unlock { background-color: #edf7ff; box-shadow: inset #bcd4d7 0px 0px 9px; color: #0c88c3; border: 1px solid #94d1cb; } .light .trade-unlock.unlocked { background-color: #cae7ff; box-shadow: inset #77cced 0px 0px 9px; color: black; border: 1px solid #5ecbd7; cursor: pointer; } .locked-confirm { pointer-events: none; background-color: #d3c7c7; color: #5e5e5e; } .promotional-launch { border: solid #70b983; padding: 5px 15px 5px 15px; background: #111e10; width: 250px; position: absolute; top: -20px; left: 320px; text-align: center; border-radius: 14px; } .promotion-title { font-size: 15px; font-weight: 700; color: #59c593; } .promotion-offer { font-size: 25px; font-weight: 600; color: #347c68; } .subcription-fee, .brokerage-fee { font-size: 10px; font-weight: 400; } .subcription-fee { position: absolute; top: 92px; left: 43px; } .brokerage-fee { position: absolute; top: 92px; left: 131px; } .promotion-price { font-size: 34px; font-weight:700; } .promotion-offer-condition { position: relative; top: 6px; color: #347c68; font-size: 12px; } .current-invoice-group, .split-invoice-group { width: 650px; padding: 5px; max-height: 300px; overflow-y: auto; } .dark .current-invoice-group { background-color: #223040; box-shadow: inset #121922 0 0 9px 0px; } .light .current-invoice-group { background-color: #f1f3f5; box-shadow: inset #121922 0 0 9px 0px; } .split-invoice-group { box-shadow: inset #060d0e 0 0 9px 0px; margin-top: 10px; } .light .split-invoice-group { background-color: #c4d4e9; } .dark { background-color: #2b3b4c; } .invoice-group-title { text-align: center; width: 100%; font-size: 20px; color: #626970; } .invoice-group-container { box-shadow: inset #32567e 0 0 4px 0px; min-height: 150px; margin: 5px !important; } .invoice-split-item { height: 25px; padding: 5px; width: 100%; cursor:pointer; } .light .invoice-split-item { box-shadow: inset #697687 0 0 4px; } .dark .invoice-split-item { box-shadow: inset beige 0 0 4px; } .dark .invoice-split-item.deactivated { box-shadow: inset #343434 0 0 4px; } .light .invoice-split-item.deactivated { box-shadow: inset #b1a6a6 0 0 4px; color: #5780af; } .conversion-rate-container { background-color: #213246; padding: 20px 20px 20px 20px; box-shadow: inset #118f99 0 0 7px 0px; color: white; } body.censor-page .blur-me { color: transparent!important; text-shadow: 0 0 14px #000; } .dark .current-subscription { font-size: 14px; background: #1e2c3c; border: 1px solid #4a9d82; padding: 10px 20px 10px 20px; color: #cff0f7; text-shadow: 3px 4px 8px black; box-shadow: inset #194553 0 0 7px 0px; } .light .current-subscription { font-size: 14px; background: #edf0f4; border: 1px solid #4a9d82; padding: 10px 20px 10px 20px; color: #194553; text-shadow: 3px 4px 8px #4a9d82; box-shadow: inset #ffffff 0 0 7px 0px; } .cell-large{ /*max-width:240px;*/ min-width:200px; } .cell-medium { max-width: 120px; min-width: 100px; } .cell-small { max-width: 80px; min-width: 50px; } .cell-small.checkbox input { margin-top:10px; } #users .cell-large, #users .cell-medium, #users .cell-small { height: 35px; line-height:35px; } .dark #users .cell-large, .dark #users .cell-medium, .dark #users .cell-small { color:white; } #users .cell-large, #users .cell-medium, #users .cell-small { height: 35px; border-top: solid #121924 1px; } #users.grid input { height: calc(1.5em + 0.875rem -2px) } .light .row.even-row { background-color: #ffffff; } .dark .row.even-row { background-color: #263648; } .dark .row.alt-row { background-color: #1e2c3c; } .light .row.alt-row { background-color: #b7c7d9; } .light .row.alt-row { background-color: #b7c7d9; } .dark #tabel-header.row { background-color: #131f2c; } .light #tabel-header.row { background-color: #c7ced7; } .light #users select.form-control, .light #users input.form-control { background-color: #e9f3ff; color: #1e2c3c; } .viewonly-expiry-date { width: 80px !important; height: 20px; position: relative; left: 30px; bottom: 27px; } #users .field-validation-error { bottom: 26px; } .customer-list.generic-slick-grid .slick-header-column.ui-state-default { height: 44px; } .broadcast-container { position: fixed !important; top: -7px; right: -25px; z-index: 1035; } .broadcast-container.opened { right: 35px; } .broadcast-handle { height: 19px; background: #1268bb; max-width: 70px; color: white; text-align: center; box-shadow: inset #63d99b 0 0 6px; cursor: pointer; } .broadcast-handle.opened { max-width: 130px; } .broadcast-area { display: none; width: 129px; height: 57px; background-color: #386a99; padding: 13px 10px 10px 12px; box-shadow: inset #eef1f3 0px 0px 6px; } .broadcast-area.broker-broadcast { padding: 13px 10px 10px 16px; } .broadcast { background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; border: 1px solid white; } #btn-start-recording { background-image: url('/Resources/Images/recording.png'); background-color: #99c9cb; } #btn-start-recording.recording-audio { background-color: #cd5151; border: 1px solid #0fff57 } #playLast { background-image: url('/Resources/Images/play.png'); background-color: #99c9cb; } #playLast.playing-audio { background-color: #179f0b; border: 1px solid #9af7b6; } #btn-broadcast-audio { background-image: url('/Resources/Images/broadcast.png'); background-color: #99c9cb; } #btn-broadcast-audio.loaded-audio { background-color: #19a70c; border: 1px solid #3cf183; box-shadow: white 0px 0px 4px; } #btn-activate-listen { background-image: url(/Resources/Images/listen.png); background-color: #c9dedf; width: 40px; height: 40px; position: relative; bottom: 4px; } .activate-text { position: relative; bottom: 33px; left: 50px; color: #c9dedf; font-weight: 600; text-shadow: -1px 2px 13px black; cursor: pointer; } #btn-activate-listen.active-listening { background-color: #23cd00; } #last-trades-content-table td { padding: 2px 5px 2px 5px; } .dark .spread-leg-col { background-color: #1a232f; box-shadow: #45596f 0px 0px 18px inset; } .dark .common-leg-col { background-color: #212c3b; box-shadow: #607ea1 0px 0px 18px inset } .light .spread-leg-col { background-color: #edf0f4; box-shadow: #8ba9cb 0px 0px 18px inset; } .light .common-leg-col { background-color: #e1e7ef; box-shadow: #8ba9cb 0px 0px 18px inset; } .form-check-input{ cursor:pointer; } .dark .overriden-value, .form-control.overriden-value{ background-color: #4b0505; } .light .overriden-value, .form-control.overriden-value { background-color: #e4c3a5; } .fall-back{ color: #d75d13 !important; } .selected-hydro-cell { border: solid 3px #b75f05 !important; } .arenacm .required-field-missing { background-color: #4d0d0d !important; border: #ff630c solid 1px; color:white!important; } .popup-wrap { position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; transition: transform 0.3s ease-in-out; transform: translateY(100%); margin-left: 240px; border: solid #90efc4; background: #4a9d82; border-radius: 14px; z-index: 1004; } .popup-wrap .sub-title { font-size: 14px; font-style: italic; color: #5dbd92; font-weight: 500; position: relative; right: 70px; } .popup-wrap.trade-screen-popup { border: solid #90efc440; background: #4a9d8273; } .popup-wrap.show { transform: translateY(0); } /*.dark .popup-wrap { background: #111e10; } .light .popup-wrap { background-color: #b5bbc3; } */ .transform-in, .transform-out { display: block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .popup-content { /* padding: 70px; transform: translate(-50%, 100%) scale(0.5); position: fixed; bottom: 0; left: 50%;*/ } .transform-in { -webkit-transform: translate(-50%, -50%) scale(1); /* Adjust here */ transform: translate(-50%, -50%) scale(1); /* Adjust here */ } .transform-out { -webkit-transform: translate(-50%, 100%) scale(0.5); /* Adjust here */ transform: translate(-50%, 100%) scale(0.5); /* Adjust here */ } .bottom-test { position: fixed; bottom: 0; width: 100%; background: #ccc; color: #fff } .scroll-test { min-height: 1500px; } .sub-menu-item-text.alert-me { color: #eb7015; font-size: 13px; text-shadow: #cf9009 -1px 2px 11px; } .sms-notification-container { padding: 30px 70px 30px 100px; color: white; box-shadow: black 0px 0px 11px 0px; margin-right: 240px; background: #153945; } .biomethane-specifics-area { height: 90px; overflow: hidden; resize: none; } .styled-login { height:33px; width: 100%; padding: 12px 12px; margin: 8px 0; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; } .styled-login:hover { border-color: #888; } .styled-login:focus { border-color: #89c0ff; box-shadow: 0 0 8px 0 rgba(0, 86, 179, 0.3); outline: none; } .center-container label{ margin-left:21px; } .light .fee-treshold { background-color: #b0bcc3; } .dark .fee-treshold { background-color: #354557; } .can-be-percentage{ display:none; } .display-percentage .can-be-percentage { display: inline-table; } .fees-restrict-years { width: 70px; height: 30px; padding: 5px 5px 5px 5px; text-align: center; cursor: pointer; border: 1px solid #4079bd; } .fees-restrict-years:hover, .fees-restrict-years.selected:hover { background-color: #6386ac; } .fees-restrict-years.selected { background-color: #526385; } ::-webkit-scrollbar { width: 20px; } ::-webkit-scrollbar-track { background-color: transparent; } ::-webkit-scrollbar-thumb { background-color: #56af89; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; } ::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } #assistant-reply-form { min-height: 600px; background-color: #283749; box-shadow: inset white 0px 0px 4px; } .delete-product{ cursor:pointer; } .data-charts-filter { border: 1px solid #90d2ec!important; border-radius: 6px; } #data-charts-canvas { border: 1px solid #90d2ec; border-radius: 6px; } .arenacm.dark .select2{ font-size:13px; } .arenacm.dark .select2-container--default .select2-selection--multiple { background-color: #2c4866; } .arenacm.dark .select2-dropdown { background-color: #2c4866; } .arenacm.dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #183553; border: 1px solid #6287af; } .arenacm.dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border: 1px solid #6287af; color: #6287af; } .arenacm.dark .select2-container--default .select2-results__option--selected { background-color: #173351; } .arenacm.light .select2-dropdown { color: black; } .arenacm.light .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e7f7f6; border: 1px solid #79d5f3; } .arenacm.light .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border: 1px solid #79d5f3; color: #426cee; } .arenacm.light .select2-container--default .select2-results__option--selected { background-color: #bce9e4; } .floting-or { position: relative; left: 127px; bottom: 43px; text-align: center; } .subscription-required { width: 450px; padding: 10px 20px; } .light .subscription-required { background-color: rgb(255 255 255); color: #082548; } .dark .subscription-required { background-color: #45596F; } .highlight-container { border: 1px solid #8fa6bf !important; box-shadow: #042535 1px 5px 8px 2px !important; margin-left: 5px; margin-right: 5px; } .light .highlight-container { box-shadow: #95b3d5 2px 2px 5px 0px !important; } .highlight-container .panel-title { border-bottom: 1px solid #8fa6bf; padding-bottom: 11px; } input[type="file"] { appearance: none; -webkit-appearance: none; border: 2px solid #007bff; padding: 5px 8px; border-radius: 5px; background-color: #2d3f51; color: #81beff; font-size: 14px; cursor: pointer; transition: all 0.3s ease; } .light input[type="file"] { background-color: #f6f6f6; color: #043a83 } input[type="file"]::file-selector-button { background-color: #043a83; color: white; border: 1px solid #006cff; margin-right: 10px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: background-color 0.3s ease; } input[type="file"]::file-selector-button:hover { background-color: #0056b3; } .light .dataTables_wrapper.dt-bootstrap .dataTables_filter label, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label { color: #0d3041 !important; } .dark .dataTables_wrapper.dt-bootstrap .dataTables_filter label, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label { color: #cccccc !important; } .light .table-bordered td, .light .table-bordered th { border: 1px solid #091c2f40; } /*.light .logo-dark{ display:none; } .dark .logo-white{ display:none; } .logo-dark, .logo-white{ width:400px; }*/ .cool-table { width: 100%; } .dark .cool-table thead { background-color: #1f2937; } .light .cool-table thead { background-color: white; color: #355982; } .cool-table th { padding: 10px 16px; font-size: 0.9rem; font-weight: 600; text-align: left; } .cool-table tr { transition: background-color 0.2s ease; height: 25px; border-top: 1px solid #35486fb3; } .dark .cool-table tr:hover { background-color: #2f547e; } .light .cool-table tr:hover { background-color: #a4bfdd73; } .cool-table td { padding: 3px 6px; font-size: 0.74rem; } .dark .cool-table td { color: #c8d3e5; } .light .cool-table td { color: #3d5f87; } .cool-table tr:first-child td { border-top: none; } /*.advanced-blue-view{ display:flex; }*/ .ticker-module .advanced-blue-view { display: none; } .ticker-module #blue-sheet-blued-tbody{ display: none; } .dark .blue-obsolete { background-color: #002651c4; } .light .blue-obsolete { background-color: #0041ff24; } .blue-trophy { background-position: center center; background-repeat: no-repeat; height: 25px; width: 25px; position: relative; /* top: 5px;*/ left: 15px; background-image: url('/Resources/Images/trophy.png'); } .blue-quote-side { background-repeat: no-repeat; width: 120px; height: 23px; cursor:pointer; } .blue-quote-side.ask { background-image: url(/Resources/Images/ask-toggle.png); } .blue-quote-side.bid { background-image: url(/Resources/Images/bid-toggle.png); } #example-broker-list{ display:none; } .unsuported-bluesheet { background-image: url(/Resources/Images/spec-unsupported.png); } .spec-unsupported { background-image: url(/Resources/Images/spec-unsupported.png); width: 16px; height: 16px; position: relative; left: 4px; top: 2px; } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*="Out"] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0); transform: rotate(0); } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: 0.7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .animate__bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { 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 zoomOut { 0% { 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; } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*! * Color Admin v4.7.0 (https://seantheme.com/color-admin/) * Copyright 2020 SeanTheme */ .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:after, .ui-helper-clearfix:before { 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; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.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-active, .ui-menu .ui-state-focus { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item: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: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-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-next span, .ui-datepicker .ui-datepicker-prev 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: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 700; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: 0 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.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-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .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: 700; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.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: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.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-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .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: 0 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: 700; } .ui-widget-header a { color: #333; } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: 400; color: #454545; } .ui-button, .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 { color: #454545; text-decoration: none; } .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { border: 1px solid #ccc; background: #ededed; font-weight: 400; color: #2b2b2b; } .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { border: 1px solid #003eff; background: #007fff; font-weight: 400; color: #fff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_444444_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_444444_256x240.png); } .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_555555_256x240.png); } .ui-button:active .ui-icon, .ui-state-active .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_ffffff_256x240.png); } .ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_cc0000_256x240.png); } .ui-button .ui-icon { background-image: url(/Resources/NewDesign/css/images/ui-icons_777777_256x240.png); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: 0.003; filter: Alpha(Opacity=.3); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #000; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #000, 0 0 5px #000; opacity: 1; -webkit-transform: rotate(3deg) translate(0, -4px); -moz-transform: rotate(3deg) translate(0, -4px); -ms-transform: rotate(3deg) translate(0, -4px); -o-transform: rotate(3deg) translate(0, -4px); transform: rotate(3deg) translate(0, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #000; border-left-color: #000; border-radius: 10px; -webkit-animation: pace-spinner 0.4s linear infinite; -moz-animation: pace-spinner 0.4s linear infinite; -ms-animation: pace-spinner 0.4s linear infinite; -o-animation: pace-spinner 0.4s linear infinite; animation: pace-spinner 0.4s linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0); transform: rotate(0); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0); transform: rotate(0); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0); transform: rotate(0); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0); transform: rotate(0); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } /*! * Bootstrap v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #006cff; --indigo: #5600ff; --purple: #9800ff; --pink: #ff0081; --red: #ff3502; --orange: #ff7b01; --yellow: #ffd900; --green: #04c142; --teal: #01caca; --cyan: #00cbff; --white: #ffffff; --gray: #666666; --gray-dark: #1a1a1a; --black: #000000; --dark: #000000; --dark-darker: #000000; --lime: #c2e900; --light: #f0f3f4; --silver: #eeeeee; --muted: #a2a2a2; --aqua: #00cbff; --gray-100: #f2f2f2; --gray-200: #e6e6e6; --gray-300: #cccccc; --gray-400: #a6a6a6; --gray-500: gray; --gray-600: #666666; --gray-700: #404040; --gray-800: #1a1a1a; --gray-900: #000000; --primary: #006cff; --secondary: #666666; --success: #04c142; --info: #00cbff; --warning: #ff7b01; --danger: #ff3502; --light: #f0f3f4; --dark: #000000; --inverse: #000000; --black: #000000; --white: #ffffff; --grey: #eeeeee; --muted: #eeeeee; --silver: #eeeeee; --lime: #c2e900; --aqua: #00cbff; --breakpoint-xxs: 0; --breakpoint-xs: 360px; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1660px; --breakpoint-xxxl: 1900px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: rgba(255, 255, 255, 0.65); text-align: left; background-color: #333; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 8px; } p { margin-top: 0; margin-bottom: 15px; } abbr[data-original-title], abbr[title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { 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 { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #006cff; text-decoration: none; background-color: transparent; } a:hover { color: #004cb3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 8px; padding-bottom: 8px; color: #666; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 8px; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: 1.875rem; } .h2, h2 { font-size: 1.5rem; } .h3, h3 { font-size: 1.3125rem; } .h4, h4 { font-size: 1.125rem; } .h5, h5 { font-size: 0.9375rem; } .h6, h6 { font-size: 0.75rem; } .lead { font-size: 0.9375rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 16px; margin-bottom: 16px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .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: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 16px; font-size: 0.9375rem; } .blockquote-footer { display: block; font-size: 80%; color: #666; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #333; border: 1px solid #ccc; border-radius: 4px; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 8px; line-height: 1; } .figure-caption { font-size: 90%; color: #666; } code { font-size: 87.5%; color: #ff0081; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #000; border-radius: 3px; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #000; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm, .container-xs { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm, .container-xs { max-width: 750px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm, .container-xs { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xs { max-width: 1170px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-auto, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-auto, .col-xxxl, .col-xxxl-1, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 360px) { .col-xs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xs-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xs-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xs-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xs-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xs-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xs-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xs-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xs-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xs-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xs-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xs-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-xs-first { order: -1; } .order-xs-last { order: 13; } .order-xs-0 { order: 0; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } .order-xs-11 { order: 11; } .order-xs-12 { order: 12; } .offset-xs-0 { margin-left: 0; } .offset-xs-1 { margin-left: 8.33333%; } .offset-xs-2 { margin-left: 16.66667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.33333%; } .offset-xs-5 { margin-left: 41.66667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.33333%; } .offset-xs-8 { margin-left: 66.66667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.33333%; } .offset-xs-11 { margin-left: 91.66667%; } } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1660px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } @media (min-width: 1900px) { .col-xxxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxxl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xxxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxxl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxxl-first { order: -1; } .order-xxxl-last { order: 13; } .order-xxxl-0 { order: 0; } .order-xxxl-1 { order: 1; } .order-xxxl-2 { order: 2; } .order-xxxl-3 { order: 3; } .order-xxxl-4 { order: 4; } .order-xxxl-5 { order: 5; } .order-xxxl-6 { order: 6; } .order-xxxl-7 { order: 7; } .order-xxxl-8 { order: 8; } .order-xxxl-9 { order: 9; } .order-xxxl-10 { order: 10; } .order-xxxl-11 { order: 11; } .order-xxxl-12 { order: 12; } .offset-xxxl-0 { margin-left: 0; } .offset-xxxl-1 { margin-left: 8.33333%; } .offset-xxxl-2 { margin-left: 16.66667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.33333%; } .offset-xxxl-5 { margin-left: 41.66667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.33333%; } .offset-xxxl-8 { margin-left: 66.66667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.33333%; } .offset-xxxl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 16px; color: rgba(255, 255, 255, 0.65); } .table td, .table th { padding: 8px; vertical-align: top; border-top: 1px solid rgba(255, 255, 255, 0.25); } .table thead th { vertical-align: bottom; border-bottom: 2px solid rgba(255, 255, 255, 0.25); } .table tbody + tbody { border-top: 2px solid rgba(255, 255, 255, 0.25); } .table-sm td, .table-sm th { padding: 5px; } .table-bordered { border: 1px solid rgba(255, 255, 255, 0.25); } .table-bordered td, .table-bordered th { border: 1px solid rgba(255, 255, 255, 0.25); } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.25); } .table-hover tbody tr:hover { color: rgba(255, 255, 255, 0.65); background-color: rgba(255, 255, 255, 0.25); } .table-primary, .table-primary > td, .table-primary > th { background-color: #b8d6ff; } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7ab3ff; } .table-hover .table-primary:hover { background-color: #9fc7ff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fc7ff; } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: #d4d4d4; } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #afafaf; } .table-hover .table-secondary:hover { background-color: #c7c7c7; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c7c7c7; } .table-success, .table-success > td, .table-success > th { background-color: #b9eeca; } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #7cdf9d; } .table-hover .table-success:hover { background-color: #a4e9ba; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a4e9ba; } .table-info, .table-info > td, .table-info > th { background-color: #b8f0ff; } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #7ae4ff; } .table-hover .table-info:hover { background-color: #9febff; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #9febff; } .table-warning, .table-warning > td, .table-warning > th { background-color: #ffdab8; } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffba7b; } .table-hover .table-warning:hover { background-color: #ffcd9f; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffcd9f; } .table-danger, .table-danger > td, .table-danger > th { background-color: #ffc6b8; } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ff967b; } .table-hover .table-danger:hover { background-color: #ffb29f; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffb29f; } .table-light, .table-light > td, .table-light > th { background-color: #fbfcfc; } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #f7f9f9; } .table-hover .table-light:hover { background-color: #ecf1f1; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ecf1f1; } .table-dark, .table-dark > td, .table-dark > th { background-color: #b8b8b8; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #7a7a7a; } .table-hover .table-dark:hover { background-color: #ababab; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #ababab; } .table-inverse, .table-inverse > td, .table-inverse > th { background-color: #b8b8b8; } .table-inverse tbody + tbody, .table-inverse td, .table-inverse th, .table-inverse thead th { border-color: #7a7a7a; } .table-hover .table-inverse:hover { background-color: #ababab; } .table-hover .table-inverse:hover > td, .table-hover .table-inverse:hover > th { background-color: #ababab; } .table-black, .table-black > td, .table-black > th { background-color: #b8b8b8; } .table-black tbody + tbody, .table-black td, .table-black th, .table-black thead th { border-color: #7a7a7a; } .table-hover .table-black:hover { background-color: #ababab; } .table-hover .table-black:hover > td, .table-hover .table-black:hover > th { background-color: #ababab; } .table-white, .table-white > td, .table-white > th { background-color: #fff; } .table-white tbody + tbody, .table-white td, .table-white th, .table-white thead th { border-color: #fff; } .table-hover .table-white:hover { background-color: #f2f2f2; } .table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2; } .table-grey, .table-grey > td, .table-grey > th { background-color: #fafafa; } .table-grey tbody + tbody, .table-grey td, .table-grey th, .table-grey thead th { border-color: #f6f6f6; } .table-hover .table-grey:hover { background-color: #ededed; } .table-hover .table-grey:hover > td, .table-hover .table-grey:hover > th { background-color: #ededed; } .table-muted, .table-muted > td, .table-muted > th { background-color: #fafafa; } .table-muted tbody + tbody, .table-muted td, .table-muted th, .table-muted thead th { border-color: #f6f6f6; } .table-hover .table-muted:hover { background-color: #ededed; } .table-hover .table-muted:hover > td, .table-hover .table-muted:hover > th { background-color: #ededed; } .table-silver, .table-silver > td, .table-silver > th { background-color: #fafafa; } .table-silver tbody + tbody, .table-silver td, .table-silver th, .table-silver thead th { border-color: #f6f6f6; } .table-hover .table-silver:hover { background-color: #ededed; } .table-hover .table-silver:hover > td, .table-hover .table-silver:hover > th { background-color: #ededed; } .table-lime, .table-lime > td, .table-lime > th { background-color: #eef9b8; } .table-lime tbody + tbody, .table-lime td, .table-lime th, .table-lime thead th { border-color: #dff47a; } .table-hover .table-lime:hover { background-color: #e8f7a0; } .table-hover .table-lime:hover > td, .table-hover .table-lime:hover > th { background-color: #e8f7a0; } .table-aqua, .table-aqua > td, .table-aqua > th { background-color: #b8f0ff; } .table-aqua tbody + tbody, .table-aqua td, .table-aqua th, .table-aqua thead th { border-color: #7ae4ff; } .table-hover .table-aqua:hover { background-color: #9febff; } .table-hover .table-aqua:hover > td, .table-hover .table-aqua:hover > th { background-color: #9febff; } .table-active, .table-active > td, .table-active > th { background-color: rgba(255, 255, 255, 0.25); } .table-hover .table-active:hover { background-color: rgba(242, 242, 242, 0.25); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(242, 242, 242, 0.25); } .table .thead-dark th { color: #fff; background-color: #1a1a1a; border-color: #2d2d2d; } .table .thead-light th { color: #404040; background-color: #e6e6e6; border-color: rgba(255, 255, 255, 0.25); } .table-dark { color: #fff; background-color: #1a1a1a; } .table-dark td, .table-dark th, .table-dark thead th { border-color: #2d2d2d; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 359.98px) { .table-responsive-xs { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xs > .table-bordered { border: 0; } } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1659.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } @media (max-width: 1899.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #fff; background-color: rgba(255, 255, 255, 0.25); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff; } .form-control:focus { color: #fff; background-color: rgba(255, 255, 255, 0.25); border-color: #5db0ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .form-control::placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: rgba(255, 255, 255, 0.15); opacity: 1; } input[type="date"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control, input[type="time"].form-control { appearance: none; } select.form-control:focus::-ms-value { color: #fff; background-color: rgba(255, 255, 255, 0.25); } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.4375rem + 1px); padding-bottom: calc(0.4375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 0.875rem; line-height: 1.8; } .col-form-label-sm { padding-top: calc(0.3125rem + 1px); padding-bottom: calc(0.3125rem + 1px); font-size: 0.75rem; line-height: 1.4; } .form-control-plaintext { display: block; width: 100%; padding: 0.4375rem 0; margin-bottom: 0; font-size: 0.75rem; line-height: 1.5; color: rgba(255, 255, 255, 0.65); background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.4em + 0.625rem + 2px); padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.4; border-radius: 3px; } .form-control-lg { height: calc(1.8em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.8; border-radius: 6px; } select.form-control[multiple], select.form-control[size] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: #666; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.6875rem; color: #04c142; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.6875rem; line-height: 1.5; color: #fff; background-color: rgba(4, 193, 66, 0.9); border-radius: 4px; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #04c142; padding-right: calc(1.5em + 0.875rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2304c142' d='M2.3 6.73L.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.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #04c142; box-shadow: 0 0 0 0.2rem rgba(4, 193, 66, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #04c142; padding-right: calc(0.75em + 2.40625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231a1a1a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2304c142' d='M2.3 6.73L.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.1z'/%3e%3c/svg%3e") rgba(255, 255, 255, 0.25) no-repeat center right 1.75rem / calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #04c142; box-shadow: 0 0 0 0.2rem rgba(4, 193, 66, 0.25); } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #04c142; } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #04c142; } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: #04c142; } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #05f353; background-color: #05f353; } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(4, 193, 66, 0.25); } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #04c142; } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #04c142; } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #04c142; box-shadow: 0 0 0 0.2rem rgba(4, 193, 66, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.6875rem; color: #ff3502; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.6875rem; line-height: 1.5; color: #fff; background-color: rgba(255, 53, 2, 0.9); border-radius: 4px; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #ff3502; padding-right: calc(1.5em + 0.875rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff3502' viewBox='0 0 12 12'%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='%23ff3502' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.21875rem) center; background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #ff3502; box-shadow: 0 0 0 0.2rem rgba(255, 53, 2, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.875rem); background-position: top calc(0.375em + 0.21875rem) right calc(0.375em + 0.21875rem); } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #ff3502; padding-right: calc(0.75em + 2.40625rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231a1a1a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff3502' viewBox='0 0 12 12'%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='%23ff3502' stroke='none'/%3e%3c/svg%3e") rgba(255, 255, 255, 0.25) no-repeat center right 1.75rem / calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #ff3502; box-shadow: 0 0 0 0.2rem rgba(255, 53, 2, 0.25); } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #ff3502; } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #ff3502; } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: #ff3502; } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: #ff5e35; background-color: #ff5e35; } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(255, 53, 2, 0.25); } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #ff3502; } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #ff3502; } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #ff3502; box-shadow: 0 0 0 0.2rem rgba(255, 53, 2, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .custom-select, .form-inline .input-group { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: rgba(255, 255, 255, 0.65); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 0.75rem; font-size: 0.75rem; line-height: 1.5; border-radius: 4px; 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 { transition: none; } } .btn:hover { color: rgba(255, 255, 255, 0.65); text-decoration: none; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #006cff; border-color: #006cff; } .btn-primary:hover { color: #fff; background-color: #005cd9; border-color: #0056cc; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #005cd9; border-color: #0056cc; box-shadow: 0 0 0 0 rgba(38, 130, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #006cff; border-color: #006cff; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0056cc; border-color: #0051bf; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 130, 255, 0.5); } .btn-secondary { color: #fff; background-color: #666; border-color: #666; } .btn-secondary:hover { color: #fff; background-color: #535353; border-color: #4d4d4d; } .btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #535353; border-color: #4d4d4d; box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #666; border-color: #666; } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #464646; } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-success { color: #fff; background-color: #04c142; border-color: #04c142; } .btn-success:hover { color: #fff; background-color: #039c35; border-color: #038f31; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #039c35; border-color: #038f31; box-shadow: 0 0 0 0 rgba(42, 202, 94, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #04c142; border-color: #04c142; } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #038f31; border-color: #03832d; } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(42, 202, 94, 0.5); } .btn-info { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-info:hover { color: #fff; background-color: #00add9; border-color: #00a2cc; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #00add9; border-color: #00a2cc; box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #00a2cc; border-color: #0098bf; } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-warning { color: #fff; background-color: #ff7b01; border-color: #ff7b01; } .btn-warning:hover { color: #fff; background-color: #da6900; border-color: #cd6200; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #da6900; border-color: #cd6200; box-shadow: 0 0 0 0 rgba(255, 143, 39, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #ff7b01; border-color: #ff7b01; } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #cd6200; border-color: #c05c00; } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 143, 39, 0.5); } .btn-danger { color: #fff; background-color: #ff3502; border-color: #ff3502; } .btn-danger:hover { color: #fff; background-color: #db2c00; border-color: #ce2a00; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #db2c00; border-color: #ce2a00; box-shadow: 0 0 0 0 rgba(255, 83, 40, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff3502; border-color: #ff3502; } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ce2a00; border-color: #c12700; } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 83, 40, 0.5); } .btn-light { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; } .btn-light:hover { color: #000; background-color: #dae1e4; border-color: #d3dbde; } .btn-light.focus, .btn-light:focus { color: #000; background-color: #dae1e4; border-color: #d3dbde; box-shadow: 0 0 0 0 rgba(204, 207, 207, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #d3dbde; border-color: #cbd6d9; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(204, 207, 207, 0.5); } .btn-dark { color: #fff; background-color: #000; border-color: #000; } .btn-dark:hover { color: #fff; background-color: #000; border-color: #000; } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-inverse { color: #fff; background-color: #000; border-color: #000; } .btn-inverse:hover { color: #fff; background-color: #000; border-color: #000; } .btn-inverse.focus, .btn-inverse:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-inverse.disabled, .btn-inverse:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-inverse:not(:disabled):not(.disabled).active, .btn-inverse:not(:disabled):not(.disabled):active, .show > .btn-inverse.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-inverse:not(:disabled):not(.disabled).active:focus, .btn-inverse:not(:disabled):not(.disabled):active:focus, .show > .btn-inverse.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black { color: #fff; background-color: #000; border-color: #000; } .btn-black:hover { color: #fff; background-color: #000; border-color: #000; } .btn-black.focus, .btn-black:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled).active:focus, .btn-black:not(:disabled):not(.disabled):active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-white { color: #000; background-color: #fff; border-color: #fff; } .btn-white:hover { color: #000; background-color: #ececec; border-color: #e6e6e6; } .btn-white.focus, .btn-white:focus { color: #000; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0 rgba(217, 217, 217, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #000; background-color: #fff; border-color: #fff; } .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle { color: #000; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(217, 217, 217, 0.5); } .btn-grey { color: #000; background-color: #eee; border-color: #eee; } .btn-grey:hover { color: #000; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-grey.focus, .btn-grey:focus { color: #000; background-color: #dbdbdb; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-grey.disabled, .btn-grey:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active, .show > .btn-grey.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #cecece; } .btn-grey:not(:disabled):not(.disabled).active:focus, .btn-grey:not(:disabled):not(.disabled):active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-muted { color: #000; background-color: #eee; border-color: #eee; } .btn-muted:hover { color: #000; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-muted.focus, .btn-muted:focus { color: #000; background-color: #dbdbdb; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-muted.disabled, .btn-muted:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-muted:not(:disabled):not(.disabled).active, .btn-muted:not(:disabled):not(.disabled):active, .show > .btn-muted.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #cecece; } .btn-muted:not(:disabled):not(.disabled).active:focus, .btn-muted:not(:disabled):not(.disabled):active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-silver { color: #000; background-color: #eee; border-color: #eee; } .btn-silver:hover { color: #000; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-silver.focus, .btn-silver:focus { color: #000; background-color: #dbdbdb; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-silver.disabled, .btn-silver:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-silver:not(:disabled):not(.disabled).active, .btn-silver:not(:disabled):not(.disabled):active, .show > .btn-silver.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #cecece; } .btn-silver:not(:disabled):not(.disabled).active:focus, .btn-silver:not(:disabled):not(.disabled):active:focus, .show > .btn-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-lime { color: #000; background-color: #c2e900; border-color: #c2e900; } .btn-lime:hover { color: #000; background-color: #a2c300; border-color: #98b600; } .btn-lime.focus, .btn-lime:focus { color: #000; background-color: #a2c300; border-color: #98b600; box-shadow: 0 0 0 0 rgba(165, 198, 0, 0.5); } .btn-lime.disabled, .btn-lime:disabled { color: #000; background-color: #c2e900; border-color: #c2e900; } .btn-lime:not(:disabled):not(.disabled).active, .btn-lime:not(:disabled):not(.disabled):active, .show > .btn-lime.dropdown-toggle { color: #000; background-color: #98b600; border-color: #8da900; } .btn-lime:not(:disabled):not(.disabled).active:focus, .btn-lime:not(:disabled):not(.disabled):active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(165, 198, 0, 0.5); } .btn-aqua { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-aqua:hover { color: #fff; background-color: #00add9; border-color: #00a2cc; } .btn-aqua.focus, .btn-aqua:focus { color: #fff; background-color: #00add9; border-color: #00a2cc; box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-aqua.disabled, .btn-aqua:disabled { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-aqua:not(:disabled):not(.disabled).active, .btn-aqua:not(:disabled):not(.disabled):active, .show > .btn-aqua.dropdown-toggle { color: #fff; background-color: #00a2cc; border-color: #0098bf; } .btn-aqua:not(:disabled):not(.disabled).active:focus, .btn-aqua:not(:disabled):not(.disabled):active:focus, .show > .btn-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-outline-primary { color: #006cff; border-color: #006cff; } .btn-outline-primary:hover { color: #fff; background-color: #006cff; border-color: #006cff; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0 rgba(0, 108, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #006cff; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #006cff; border-color: #006cff; } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 108, 255, 0.5); } .btn-outline-secondary { color: #666; border-color: #666; } .btn-outline-secondary:hover { color: #fff; background-color: #666; border-color: #666; } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0 rgba(102, 102, 102, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #666; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #666; border-color: #666; } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(102, 102, 102, 0.5); } .btn-outline-success { color: #04c142; border-color: #04c142; } .btn-outline-success:hover { color: #fff; background-color: #04c142; border-color: #04c142; } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 0 rgba(4, 193, 66, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #04c142; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #04c142; border-color: #04c142; } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(4, 193, 66, 0.5); } .btn-outline-info { color: #00cbff; border-color: #00cbff; } .btn-outline-info:hover { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 0 rgba(0, 203, 255, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #00cbff; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 203, 255, 0.5); } .btn-outline-warning { color: #ff7b01; border-color: #ff7b01; } .btn-outline-warning:hover { color: #fff; background-color: #ff7b01; border-color: #ff7b01; } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 0 rgba(255, 123, 1, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ff7b01; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #ff7b01; border-color: #ff7b01; } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 123, 1, 0.5); } .btn-outline-danger { color: #ff3502; border-color: #ff3502; } .btn-outline-danger:hover { color: #fff; background-color: #ff3502; border-color: #ff3502; } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 0 rgba(255, 53, 2, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff3502; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ff3502; border-color: #ff3502; } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 53, 2, 0.5); } .btn-outline-light { color: #f0f3f4; border-color: #f0f3f4; } .btn-outline-light:hover { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 0 rgba(240, 243, 244, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f0f3f4; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(240, 243, 244, 0.5); } .btn-outline-dark { color: #000; border-color: #000; } .btn-outline-dark:hover { color: #fff; background-color: #000; border-color: #000; } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #000; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-inverse { color: #000; border-color: #000; } .btn-outline-inverse:hover { color: #fff; background-color: #000; border-color: #000; } .btn-outline-inverse.focus, .btn-outline-inverse:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-inverse.disabled, .btn-outline-inverse:disabled { color: #000; background-color: transparent; } .btn-outline-inverse:not(:disabled):not(.disabled).active, .btn-outline-inverse:not(:disabled):not(.disabled):active, .show > .btn-outline-inverse.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-outline-inverse:not(:disabled):not(.disabled).active:focus, .btn-outline-inverse:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-inverse.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-black { color: #000; border-color: #000; } .btn-outline-black:hover { color: #fff; background-color: #000; border-color: #000; } .btn-outline-black.focus, .btn-outline-black:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-black.disabled, .btn-outline-black:disabled { color: #000; background-color: transparent; } .btn-outline-black:not(:disabled):not(.disabled).active, .btn-outline-black:not(:disabled):not(.disabled):active, .show > .btn-outline-black.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-outline-black:not(:disabled):not(.disabled).active:focus, .btn-outline-black:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-white { color: #fff; border-color: #fff; } .btn-outline-white:hover { color: #000; background-color: #fff; border-color: #fff; } .btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show > .btn-outline-white.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff; } .btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-grey { color: #eee; border-color: #eee; } .btn-outline-grey:hover { color: #000; background-color: #eee; border-color: #eee; } .btn-outline-grey.focus, .btn-outline-grey:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-grey.disabled, .btn-outline-grey:disabled { color: #eee; background-color: transparent; } .btn-outline-grey:not(:disabled):not(.disabled).active, .btn-outline-grey:not(:disabled):not(.disabled):active, .show > .btn-outline-grey.dropdown-toggle { color: #000; background-color: #eee; border-color: #eee; } .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .btn-outline-grey:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-muted { color: #eee; border-color: #eee; } .btn-outline-muted:hover { color: #000; background-color: #eee; border-color: #eee; } .btn-outline-muted.focus, .btn-outline-muted:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-muted.disabled, .btn-outline-muted:disabled { color: #eee; background-color: transparent; } .btn-outline-muted:not(:disabled):not(.disabled).active, .btn-outline-muted:not(:disabled):not(.disabled):active, .show > .btn-outline-muted.dropdown-toggle { color: #000; background-color: #eee; border-color: #eee; } .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .btn-outline-muted:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-silver { color: #eee; border-color: #eee; } .btn-outline-silver:hover { color: #000; background-color: #eee; border-color: #eee; } .btn-outline-silver.focus, .btn-outline-silver:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-silver.disabled, .btn-outline-silver:disabled { color: #eee; background-color: transparent; } .btn-outline-silver:not(:disabled):not(.disabled).active, .btn-outline-silver:not(:disabled):not(.disabled):active, .show > .btn-outline-silver.dropdown-toggle { color: #000; background-color: #eee; border-color: #eee; } .btn-outline-silver:not(:disabled):not(.disabled).active:focus, .btn-outline-silver:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-lime { color: #c2e900; border-color: #c2e900; } .btn-outline-lime:hover { color: #000; background-color: #c2e900; border-color: #c2e900; } .btn-outline-lime.focus, .btn-outline-lime:focus { box-shadow: 0 0 0 0 rgba(194, 233, 0, 0.5); } .btn-outline-lime.disabled, .btn-outline-lime:disabled { color: #c2e900; background-color: transparent; } .btn-outline-lime:not(:disabled):not(.disabled).active, .btn-outline-lime:not(:disabled):not(.disabled):active, .show > .btn-outline-lime.dropdown-toggle { color: #000; background-color: #c2e900; border-color: #c2e900; } .btn-outline-lime:not(:disabled):not(.disabled).active:focus, .btn-outline-lime:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(194, 233, 0, 0.5); } .btn-outline-aqua { color: #00cbff; border-color: #00cbff; } .btn-outline-aqua:hover { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-outline-aqua.focus, .btn-outline-aqua:focus { box-shadow: 0 0 0 0 rgba(0, 203, 255, 0.5); } .btn-outline-aqua.disabled, .btn-outline-aqua:disabled { color: #00cbff; background-color: transparent; } .btn-outline-aqua:not(:disabled):not(.disabled).active, .btn-outline-aqua:not(:disabled):not(.disabled):active, .show > .btn-outline-aqua.dropdown-toggle { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-outline-aqua:not(:disabled):not(.disabled).active:focus, .btn-outline-aqua:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 203, 255, 0.5); } .btn-link { font-weight: 400; color: #006cff; text-decoration: none; } .btn-link:hover { color: #004cb3; text-decoration: underline; } .btn-link.focus, .btn-link:focus { text-decoration: underline; } .btn-link.disabled, .btn-link:disabled { color: #666; pointer-events: none; } .btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.8; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.4; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropdown, .dropleft, .dropright, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.6875rem; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 360px) { .dropdown-menu-xs-left { right: auto; left: 0; } .dropdown-menu-xs-right { right: 0; left: auto; } } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1660px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } @media (min-width: 1900px) { .dropdown-menu-xxxl-left { right: auto; left: 0; } .dropdown-menu-xxxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 8px 0; overflow: hidden; border-top: 1px solid #e6e6e6; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #000; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #000; text-decoration: none; background-color: #f2f2f2; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #006cff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #666; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.6875rem; color: #666; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #000; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px; } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { 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, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.46875rem; padding-left: 0.46875rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px; } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append, .input-group-prepend { display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3; } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.4375rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #fff; text-align: center; white-space: nowrap; background-color: rgba(255, 255, 255, 0.15); border: 1px solid transparent; border-radius: 4px; } .input-group-text input[type="checkbox"], .input-group-text input[type="radio"] { margin-top: 0; } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.8em + 1rem + 2px); } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: 0.5rem 1rem; font-size: 0.875rem; line-height: 1.8; border-radius: 6px; } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.4em + 0.625rem + 2px); } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: 0.3125rem 0.625rem; font-size: 0.75rem; line-height: 1.4; border-radius: 3px; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.125rem; padding-left: 1.5rem; color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.0625rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #006cff; background-color: #006cff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #5db0ff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d3ff; border-color: #b3d3ff; } .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label { color: #666; } .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before { background-color: rgba(255, 255, 255, 0.15); } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.0625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: rgba(255, 255, 255, 0.15); border: rgba(255, 255, 255, 0.15) solid 1px; } .custom-control-label::after { position: absolute; top: 0.0625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 4px; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #006cff; background-color: #006cff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 108, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 108, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 108, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.0625rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: rgba(255, 255, 255, 0.15); border-radius: 0.5rem; transition: transform 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) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: rgba(255, 255, 255, 0.15); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 108, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 1.75rem 0.4375rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #fff; vertical-align: middle; background: rgba(255, 255, 255, 0.25) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231a1a1a' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; appearance: none; } .custom-select:focus { border-color: #5db0ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .custom-select:focus::-ms-value { color: #fff; background-color: rgba(255, 255, 255, 0.25); } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #666; background-color: #e6e6e6; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #fff; } .custom-select-sm { height: calc(1.4em + 0.625rem + 2px); padding-top: 0.3125rem; padding-bottom: 0.3125rem; padding-left: 0.625rem; font-size: 0.75rem; } .custom-select-lg { height: calc(1.8em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 0.875rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.875rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.875rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #5db0ff; box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { background-color: rgba(255, 255, 255, 0.15); } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.875rem + 2px); padding: 0.4375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #fff; background-color: rgba(255, 255, 255, 0.25); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.875rem); padding: 0.4375rem 0.75rem; line-height: 1.5; color: #fff; content: "Browse"; background-color: rgba(255, 255, 255, 0.15); border-left: inherit; border-radius: 0 4px 4px 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #333, 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #333, 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #333, 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #006cff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d3ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #ccc; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #006cff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d3ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #ccc; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #006cff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d3ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #ccc; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #ccc; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: gray; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: gray; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: gray; } .custom-control-label::before, .custom-file-label, .custom-select { 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) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #666; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 0 solid #ccc; } .nav-tabs .nav-item { margin-bottom: 0; } .nav-tabs .nav-link { border: 0 solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e6e6e6 #e6e6e6 #ccc; } .nav-tabs .nav-link.disabled { color: #666; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #404040; background-color: rgba(255, 255, 255, 0.25); border-color: #ccc #ccc rgba(255, 255, 255, 0.25); } .nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 4px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #006cff; } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 16px; } .navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.40625rem; padding-bottom: 0.40625rem; margin-right: 16px; font-size: 0.875rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 0.875rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 359.98px) { .navbar-expand-xs > .container, .navbar-expand-xs > .container-fluid, .navbar-expand-xs > .container-lg, .navbar-expand-xs > .container-md, .navbar-expand-xs > .container-sm, .navbar-expand-xs > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 360px) { .navbar-expand-xs { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xs .navbar-nav { flex-direction: row; } .navbar-expand-xs .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xs .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xs > .container, .navbar-expand-xs > .container-fluid, .navbar-expand-xs > .container-lg, .navbar-expand-xs > .container-md, .navbar-expand-xs > .container-sm, .navbar-expand-xs > .container-xl { flex-wrap: nowrap; } .navbar-expand-xs .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xs .navbar-toggler { display: none; } } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1659.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1660px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } @media (max-width: 1899.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1900px) { .navbar-expand-xxxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxxl .navbar-nav { flex-direction: row; } .navbar-expand-xxxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid, .navbar-expand-xxxl > .container-lg, .navbar-expand-xxxl > .container-md, .navbar-expand-xxxl > .container-sm, .navbar-expand-xxxl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xxxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.25); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } .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: 3px; border-top-right-radius: 3px; } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 15px; } .card-title { margin-bottom: 15px; } .card-subtitle { margin-top: -7.5px; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 15px; } .card-header { padding: 15px 15px; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .card-header:first-child { border-radius: 3px 3px 0 0; } .card-footer { padding: 15px 15px; background-color: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(0, 0, 0, 0.15); } .card-footer:last-child { border-radius: 0 0 3px 3px; } .card-header-tabs { margin-right: -7.5px; margin-bottom: -15px; margin-left: -7.5px; border-bottom: 0; } .card-header-pills { margin-right: -7.5px; margin-left: -7.5px; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 15px; border-radius: 3px; } .card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: 3px; border-top-right-radius: 3px; } .card-img, .card-img-bottom { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { 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-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { 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-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 15px; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e6e6e6; border-radius: 4px; } .breadcrumb-item { display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #666; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #666; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 4px; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.25); border: 1px solid transparent; } .page-link:hover { z-index: 2; color: #fff; text-decoration: none; background-color: rgba(255, 255, 255, 0.35); border-color: transparent; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #006cff; border-color: #006cff; } .page-item.disabled .page-link { color: rgba(255, 255, 255, 0.25); pointer-events: none; cursor: auto; background-color: rgba(255, 255, 255, 0.15); border-color: transparent; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 0.875rem; line-height: 1.8; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.6875rem; line-height: 1.4; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; 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) { .badge { transition: none; } } a.badge:focus, a.badge:hover { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #006cff; } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0056cc; } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.5); } .badge-secondary { color: #fff; background-color: #666; } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #4d4d4d; } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5); } .badge-success { color: #fff; background-color: #04c142; } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #038f31; } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(4, 193, 66, 0.5); } .badge-info { color: #fff; background-color: #00cbff; } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #00a2cc; } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 203, 255, 0.5); } .badge-warning { color: #fff; background-color: #ff7b01; } a.badge-warning:focus, a.badge-warning:hover { color: #fff; background-color: #cd6200; } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 123, 1, 0.5); } .badge-danger { color: #fff; background-color: #ff3502; } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #ce2a00; } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 53, 2, 0.5); } .badge-light { color: #000; background-color: #f0f3f4; } a.badge-light:focus, a.badge-light:hover { color: #000; background-color: #d3dbde; } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(240, 243, 244, 0.5); } .badge-dark { color: #fff; background-color: #000; } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #000; } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-inverse { color: #fff; background-color: #000; } a.badge-inverse:focus, a.badge-inverse:hover { color: #fff; background-color: #000; } a.badge-inverse.focus, a.badge-inverse:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-black { color: #fff; background-color: #000; } a.badge-black:focus, a.badge-black:hover { color: #fff; background-color: #000; } a.badge-black.focus, a.badge-black:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-white { color: #000; background-color: #fff; } a.badge-white:focus, a.badge-white:hover { color: #000; background-color: #e6e6e6; } a.badge-white.focus, a.badge-white:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-grey { color: #000; background-color: #eee; } a.badge-grey:focus, a.badge-grey:hover { color: #000; background-color: #d5d5d5; } a.badge-grey.focus, a.badge-grey:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .badge-muted { color: #000; background-color: #eee; } a.badge-muted:focus, a.badge-muted:hover { color: #000; background-color: #d5d5d5; } a.badge-muted.focus, a.badge-muted:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .badge-silver { color: #000; background-color: #eee; } a.badge-silver:focus, a.badge-silver:hover { color: #000; background-color: #d5d5d5; } a.badge-silver.focus, a.badge-silver:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(238, 238, 238, 0.5); } .badge-lime { color: #000; background-color: #c2e900; } a.badge-lime:focus, a.badge-lime:hover { color: #000; background-color: #98b600; } a.badge-lime.focus, a.badge-lime:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(194, 233, 0, 0.5); } .badge-aqua { color: #fff; background-color: #00cbff; } a.badge-aqua:focus, a.badge-aqua:hover { color: #fff; background-color: #00a2cc; } a.badge-aqua.focus, a.badge-aqua:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 203, 255, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgba(255, 255, 255, 0.15); border-radius: 6px; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.9375rem 0.9375rem; margin-bottom: 1.25rem; border: 0 solid transparent; border-radius: 4px; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.9375rem 0.9375rem; color: inherit; } .alert-primary { color: #003885; background-color: #cce2ff; border-color: #b8d6ff; } .alert-primary hr { border-top-color: #9fc7ff; } .alert-primary .alert-link { color: #002352; } .alert-secondary { color: #353535; background-color: #e0e0e0; border-color: #d4d4d4; } .alert-secondary hr { border-top-color: #c7c7c7; } .alert-secondary .alert-link { color: #1c1c1c; } .alert-success { color: #026422; background-color: #cdf3d9; border-color: #b9eeca; } .alert-success hr { border-top-color: #a4e9ba; } .alert-success .alert-link { color: #013211; } .alert-info { color: #006a85; background-color: #ccf5ff; border-color: #b8f0ff; } .alert-info hr { border-top-color: #9febff; } .alert-info .alert-link { color: #004152; } .alert-warning { color: #854001; background-color: #ffe5cc; border-color: #ffdab8; } .alert-warning hr { border-top-color: #ffcd9f; } .alert-warning .alert-link { color: #522801; } .alert-danger { color: #851c01; background-color: #ffd7cc; border-color: #ffc6b8; } .alert-danger hr { border-top-color: #ffb29f; } .alert-danger .alert-link { color: #521101; } .alert-light { color: #7d7e7f; background-color: #fcfdfd; border-color: #fbfcfc; } .alert-light hr { border-top-color: #ecf1f1; } .alert-light .alert-link { color: #646565; } .alert-dark { color: #000; background-color: #ccc; border-color: #b8b8b8; } .alert-dark hr { border-top-color: #ababab; } .alert-dark .alert-link { color: #000; } .alert-inverse { color: #000; background-color: #ccc; border-color: #b8b8b8; } .alert-inverse hr { border-top-color: #ababab; } .alert-inverse .alert-link { color: #000; } .alert-black { color: #000; background-color: #ccc; border-color: #b8b8b8; } .alert-black hr { border-top-color: #ababab; } .alert-black .alert-link { color: #000; } .alert-white { color: #858585; background-color: #fff; border-color: #fff; } .alert-white hr { border-top-color: #f2f2f2; } .alert-white .alert-link { color: #6c6c6c; } .alert-grey { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-grey hr { border-top-color: #ededed; } .alert-grey .alert-link { color: #636363; } .alert-muted { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-muted hr { border-top-color: #ededed; } .alert-muted .alert-link { color: #636363; } .alert-silver { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-silver hr { border-top-color: #ededed; } .alert-silver .alert-link { color: #636363; } .alert-lime { color: #657900; background-color: #f3fbcc; border-color: #eef9b8; } .alert-lime hr { border-top-color: #e8f7a0; } .alert-lime .alert-link { color: #3a4600; } .alert-aqua { color: #006a85; background-color: #ccf5ff; border-color: #b8f0ff; } .alert-aqua hr { border-top-color: #9febff; } .alert-aqua .alert-link { color: #004152; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.5625rem; background-color: #b3b3b3; border-radius: 4px; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #006cff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { 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: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 4px; } .list-group-item-action { width: 100%; color: #404040; text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.5); } .list-group-item-action:active { color: rgba(255, 255, 255, 0.65); background-color: #e6e6e6; } .list-group-item { position: relative; display: block; padding: 10px 15px; color: #fff; background-color: rgba(0, 0, 0, 0.25); border: 1px solid rgba(0, 0, 0, 0.125); } .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: #666; pointer-events: none; background-color: rgba(0, 0, 0, 0.25); } .list-group-item.active { z-index: 2; color: #fff; background-color: #006cff; border-color: #006cff; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 4px; 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: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 360px) { .list-group-horizontal-xs { flex-direction: row; } .list-group-horizontal-xs > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xs > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xs > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xs > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xs > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 4px; 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: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 4px; 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: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 4px; 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: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 4px; 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: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1660px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 4px; 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: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1900px) { .list-group-horizontal-xxxl { flex-direction: row; } .list-group-horizontal-xxxl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xxxl > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0; } .list-group-horizontal-xxxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #003885; background-color: #b8d6ff; } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #003885; background-color: #9fc7ff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #003885; border-color: #003885; } .list-group-item-secondary { color: #353535; background-color: #d4d4d4; } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #353535; background-color: #c7c7c7; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #353535; border-color: #353535; } .list-group-item-success { color: #026422; background-color: #b9eeca; } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #026422; background-color: #a4e9ba; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #026422; border-color: #026422; } .list-group-item-info { color: #006a85; background-color: #b8f0ff; } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #006a85; background-color: #9febff; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #006a85; border-color: #006a85; } .list-group-item-warning { color: #854001; background-color: #ffdab8; } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #854001; background-color: #ffcd9f; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #854001; border-color: #854001; } .list-group-item-danger { color: #851c01; background-color: #ffc6b8; } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #851c01; background-color: #ffb29f; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #851c01; border-color: #851c01; } .list-group-item-light { color: #7d7e7f; background-color: #fbfcfc; } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #7d7e7f; background-color: #ecf1f1; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7d7e7f; border-color: #7d7e7f; } .list-group-item-dark { color: #000; background-color: #b8b8b8; } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #000; background-color: #ababab; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #000; border-color: #000; } .list-group-item-inverse { color: #000; background-color: #b8b8b8; } .list-group-item-inverse.list-group-item-action:focus, .list-group-item-inverse.list-group-item-action:hover { color: #000; background-color: #ababab; } .list-group-item-inverse.list-group-item-action.active { color: #fff; background-color: #000; border-color: #000; } .list-group-item-black { color: #000; background-color: #b8b8b8; } .list-group-item-black.list-group-item-action:focus, .list-group-item-black.list-group-item-action:hover { color: #000; background-color: #ababab; } .list-group-item-black.list-group-item-action.active { color: #fff; background-color: #000; border-color: #000; } .list-group-item-white { color: #858585; background-color: #fff; } .list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover { color: #858585; background-color: #f2f2f2; } .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-grey { color: #7c7c7c; background-color: #fafafa; } .list-group-item-grey.list-group-item-action:focus, .list-group-item-grey.list-group-item-action:hover { color: #7c7c7c; background-color: #ededed; } .list-group-item-grey.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-muted { color: #7c7c7c; background-color: #fafafa; } .list-group-item-muted.list-group-item-action:focus, .list-group-item-muted.list-group-item-action:hover { color: #7c7c7c; background-color: #ededed; } .list-group-item-muted.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-silver { color: #7c7c7c; background-color: #fafafa; } .list-group-item-silver.list-group-item-action:focus, .list-group-item-silver.list-group-item-action:hover { color: #7c7c7c; background-color: #ededed; } .list-group-item-silver.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-lime { color: #657900; background-color: #eef9b8; } .list-group-item-lime.list-group-item-action:focus, .list-group-item-lime.list-group-item-action:hover { color: #657900; background-color: #e8f7a0; } .list-group-item-lime.list-group-item-action.active { color: #fff; background-color: #657900; border-color: #657900; } .list-group-item-aqua { color: #006a85; background-color: #b8f0ff; } .list-group-item-aqua.list-group-item-action:focus, .list-group-item-aqua.list-group-item-action:hover { color: #006a85; background-color: #9febff; } .list-group-item-aqua.list-group-item-action.active { color: #fff; background-color: #006a85; border-color: #006a85; } .close { float: right; font-size: 1.125rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #666; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 15px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header .close { padding: 15px 15px; margin: -15px -15px -15px auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.6875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow { bottom: 0; } .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom { padding: 0.4rem 0; } .bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow { top: 0; } .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left { padding: 0 0.4rem; } .bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.6875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 6px; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^="top"], .bs-popover-top { margin-bottom: 0.5rem; } .bs-popover-auto[x-placement^="top"] > .arrow, .bs-popover-top > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-auto[x-placement^="top"] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="top"] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-auto[x-placement^="right"], .bs-popover-right { margin-left: 0.5rem; } .bs-popover-auto[x-placement^="right"] > .arrow, .bs-popover-right > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 6px 0; } .bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom { margin-top: 0.5rem; } .bs-popover-auto[x-placement^="bottom"] > .arrow, .bs-popover-bottom > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-auto[x-placement^="bottom"] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="bottom"] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-auto[x-placement^="left"], .bs-popover-left { margin-right: 0.5rem; } .bs-popover-auto[x-placement^="left"] > .arrow, .bs-popover-left > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 6px 0; } .bs-popover-auto[x-placement^="left"] > .arrow::before, .bs-popover-left > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^="left"] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: 5px; border-top-right-radius: 5px; } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: rgba(255, 255, 255, 0.65); } .carousel { position: relative; } .carousel.pointer-event { 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%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%); } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .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; } .bg-primary { background-color: #006cff !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0056cc !important; } .bg-secondary { background-color: #666 !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #4d4d4d !important; } .bg-success { background-color: #04c142 !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #038f31 !important; } .bg-info { background-color: #00cbff !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #00a2cc !important; } .bg-warning { background-color: #ff7b01 !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #cd6200 !important; } .bg-danger { background-color: #ff3502 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #ce2a00 !important; } .bg-light { background-color: #f0f3f4 !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #d3dbde !important; } .bg-dark { background-color: #000 !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #000 !important; } .bg-inverse { background-color: #000 !important; } a.bg-inverse:focus, a.bg-inverse:hover, button.bg-inverse:focus, button.bg-inverse:hover { background-color: #000 !important; } .bg-black { background-color: #000 !important; } a.bg-black:focus, a.bg-black:hover, button.bg-black:focus, button.bg-black:hover { background-color: #000 !important; } .bg-white { background-color: #fff !important; } a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover { background-color: #e6e6e6 !important; } .bg-grey { background-color: #eee !important; } a.bg-grey:focus, a.bg-grey:hover, button.bg-grey:focus, button.bg-grey:hover { background-color: #d5d5d5 !important; } .bg-muted { background-color: #eee !important; } a.bg-muted:focus, a.bg-muted:hover, button.bg-muted:focus, button.bg-muted:hover { background-color: #d5d5d5 !important; } .bg-silver { background-color: #eee !important; } a.bg-silver:focus, a.bg-silver:hover, button.bg-silver:focus, button.bg-silver:hover { background-color: #d5d5d5 !important; } .bg-lime { background-color: #c2e900 !important; } a.bg-lime:focus, a.bg-lime:hover, button.bg-lime:focus, button.bg-lime:hover { background-color: #98b600 !important; } .bg-aqua { background-color: #00cbff !important; } a.bg-aqua:focus, a.bg-aqua:hover, button.bg-aqua:focus, button.bg-aqua:hover { background-color: #00a2cc !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid rgba(255, 255, 255, 0.25) !important; } .border-top { border-top: 1px solid rgba(255, 255, 255, 0.25) !important; } .border-right { border-right: 1px solid rgba(255, 255, 255, 0.25) !important; } .border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; } .border-left { border-left: 1px solid rgba(255, 255, 255, 0.25) !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #006cff !important; } .border-secondary { border-color: #666 !important; } .border-success { border-color: #04c142 !important; } .border-info { border-color: #00cbff !important; } .border-warning { border-color: #ff7b01 !important; } .border-danger { border-color: #ff3502 !important; } .border-light { border-color: #f0f3f4 !important; } .border-dark { border-color: #000 !important; } .border-inverse { border-color: #000 !important; } .border-black { border-color: #000 !important; } .border-white { border-color: #fff !important; } .border-grey { border-color: #eee !important; } .border-muted { border-color: #eee !important; } .border-silver { border-color: #eee !important; } .border-lime { border-color: #c2e900 !important; } .border-aqua { border-color: #00cbff !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 3px !important; } .rounded { border-radius: 4px !important; } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; } .rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; } .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; } .rounded-lg { border-radius: 6px !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 360px) { .d-xs-none { display: none !important; } .d-xs-inline { display: inline !important; } .d-xs-inline-block { display: inline-block !important; } .d-xs-block { display: block !important; } .d-xs-table { display: table !important; } .d-xs-table-row { display: table-row !important; } .d-xs-table-cell { display: table-cell !important; } .d-xs-flex { display: flex !important; } .d-xs-inline-flex { display: inline-flex !important; } } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !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: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !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: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !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: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !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: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1660px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !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: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media (min-width: 1900px) { .d-xxxl-none { display: none !important; } .d-xxxl-inline { display: inline !important; } .d-xxxl-inline-block { display: inline-block !important; } .d-xxxl-block { display: block !important; } .d-xxxl-table { display: table !important; } .d-xxxl-table-row { display: table-row !important; } .d-xxxl-table-cell { display: table-cell !important; } .d-xxxl-flex { display: flex !important; } .d-xxxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !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: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 360px) { .flex-xs-row { flex-direction: row !important; } .flex-xs-column { flex-direction: column !important; } .flex-xs-row-reverse { flex-direction: row-reverse !important; } .flex-xs-column-reverse { flex-direction: column-reverse !important; } .flex-xs-wrap { flex-wrap: wrap !important; } .flex-xs-nowrap { flex-wrap: nowrap !important; } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xs-fill { flex: 1 1 auto !important; } .flex-xs-grow-0 { flex-grow: 0 !important; } .flex-xs-grow-1 { flex-grow: 1 !important; } .flex-xs-shrink-0 { flex-shrink: 0 !important; } .flex-xs-shrink-1 { flex-shrink: 1 !important; } .justify-content-xs-start { justify-content: flex-start !important; } .justify-content-xs-end { justify-content: flex-end !important; } .justify-content-xs-center { justify-content: center !important; } .justify-content-xs-between { justify-content: space-between !important; } .justify-content-xs-around { justify-content: space-around !important; } .align-items-xs-start { align-items: flex-start !important; } .align-items-xs-end { align-items: flex-end !important; } .align-items-xs-center { align-items: center !important; } .align-items-xs-baseline { align-items: baseline !important; } .align-items-xs-stretch { align-items: stretch !important; } .align-content-xs-start { align-content: flex-start !important; } .align-content-xs-end { align-content: flex-end !important; } .align-content-xs-center { align-content: center !important; } .align-content-xs-between { align-content: space-between !important; } .align-content-xs-around { align-content: space-around !important; } .align-content-xs-stretch { align-content: stretch !important; } .align-self-xs-auto { align-self: auto !important; } .align-self-xs-start { align-self: flex-start !important; } .align-self-xs-end { align-self: flex-end !important; } .align-self-xs-center { align-self: center !important; } .align-self-xs-baseline { align-self: baseline !important; } .align-self-xs-stretch { align-self: stretch !important; } } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1660px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } @media (min-width: 1900px) { .flex-xxxl-row { flex-direction: row !important; } .flex-xxxl-column { flex-direction: column !important; } .flex-xxxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxxl-wrap { flex-wrap: wrap !important; } .flex-xxxl-nowrap { flex-wrap: nowrap !important; } .flex-xxxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxxl-fill { flex: 1 1 auto !important; } .flex-xxxl-grow-0 { flex-grow: 0 !important; } .flex-xxxl-grow-1 { flex-grow: 1 !important; } .flex-xxxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxxl-start { justify-content: flex-start !important; } .justify-content-xxxl-end { justify-content: flex-end !important; } .justify-content-xxxl-center { justify-content: center !important; } .justify-content-xxxl-between { justify-content: space-between !important; } .justify-content-xxxl-around { justify-content: space-around !important; } .align-items-xxxl-start { align-items: flex-start !important; } .align-items-xxxl-end { align-items: flex-end !important; } .align-items-xxxl-center { align-items: center !important; } .align-items-xxxl-baseline { align-items: baseline !important; } .align-items-xxxl-stretch { align-items: stretch !important; } .align-content-xxxl-start { align-content: flex-start !important; } .align-content-xxxl-end { align-content: flex-end !important; } .align-content-xxxl-center { align-content: center !important; } .align-content-xxxl-between { align-content: space-between !important; } .align-content-xxxl-around { align-content: space-around !important; } .align-content-xxxl-stretch { align-content: stretch !important; } .align-self-xxxl-auto { align-self: auto !important; } .align-self-xxxl-start { align-self: flex-start !important; } .align-self-xxxl-end { align-self: flex-end !important; } .align-self-xxxl-center { align-self: center !important; } .align-self-xxxl-baseline { align-self: baseline !important; } .align-self-xxxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 360px) { .float-xs-left { float: left !important; } .float-xs-right { float: right !important; } .float-xs-none { float: none !important; } } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1660px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } @media (min-width: 1900px) { .float-xxxl-left { float: left !important; } .float-xxxl-right { float: right !important; } .float-xxxl-none { float: none !important; } } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .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; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .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; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .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; } .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; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 4px !important; } .mt-1, .my-1 { margin-top: 4px !important; } .mr-1, .mx-1 { margin-right: 4px !important; } .mb-1, .my-1 { margin-bottom: 4px !important; } .ml-1, .mx-1 { margin-left: 4px !important; } .m-2 { margin: 8px !important; } .mt-2, .my-2 { margin-top: 8px !important; } .mr-2, .mx-2 { margin-right: 8px !important; } .mb-2, .my-2 { margin-bottom: 8px !important; } .ml-2, .mx-2 { margin-left: 8px !important; } .m-3 { margin: 16px !important; } .mt-3, .my-3 { margin-top: 16px !important; } .mr-3, .mx-3 { margin-right: 16px !important; } .mb-3, .my-3 { margin-bottom: 16px !important; } .ml-3, .mx-3 { margin-left: 16px !important; } .m-4 { margin: 24px !important; } .mt-4, .my-4 { margin-top: 24px !important; } .mr-4, .mx-4 { margin-right: 24px !important; } .mb-4, .my-4 { margin-bottom: 24px !important; } .ml-4, .mx-4 { margin-left: 24px !important; } .m-5 { margin: 48px !important; } .mt-5, .my-5 { margin-top: 48px !important; } .mr-5, .mx-5 { margin-right: 48px !important; } .mb-5, .my-5 { margin-bottom: 48px !important; } .ml-5, .mx-5 { margin-left: 48px !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 4px !important; } .pt-1, .py-1 { padding-top: 4px !important; } .pr-1, .px-1 { padding-right: 4px !important; } .pb-1, .py-1 { padding-bottom: 4px !important; } .pl-1, .px-1 { padding-left: 4px !important; } .p-2 { padding: 8px !important; } .pt-2, .py-2 { padding-top: 8px !important; } .pr-2, .px-2 { padding-right: 8px !important; } .pb-2, .py-2 { padding-bottom: 8px !important; } .pl-2, .px-2 { padding-left: 8px !important; } .p-3 { padding: 16px !important; } .pt-3, .py-3 { padding-top: 16px !important; } .pr-3, .px-3 { padding-right: 16px !important; } .pb-3, .py-3 { padding-bottom: 16px !important; } .pl-3, .px-3 { padding-left: 16px !important; } .p-4 { padding: 24px !important; } .pt-4, .py-4 { padding-top: 24px !important; } .pr-4, .px-4 { padding-right: 24px !important; } .pb-4, .py-4 { padding-bottom: 24px !important; } .pl-4, .px-4 { padding-left: 24px !important; } .p-5 { padding: 48px !important; } .pt-5, .py-5 { padding-top: 48px !important; } .pr-5, .px-5 { padding-right: 48px !important; } .pb-5, .py-5 { padding-bottom: 48px !important; } .pl-5, .px-5 { padding-left: 48px !important; } .m-n1 { margin: -4px !important; } .mt-n1, .my-n1 { margin-top: -4px !important; } .mr-n1, .mx-n1 { margin-right: -4px !important; } .mb-n1, .my-n1 { margin-bottom: -4px !important; } .ml-n1, .mx-n1 { margin-left: -4px !important; } .m-n2 { margin: -8px !important; } .mt-n2, .my-n2 { margin-top: -8px !important; } .mr-n2, .mx-n2 { margin-right: -8px !important; } .mb-n2, .my-n2 { margin-bottom: -8px !important; } .ml-n2, .mx-n2 { margin-left: -8px !important; } .m-n3 { margin: -16px !important; } .mt-n3, .my-n3 { margin-top: -16px !important; } .mr-n3, .mx-n3 { margin-right: -16px !important; } .mb-n3, .my-n3 { margin-bottom: -16px !important; } .ml-n3, .mx-n3 { margin-left: -16px !important; } .m-n4 { margin: -24px !important; } .mt-n4, .my-n4 { margin-top: -24px !important; } .mr-n4, .mx-n4 { margin-right: -24px !important; } .mb-n4, .my-n4 { margin-bottom: -24px !important; } .ml-n4, .mx-n4 { margin-left: -24px !important; } .m-n5 { margin: -48px !important; } .mt-n5, .my-n5 { margin-top: -48px !important; } .mr-n5, .mx-n5 { margin-right: -48px !important; } .mb-n5, .my-n5 { margin-bottom: -48px !important; } .ml-n5, .mx-n5 { margin-left: -48px !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 360px) { .m-xs-0 { margin: 0 !important; } .mt-xs-0, .my-xs-0 { margin-top: 0 !important; } .mr-xs-0, .mx-xs-0 { margin-right: 0 !important; } .mb-xs-0, .my-xs-0 { margin-bottom: 0 !important; } .ml-xs-0, .mx-xs-0 { margin-left: 0 !important; } .m-xs-1 { margin: 4px !important; } .mt-xs-1, .my-xs-1 { margin-top: 4px !important; } .mr-xs-1, .mx-xs-1 { margin-right: 4px !important; } .mb-xs-1, .my-xs-1 { margin-bottom: 4px !important; } .ml-xs-1, .mx-xs-1 { margin-left: 4px !important; } .m-xs-2 { margin: 8px !important; } .mt-xs-2, .my-xs-2 { margin-top: 8px !important; } .mr-xs-2, .mx-xs-2 { margin-right: 8px !important; } .mb-xs-2, .my-xs-2 { margin-bottom: 8px !important; } .ml-xs-2, .mx-xs-2 { margin-left: 8px !important; } .m-xs-3 { margin: 16px !important; } .mt-xs-3, .my-xs-3 { margin-top: 16px !important; } .mr-xs-3, .mx-xs-3 { margin-right: 16px !important; } .mb-xs-3, .my-xs-3 { margin-bottom: 16px !important; } .ml-xs-3, .mx-xs-3 { margin-left: 16px !important; } .m-xs-4 { margin: 24px !important; } .mt-xs-4, .my-xs-4 { margin-top: 24px !important; } .mr-xs-4, .mx-xs-4 { margin-right: 24px !important; } .mb-xs-4, .my-xs-4 { margin-bottom: 24px !important; } .ml-xs-4, .mx-xs-4 { margin-left: 24px !important; } .m-xs-5 { margin: 48px !important; } .mt-xs-5, .my-xs-5 { margin-top: 48px !important; } .mr-xs-5, .mx-xs-5 { margin-right: 48px !important; } .mb-xs-5, .my-xs-5 { margin-bottom: 48px !important; } .ml-xs-5, .mx-xs-5 { margin-left: 48px !important; } .p-xs-0 { padding: 0 !important; } .pt-xs-0, .py-xs-0 { padding-top: 0 !important; } .pr-xs-0, .px-xs-0 { padding-right: 0 !important; } .pb-xs-0, .py-xs-0 { padding-bottom: 0 !important; } .pl-xs-0, .px-xs-0 { padding-left: 0 !important; } .p-xs-1 { padding: 4px !important; } .pt-xs-1, .py-xs-1 { padding-top: 4px !important; } .pr-xs-1, .px-xs-1 { padding-right: 4px !important; } .pb-xs-1, .py-xs-1 { padding-bottom: 4px !important; } .pl-xs-1, .px-xs-1 { padding-left: 4px !important; } .p-xs-2 { padding: 8px !important; } .pt-xs-2, .py-xs-2 { padding-top: 8px !important; } .pr-xs-2, .px-xs-2 { padding-right: 8px !important; } .pb-xs-2, .py-xs-2 { padding-bottom: 8px !important; } .pl-xs-2, .px-xs-2 { padding-left: 8px !important; } .p-xs-3 { padding: 16px !important; } .pt-xs-3, .py-xs-3 { padding-top: 16px !important; } .pr-xs-3, .px-xs-3 { padding-right: 16px !important; } .pb-xs-3, .py-xs-3 { padding-bottom: 16px !important; } .pl-xs-3, .px-xs-3 { padding-left: 16px !important; } .p-xs-4 { padding: 24px !important; } .pt-xs-4, .py-xs-4 { padding-top: 24px !important; } .pr-xs-4, .px-xs-4 { padding-right: 24px !important; } .pb-xs-4, .py-xs-4 { padding-bottom: 24px !important; } .pl-xs-4, .px-xs-4 { padding-left: 24px !important; } .p-xs-5 { padding: 48px !important; } .pt-xs-5, .py-xs-5 { padding-top: 48px !important; } .pr-xs-5, .px-xs-5 { padding-right: 48px !important; } .pb-xs-5, .py-xs-5 { padding-bottom: 48px !important; } .pl-xs-5, .px-xs-5 { padding-left: 48px !important; } .m-xs-n1 { margin: -4px !important; } .mt-xs-n1, .my-xs-n1 { margin-top: -4px !important; } .mr-xs-n1, .mx-xs-n1 { margin-right: -4px !important; } .mb-xs-n1, .my-xs-n1 { margin-bottom: -4px !important; } .ml-xs-n1, .mx-xs-n1 { margin-left: -4px !important; } .m-xs-n2 { margin: -8px !important; } .mt-xs-n2, .my-xs-n2 { margin-top: -8px !important; } .mr-xs-n2, .mx-xs-n2 { margin-right: -8px !important; } .mb-xs-n2, .my-xs-n2 { margin-bottom: -8px !important; } .ml-xs-n2, .mx-xs-n2 { margin-left: -8px !important; } .m-xs-n3 { margin: -16px !important; } .mt-xs-n3, .my-xs-n3 { margin-top: -16px !important; } .mr-xs-n3, .mx-xs-n3 { margin-right: -16px !important; } .mb-xs-n3, .my-xs-n3 { margin-bottom: -16px !important; } .ml-xs-n3, .mx-xs-n3 { margin-left: -16px !important; } .m-xs-n4 { margin: -24px !important; } .mt-xs-n4, .my-xs-n4 { margin-top: -24px !important; } .mr-xs-n4, .mx-xs-n4 { margin-right: -24px !important; } .mb-xs-n4, .my-xs-n4 { margin-bottom: -24px !important; } .ml-xs-n4, .mx-xs-n4 { margin-left: -24px !important; } .m-xs-n5 { margin: -48px !important; } .mt-xs-n5, .my-xs-n5 { margin-top: -48px !important; } .mr-xs-n5, .mx-xs-n5 { margin-right: -48px !important; } .mb-xs-n5, .my-xs-n5 { margin-bottom: -48px !important; } .ml-xs-n5, .mx-xs-n5 { margin-left: -48px !important; } .m-xs-auto { margin: auto !important; } .mt-xs-auto, .my-xs-auto { margin-top: auto !important; } .mr-xs-auto, .mx-xs-auto { margin-right: auto !important; } .mb-xs-auto, .my-xs-auto { margin-bottom: auto !important; } .ml-xs-auto, .mx-xs-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 4px !important; } .mt-sm-1, .my-sm-1 { margin-top: 4px !important; } .mr-sm-1, .mx-sm-1 { margin-right: 4px !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 4px !important; } .ml-sm-1, .mx-sm-1 { margin-left: 4px !important; } .m-sm-2 { margin: 8px !important; } .mt-sm-2, .my-sm-2 { margin-top: 8px !important; } .mr-sm-2, .mx-sm-2 { margin-right: 8px !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 8px !important; } .ml-sm-2, .mx-sm-2 { margin-left: 8px !important; } .m-sm-3 { margin: 16px !important; } .mt-sm-3, .my-sm-3 { margin-top: 16px !important; } .mr-sm-3, .mx-sm-3 { margin-right: 16px !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 16px !important; } .ml-sm-3, .mx-sm-3 { margin-left: 16px !important; } .m-sm-4 { margin: 24px !important; } .mt-sm-4, .my-sm-4 { margin-top: 24px !important; } .mr-sm-4, .mx-sm-4 { margin-right: 24px !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 24px !important; } .ml-sm-4, .mx-sm-4 { margin-left: 24px !important; } .m-sm-5 { margin: 48px !important; } .mt-sm-5, .my-sm-5 { margin-top: 48px !important; } .mr-sm-5, .mx-sm-5 { margin-right: 48px !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 48px !important; } .ml-sm-5, .mx-sm-5 { margin-left: 48px !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 4px !important; } .pt-sm-1, .py-sm-1 { padding-top: 4px !important; } .pr-sm-1, .px-sm-1 { padding-right: 4px !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 4px !important; } .pl-sm-1, .px-sm-1 { padding-left: 4px !important; } .p-sm-2 { padding: 8px !important; } .pt-sm-2, .py-sm-2 { padding-top: 8px !important; } .pr-sm-2, .px-sm-2 { padding-right: 8px !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 8px !important; } .pl-sm-2, .px-sm-2 { padding-left: 8px !important; } .p-sm-3 { padding: 16px !important; } .pt-sm-3, .py-sm-3 { padding-top: 16px !important; } .pr-sm-3, .px-sm-3 { padding-right: 16px !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 16px !important; } .pl-sm-3, .px-sm-3 { padding-left: 16px !important; } .p-sm-4 { padding: 24px !important; } .pt-sm-4, .py-sm-4 { padding-top: 24px !important; } .pr-sm-4, .px-sm-4 { padding-right: 24px !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 24px !important; } .pl-sm-4, .px-sm-4 { padding-left: 24px !important; } .p-sm-5 { padding: 48px !important; } .pt-sm-5, .py-sm-5 { padding-top: 48px !important; } .pr-sm-5, .px-sm-5 { padding-right: 48px !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 48px !important; } .pl-sm-5, .px-sm-5 { padding-left: 48px !important; } .m-sm-n1 { margin: -4px !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -4px !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -4px !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -4px !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -4px !important; } .m-sm-n2 { margin: -8px !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -8px !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -8px !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -8px !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -8px !important; } .m-sm-n3 { margin: -16px !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -16px !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -16px !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -16px !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -16px !important; } .m-sm-n4 { margin: -24px !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -24px !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -24px !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -24px !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -24px !important; } .m-sm-n5 { margin: -48px !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -48px !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -48px !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -48px !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -48px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 4px !important; } .mt-md-1, .my-md-1 { margin-top: 4px !important; } .mr-md-1, .mx-md-1 { margin-right: 4px !important; } .mb-md-1, .my-md-1 { margin-bottom: 4px !important; } .ml-md-1, .mx-md-1 { margin-left: 4px !important; } .m-md-2 { margin: 8px !important; } .mt-md-2, .my-md-2 { margin-top: 8px !important; } .mr-md-2, .mx-md-2 { margin-right: 8px !important; } .mb-md-2, .my-md-2 { margin-bottom: 8px !important; } .ml-md-2, .mx-md-2 { margin-left: 8px !important; } .m-md-3 { margin: 16px !important; } .mt-md-3, .my-md-3 { margin-top: 16px !important; } .mr-md-3, .mx-md-3 { margin-right: 16px !important; } .mb-md-3, .my-md-3 { margin-bottom: 16px !important; } .ml-md-3, .mx-md-3 { margin-left: 16px !important; } .m-md-4 { margin: 24px !important; } .mt-md-4, .my-md-4 { margin-top: 24px !important; } .mr-md-4, .mx-md-4 { margin-right: 24px !important; } .mb-md-4, .my-md-4 { margin-bottom: 24px !important; } .ml-md-4, .mx-md-4 { margin-left: 24px !important; } .m-md-5 { margin: 48px !important; } .mt-md-5, .my-md-5 { margin-top: 48px !important; } .mr-md-5, .mx-md-5 { margin-right: 48px !important; } .mb-md-5, .my-md-5 { margin-bottom: 48px !important; } .ml-md-5, .mx-md-5 { margin-left: 48px !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 4px !important; } .pt-md-1, .py-md-1 { padding-top: 4px !important; } .pr-md-1, .px-md-1 { padding-right: 4px !important; } .pb-md-1, .py-md-1 { padding-bottom: 4px !important; } .pl-md-1, .px-md-1 { padding-left: 4px !important; } .p-md-2 { padding: 8px !important; } .pt-md-2, .py-md-2 { padding-top: 8px !important; } .pr-md-2, .px-md-2 { padding-right: 8px !important; } .pb-md-2, .py-md-2 { padding-bottom: 8px !important; } .pl-md-2, .px-md-2 { padding-left: 8px !important; } .p-md-3 { padding: 16px !important; } .pt-md-3, .py-md-3 { padding-top: 16px !important; } .pr-md-3, .px-md-3 { padding-right: 16px !important; } .pb-md-3, .py-md-3 { padding-bottom: 16px !important; } .pl-md-3, .px-md-3 { padding-left: 16px !important; } .p-md-4 { padding: 24px !important; } .pt-md-4, .py-md-4 { padding-top: 24px !important; } .pr-md-4, .px-md-4 { padding-right: 24px !important; } .pb-md-4, .py-md-4 { padding-bottom: 24px !important; } .pl-md-4, .px-md-4 { padding-left: 24px !important; } .p-md-5 { padding: 48px !important; } .pt-md-5, .py-md-5 { padding-top: 48px !important; } .pr-md-5, .px-md-5 { padding-right: 48px !important; } .pb-md-5, .py-md-5 { padding-bottom: 48px !important; } .pl-md-5, .px-md-5 { padding-left: 48px !important; } .m-md-n1 { margin: -4px !important; } .mt-md-n1, .my-md-n1 { margin-top: -4px !important; } .mr-md-n1, .mx-md-n1 { margin-right: -4px !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -4px !important; } .ml-md-n1, .mx-md-n1 { margin-left: -4px !important; } .m-md-n2 { margin: -8px !important; } .mt-md-n2, .my-md-n2 { margin-top: -8px !important; } .mr-md-n2, .mx-md-n2 { margin-right: -8px !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -8px !important; } .ml-md-n2, .mx-md-n2 { margin-left: -8px !important; } .m-md-n3 { margin: -16px !important; } .mt-md-n3, .my-md-n3 { margin-top: -16px !important; } .mr-md-n3, .mx-md-n3 { margin-right: -16px !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -16px !important; } .ml-md-n3, .mx-md-n3 { margin-left: -16px !important; } .m-md-n4 { margin: -24px !important; } .mt-md-n4, .my-md-n4 { margin-top: -24px !important; } .mr-md-n4, .mx-md-n4 { margin-right: -24px !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -24px !important; } .ml-md-n4, .mx-md-n4 { margin-left: -24px !important; } .m-md-n5 { margin: -48px !important; } .mt-md-n5, .my-md-n5 { margin-top: -48px !important; } .mr-md-n5, .mx-md-n5 { margin-right: -48px !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -48px !important; } .ml-md-n5, .mx-md-n5 { margin-left: -48px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 4px !important; } .mt-lg-1, .my-lg-1 { margin-top: 4px !important; } .mr-lg-1, .mx-lg-1 { margin-right: 4px !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 4px !important; } .ml-lg-1, .mx-lg-1 { margin-left: 4px !important; } .m-lg-2 { margin: 8px !important; } .mt-lg-2, .my-lg-2 { margin-top: 8px !important; } .mr-lg-2, .mx-lg-2 { margin-right: 8px !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 8px !important; } .ml-lg-2, .mx-lg-2 { margin-left: 8px !important; } .m-lg-3 { margin: 16px !important; } .mt-lg-3, .my-lg-3 { margin-top: 16px !important; } .mr-lg-3, .mx-lg-3 { margin-right: 16px !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 16px !important; } .ml-lg-3, .mx-lg-3 { margin-left: 16px !important; } .m-lg-4 { margin: 24px !important; } .mt-lg-4, .my-lg-4 { margin-top: 24px !important; } .mr-lg-4, .mx-lg-4 { margin-right: 24px !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 24px !important; } .ml-lg-4, .mx-lg-4 { margin-left: 24px !important; } .m-lg-5 { margin: 48px !important; } .mt-lg-5, .my-lg-5 { margin-top: 48px !important; } .mr-lg-5, .mx-lg-5 { margin-right: 48px !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 48px !important; } .ml-lg-5, .mx-lg-5 { margin-left: 48px !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 4px !important; } .pt-lg-1, .py-lg-1 { padding-top: 4px !important; } .pr-lg-1, .px-lg-1 { padding-right: 4px !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 4px !important; } .pl-lg-1, .px-lg-1 { padding-left: 4px !important; } .p-lg-2 { padding: 8px !important; } .pt-lg-2, .py-lg-2 { padding-top: 8px !important; } .pr-lg-2, .px-lg-2 { padding-right: 8px !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 8px !important; } .pl-lg-2, .px-lg-2 { padding-left: 8px !important; } .p-lg-3 { padding: 16px !important; } .pt-lg-3, .py-lg-3 { padding-top: 16px !important; } .pr-lg-3, .px-lg-3 { padding-right: 16px !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 16px !important; } .pl-lg-3, .px-lg-3 { padding-left: 16px !important; } .p-lg-4 { padding: 24px !important; } .pt-lg-4, .py-lg-4 { padding-top: 24px !important; } .pr-lg-4, .px-lg-4 { padding-right: 24px !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 24px !important; } .pl-lg-4, .px-lg-4 { padding-left: 24px !important; } .p-lg-5 { padding: 48px !important; } .pt-lg-5, .py-lg-5 { padding-top: 48px !important; } .pr-lg-5, .px-lg-5 { padding-right: 48px !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 48px !important; } .pl-lg-5, .px-lg-5 { padding-left: 48px !important; } .m-lg-n1 { margin: -4px !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -4px !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -4px !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -4px !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -4px !important; } .m-lg-n2 { margin: -8px !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -8px !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -8px !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -8px !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -8px !important; } .m-lg-n3 { margin: -16px !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -16px !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -16px !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -16px !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -16px !important; } .m-lg-n4 { margin: -24px !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -24px !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -24px !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -24px !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -24px !important; } .m-lg-n5 { margin: -48px !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -48px !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -48px !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -48px !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -48px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 4px !important; } .mt-xl-1, .my-xl-1 { margin-top: 4px !important; } .mr-xl-1, .mx-xl-1 { margin-right: 4px !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 4px !important; } .ml-xl-1, .mx-xl-1 { margin-left: 4px !important; } .m-xl-2 { margin: 8px !important; } .mt-xl-2, .my-xl-2 { margin-top: 8px !important; } .mr-xl-2, .mx-xl-2 { margin-right: 8px !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 8px !important; } .ml-xl-2, .mx-xl-2 { margin-left: 8px !important; } .m-xl-3 { margin: 16px !important; } .mt-xl-3, .my-xl-3 { margin-top: 16px !important; } .mr-xl-3, .mx-xl-3 { margin-right: 16px !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 16px !important; } .ml-xl-3, .mx-xl-3 { margin-left: 16px !important; } .m-xl-4 { margin: 24px !important; } .mt-xl-4, .my-xl-4 { margin-top: 24px !important; } .mr-xl-4, .mx-xl-4 { margin-right: 24px !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 24px !important; } .ml-xl-4, .mx-xl-4 { margin-left: 24px !important; } .m-xl-5 { margin: 48px !important; } .mt-xl-5, .my-xl-5 { margin-top: 48px !important; } .mr-xl-5, .mx-xl-5 { margin-right: 48px !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 48px !important; } .ml-xl-5, .mx-xl-5 { margin-left: 48px !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 4px !important; } .pt-xl-1, .py-xl-1 { padding-top: 4px !important; } .pr-xl-1, .px-xl-1 { padding-right: 4px !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 4px !important; } .pl-xl-1, .px-xl-1 { padding-left: 4px !important; } .p-xl-2 { padding: 8px !important; } .pt-xl-2, .py-xl-2 { padding-top: 8px !important; } .pr-xl-2, .px-xl-2 { padding-right: 8px !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 8px !important; } .pl-xl-2, .px-xl-2 { padding-left: 8px !important; } .p-xl-3 { padding: 16px !important; } .pt-xl-3, .py-xl-3 { padding-top: 16px !important; } .pr-xl-3, .px-xl-3 { padding-right: 16px !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 16px !important; } .pl-xl-3, .px-xl-3 { padding-left: 16px !important; } .p-xl-4 { padding: 24px !important; } .pt-xl-4, .py-xl-4 { padding-top: 24px !important; } .pr-xl-4, .px-xl-4 { padding-right: 24px !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 24px !important; } .pl-xl-4, .px-xl-4 { padding-left: 24px !important; } .p-xl-5 { padding: 48px !important; } .pt-xl-5, .py-xl-5 { padding-top: 48px !important; } .pr-xl-5, .px-xl-5 { padding-right: 48px !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 48px !important; } .pl-xl-5, .px-xl-5 { padding-left: 48px !important; } .m-xl-n1 { margin: -4px !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -4px !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -4px !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -4px !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -4px !important; } .m-xl-n2 { margin: -8px !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -8px !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -8px !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -8px !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -8px !important; } .m-xl-n3 { margin: -16px !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -16px !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -16px !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -16px !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -16px !important; } .m-xl-n4 { margin: -24px !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -24px !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -24px !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -24px !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -24px !important; } .m-xl-n5 { margin: -48px !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -48px !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -48px !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -48px !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -48px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1660px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 4px !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 4px !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 4px !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 4px !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 4px !important; } .m-xxl-2 { margin: 8px !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 8px !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 8px !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 8px !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 8px !important; } .m-xxl-3 { margin: 16px !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 16px !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 16px !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 16px !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 16px !important; } .m-xxl-4 { margin: 24px !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 24px !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 24px !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 24px !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 24px !important; } .m-xxl-5 { margin: 48px !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 48px !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 48px !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 48px !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 48px !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 4px !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 4px !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 4px !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 4px !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 4px !important; } .p-xxl-2 { padding: 8px !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 8px !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 8px !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 8px !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 8px !important; } .p-xxl-3 { padding: 16px !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 16px !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 16px !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 16px !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 16px !important; } .p-xxl-4 { padding: 24px !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 24px !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 24px !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 24px !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 24px !important; } .p-xxl-5 { padding: 48px !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 48px !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 48px !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 48px !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 48px !important; } .m-xxl-n1 { margin: -4px !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -4px !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -4px !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -4px !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -4px !important; } .m-xxl-n2 { margin: -8px !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -8px !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -8px !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -8px !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -8px !important; } .m-xxl-n3 { margin: -16px !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -16px !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -16px !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -16px !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -16px !important; } .m-xxl-n4 { margin: -24px !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -24px !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -24px !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -24px !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -24px !important; } .m-xxl-n5 { margin: -48px !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -48px !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -48px !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -48px !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -48px !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } @media (min-width: 1900px) { .m-xxxl-0 { margin: 0 !important; } .mt-xxxl-0, .my-xxxl-0 { margin-top: 0 !important; } .mr-xxxl-0, .mx-xxxl-0 { margin-right: 0 !important; } .mb-xxxl-0, .my-xxxl-0 { margin-bottom: 0 !important; } .ml-xxxl-0, .mx-xxxl-0 { margin-left: 0 !important; } .m-xxxl-1 { margin: 4px !important; } .mt-xxxl-1, .my-xxxl-1 { margin-top: 4px !important; } .mr-xxxl-1, .mx-xxxl-1 { margin-right: 4px !important; } .mb-xxxl-1, .my-xxxl-1 { margin-bottom: 4px !important; } .ml-xxxl-1, .mx-xxxl-1 { margin-left: 4px !important; } .m-xxxl-2 { margin: 8px !important; } .mt-xxxl-2, .my-xxxl-2 { margin-top: 8px !important; } .mr-xxxl-2, .mx-xxxl-2 { margin-right: 8px !important; } .mb-xxxl-2, .my-xxxl-2 { margin-bottom: 8px !important; } .ml-xxxl-2, .mx-xxxl-2 { margin-left: 8px !important; } .m-xxxl-3 { margin: 16px !important; } .mt-xxxl-3, .my-xxxl-3 { margin-top: 16px !important; } .mr-xxxl-3, .mx-xxxl-3 { margin-right: 16px !important; } .mb-xxxl-3, .my-xxxl-3 { margin-bottom: 16px !important; } .ml-xxxl-3, .mx-xxxl-3 { margin-left: 16px !important; } .m-xxxl-4 { margin: 24px !important; } .mt-xxxl-4, .my-xxxl-4 { margin-top: 24px !important; } .mr-xxxl-4, .mx-xxxl-4 { margin-right: 24px !important; } .mb-xxxl-4, .my-xxxl-4 { margin-bottom: 24px !important; } .ml-xxxl-4, .mx-xxxl-4 { margin-left: 24px !important; } .m-xxxl-5 { margin: 48px !important; } .mt-xxxl-5, .my-xxxl-5 { margin-top: 48px !important; } .mr-xxxl-5, .mx-xxxl-5 { margin-right: 48px !important; } .mb-xxxl-5, .my-xxxl-5 { margin-bottom: 48px !important; } .ml-xxxl-5, .mx-xxxl-5 { margin-left: 48px !important; } .p-xxxl-0 { padding: 0 !important; } .pt-xxxl-0, .py-xxxl-0 { padding-top: 0 !important; } .pr-xxxl-0, .px-xxxl-0 { padding-right: 0 !important; } .pb-xxxl-0, .py-xxxl-0 { padding-bottom: 0 !important; } .pl-xxxl-0, .px-xxxl-0 { padding-left: 0 !important; } .p-xxxl-1 { padding: 4px !important; } .pt-xxxl-1, .py-xxxl-1 { padding-top: 4px !important; } .pr-xxxl-1, .px-xxxl-1 { padding-right: 4px !important; } .pb-xxxl-1, .py-xxxl-1 { padding-bottom: 4px !important; } .pl-xxxl-1, .px-xxxl-1 { padding-left: 4px !important; } .p-xxxl-2 { padding: 8px !important; } .pt-xxxl-2, .py-xxxl-2 { padding-top: 8px !important; } .pr-xxxl-2, .px-xxxl-2 { padding-right: 8px !important; } .pb-xxxl-2, .py-xxxl-2 { padding-bottom: 8px !important; } .pl-xxxl-2, .px-xxxl-2 { padding-left: 8px !important; } .p-xxxl-3 { padding: 16px !important; } .pt-xxxl-3, .py-xxxl-3 { padding-top: 16px !important; } .pr-xxxl-3, .px-xxxl-3 { padding-right: 16px !important; } .pb-xxxl-3, .py-xxxl-3 { padding-bottom: 16px !important; } .pl-xxxl-3, .px-xxxl-3 { padding-left: 16px !important; } .p-xxxl-4 { padding: 24px !important; } .pt-xxxl-4, .py-xxxl-4 { padding-top: 24px !important; } .pr-xxxl-4, .px-xxxl-4 { padding-right: 24px !important; } .pb-xxxl-4, .py-xxxl-4 { padding-bottom: 24px !important; } .pl-xxxl-4, .px-xxxl-4 { padding-left: 24px !important; } .p-xxxl-5 { padding: 48px !important; } .pt-xxxl-5, .py-xxxl-5 { padding-top: 48px !important; } .pr-xxxl-5, .px-xxxl-5 { padding-right: 48px !important; } .pb-xxxl-5, .py-xxxl-5 { padding-bottom: 48px !important; } .pl-xxxl-5, .px-xxxl-5 { padding-left: 48px !important; } .m-xxxl-n1 { margin: -4px !important; } .mt-xxxl-n1, .my-xxxl-n1 { margin-top: -4px !important; } .mr-xxxl-n1, .mx-xxxl-n1 { margin-right: -4px !important; } .mb-xxxl-n1, .my-xxxl-n1 { margin-bottom: -4px !important; } .ml-xxxl-n1, .mx-xxxl-n1 { margin-left: -4px !important; } .m-xxxl-n2 { margin: -8px !important; } .mt-xxxl-n2, .my-xxxl-n2 { margin-top: -8px !important; } .mr-xxxl-n2, .mx-xxxl-n2 { margin-right: -8px !important; } .mb-xxxl-n2, .my-xxxl-n2 { margin-bottom: -8px !important; } .ml-xxxl-n2, .mx-xxxl-n2 { margin-left: -8px !important; } .m-xxxl-n3 { margin: -16px !important; } .mt-xxxl-n3, .my-xxxl-n3 { margin-top: -16px !important; } .mr-xxxl-n3, .mx-xxxl-n3 { margin-right: -16px !important; } .mb-xxxl-n3, .my-xxxl-n3 { margin-bottom: -16px !important; } .ml-xxxl-n3, .mx-xxxl-n3 { margin-left: -16px !important; } .m-xxxl-n4 { margin: -24px !important; } .mt-xxxl-n4, .my-xxxl-n4 { margin-top: -24px !important; } .mr-xxxl-n4, .mx-xxxl-n4 { margin-right: -24px !important; } .mb-xxxl-n4, .my-xxxl-n4 { margin-bottom: -24px !important; } .ml-xxxl-n4, .mx-xxxl-n4 { margin-left: -24px !important; } .m-xxxl-n5 { margin: -48px !important; } .mt-xxxl-n5, .my-xxxl-n5 { margin-top: -48px !important; } .mr-xxxl-n5, .mx-xxxl-n5 { margin-right: -48px !important; } .mb-xxxl-n5, .my-xxxl-n5 { margin-bottom: -48px !important; } .ml-xxxl-n5, .mx-xxxl-n5 { margin-left: -48px !important; } .m-xxxl-auto { margin: auto !important; } .mt-xxxl-auto, .my-xxxl-auto { margin-top: auto !important; } .mr-xxxl-auto, .mx-xxxl-auto { margin-right: auto !important; } .mb-xxxl-auto, .my-xxxl-auto { margin-bottom: auto !important; } .ml-xxxl-auto, .mx-xxxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 360px) { .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } .text-xs-center { text-align: center !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1660px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1900px) { .text-xxxl-left { text-align: left !important; } .text-xxxl-right { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #006cff !important; } a.text-primary:focus, a.text-primary:hover { color: #004cb3 !important; } .text-secondary { color: #666 !important; } a.text-secondary:focus, a.text-secondary:hover { color: #404040 !important; } .text-success { color: #04c142 !important; } a.text-success:focus, a.text-success:hover { color: #027628 !important; } .text-info { color: #00cbff !important; } a.text-info:focus, a.text-info:hover { color: #008eb3 !important; } .text-warning { color: #ff7b01 !important; } a.text-warning:focus, a.text-warning:hover { color: #b45600 !important; } .text-danger { color: #ff3502 !important; } a.text-danger:focus, a.text-danger:hover { color: #b52400 !important; } .text-light { color: #f0f3f4 !important; } a.text-light:focus, a.text-light:hover { color: #c4d0d4 !important; } .text-dark { color: #000 !important; } a.text-dark:focus, a.text-dark:hover { color: #000 !important; } .text-inverse { color: #000 !important; } a.text-inverse:focus, a.text-inverse:hover { color: #000 !important; } .text-black { color: #000 !important; } a.text-black:focus, a.text-black:hover { color: #000 !important; } .text-white { color: #fff !important; } a.text-white:focus, a.text-white:hover { color: #d9d9d9 !important; } .text-grey { color: #eee !important; } a.text-grey:focus, a.text-grey:hover { color: #c8c8c8 !important; } .text-muted { color: #eee !important; } a.text-muted:focus, a.text-muted:hover { color: #c8c8c8 !important; } .text-silver { color: #eee !important; } a.text-silver:focus, a.text-silver:hover { color: #c8c8c8 !important; } .text-lime { color: #c2e900 !important; } a.text-lime:focus, a.text-lime:hover { color: #829d00 !important; } .text-aqua { color: #00cbff !important; } a.text-aqua:focus, a.text-aqua:hover { color: #008eb3 !important; } .text-body { color: rgba(255, 255, 255, 0.65) !important; } .text-muted { color: #666 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid gray; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ccc !important; } .table-dark { color: inherit; } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: rgba(255, 255, 255, 0.25); } .table .thead-dark th { color: inherit; border-color: rgba(255, 255, 255, 0.25); } } html { height: 100%; } body { height: 100%; letter-spacing: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } b { font-weight: 700; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; font-weight: 400; color: rgba(255, 255, 255, 0.75); } a { color: #80b6ff; } a:focus, a:hover { color: #bfdaff; } a:focus { outline: 0; } .footer { z-index: 1020; padding: 10px 0; margin: 0 30px 0 260px; border-top: 1px solid rgba(255, 255, 255, 0.15); line-height: 20px; font-weight: 500; color: rgba(255, 255, 255, 0.75); position: relative; } @media (max-width: 767.98px) { .footer { margin-left: 20px; } } @-webkit-keyframes navbar-input-expand { from { width: 220px; } to { width: 300px; } } @-moz-keyframes navbar-input-expand { from { width: 220px; } to { width: 300px; } } @-o-keyframes navbar-input-expand { from { width: 220px; } to { width: 300px; } } @keyframes navbar-input-expand { from { width: 220px; } to { width: 300px; } } @-webkit-keyframes navbar-input-expand-xs { from { width: 160px; } to { width: 200px; } } @-moz-keyframes navbar-input-expand-xs { from { width: 160px; } to { width: 200px; } } @-o-keyframes navbar-input-expand-xs { from { width: 160px; } to { width: 200px; } } @keyframes navbar-input-expand-xs { from { width: 160px; } to { width: 200px; } } .header { position: relative; top: 0; left: 0; right: 0; z-index: 1020; margin-bottom: 0; padding: 0; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header:after, .header:before { content: ""; display: table; clear: both; } @media (max-width: 767.98px) { .header { display: block; } } .header .navbar-toggle { position: relative; padding: 10px; margin-right: 10px; margin-left: auto; background-color: transparent; background-image: none; border: none; outline: 0; -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 768px) { .header .navbar-toggle { display: none; } } .header .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; -webkit-border-radius: 4px; border-radius: 4px; } .header .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .header .navbar-toggle:hover { background: 0 0; opacity: 0.75; } .header .navbar-toggle.pull-left { margin-left: 10px; margin-right: 0; } .header .navbar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header .navbar-header:after, .header .navbar-header:before { content: ""; display: table; clear: both; } @media (min-width: 768px) { .header .navbar-header { width: 240px; } } .header .navbar-brand { padding: 10px 20px; height: 50px; font-weight: 300; font-size: 18px; line-height: 30px; text-decoration: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .header .navbar-brand .navbar-logo { display: block; margin-right: 10px; position: relative; width: 28px; height: 28px; background: 0 0; border: 2px solid rgba(255, 255, 255, 0.25); -webkit-border-radius: 40px; border-radius: 40px; } .header .navbar-brand .navbar-logo:before { content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 40px; border-radius: 40px; } .header .navbar-brand .navbar-logo:after { content: ""; position: absolute; top: 10px; left: 10px; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 40px; border-radius: 40px; } .header .navbar-brand i { margin-right: 10px; } .header .navbar-brand img { max-width: 100%; max-height: 100%; } .header .navbar-brand b { font-weight: 700; margin-right: 5px; } .header .navbar-brand small { font-size: 10px; font-weight: 700; margin-top: -20px; } .header .navbar-nav { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 767.98px) { .header .navbar-nav { -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-left: 15px; padding-right: 15px; } } .header .navbar-nav > li { position: relative; } .header .navbar-nav > li > a { display: block; text-decoration: none; line-height: 20px; padding: 15px; border: none; font-weight: 600; color: #fff !important; } .header .navbar-nav > li > a .label { position: absolute; top: 8px; right: 5px; display: block; background: #006cff; line-height: 12px; font-weight: 600; color: #fff; padding: 3px 6px; -webkit-border-radius: 30px; border-radius: 30px; } .header .navbar-nav > li > a i { top: 1px; position: relative; font-size: 16px; } .header .navbar-nav > li > a:focus, .header .navbar-nav > li > a:hover { opacity: 0.75; } .header .navbar-nav > li > a.icon i { font-size: 24px; height: 24px; margin: -2px 0; display: block; } .header .navbar-nav > li.active > a { background: #f0f3f4; opacity: 1; } .header .navbar-nav > li.dropdown .dropdown-menu { margin: 0; } .header .navbar-nav > li.dropdown.dropdown-lg { position: static; } .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu { left: 20px !important; right: 20px !important; padding: 20px; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } @media (min-width: 768px) { .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu { top: 100% !important; } } @media (max-width: 767.98px) { .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu { overflow: scroll; top: 101px !important; max-height: calc(100vh - 101px); } } .header .navbar-nav > li.dropdown.dropdown-lg .dropdown-menu.dropdown-menu-lg .nav > li > a { padding: 0; background: 0 0; line-height: 24px; } .header .navbar-nav > li.show > a, .header .navbar-nav > li.show > a:focus, .header .navbar-nav > li.show > a:hover { background: 0 0; color: #000; opacity: 1; } .header .navbar-nav > li.divider { height: 34px; margin-top: 10px; background: #f0f3f4; width: 1px; } .header .navbar-nav.navbar-right { margin-left: auto; } .header .navbar-form { padding: 0 15px; margin: 9px 0; } @media (max-width: 767.98px) { .header .navbar-form { padding-left: 5px; padding-right: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .header .navbar-form .form-group { margin: 0; position: relative; } .header .navbar-form .form-control { width: 220px; padding: 5px 15px; height: 32px; background: rgba(255, 255, 255, 0.25); border-color: transparent; color: #fff; -webkit-border-radius: 40px; border-radius: 40px; } .header .navbar-form .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header .navbar-form .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .header .navbar-form .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header .navbar-form .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } @media (max-width: 767.98px) { .header .navbar-form .form-control { width: 100%; } } .header .navbar-form .form-control:focus { width: 300px; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-animation: navbar-input-expand 0.2s; -moz-animation: navbar-input-expand 0.2s; -ms-animation: navbar-input-expand 0.2s; -o-animation: navbar-input-expand 0.2s; animation: navbar-input-expand 0.2s; } @media (max-width: 767.98px) { .header .navbar-form .form-control:focus { width: 100%; -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } } .header .navbar-form .btn-search { position: absolute; right: 0; top: 0; bottom: 0; border: none; background: 0 0; color: #fff; -webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header .navbar-form .btn-search > i[class*="ion-"] { font-size: 22px; display: block; } .header .navbar-user img { float: left; width: 30px; height: 30px; margin: -5px 10px -5px 0; -webkit-border-radius: 30px; border-radius: 30px; } .header .navbar-user .image { float: left; width: 30px; height: 30px; margin: -5px 10px -5px 0; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 30px; border-radius: 30px; } .header .navbar-user .image.image-icon { font-size: 22px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header .navbar-user .image.image-icon i { float: none; display: block; font-size: 22px; text-align: center; width: auto; margin: 0 auto -8px; } .header .navbar-language .flag-icon { font-size: 15px; margin-right: 7px; } @media (min-width: 768px) { .header .navbar-collapse { display: block; -webkit-flex-basis: auto; flex-basis: auto; } } @media (min-width: 768px) and (max-width: 991.98px) { .header .navbar-collapse { display: none; } } @media (max-width: 991.98px) { .header .navbar-collapse .navbar-nav > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header .navbar-collapse .navbar-nav > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .header.navbar-default { background: 0 0; } @media (max-width: 767.98px) { .header.navbar-default { background: rgba(0, 0, 0, 0.25); } } .header.navbar-default .navbar-brand { color: #fff; } .header.navbar-default .navbar-brand i { color: #006cff; } .header.navbar-default .navbar-toggle .icon-bar { background: #fff; } .header.navbar-default .navbar-nav > li > a { color: #fff; } .header.navbar-inverse { background: #006cff; } .header.navbar-inverse .navbar-toggle { color: #fff; } .header.navbar-inverse .navbar-toggle .icon-bar { background: #fff; } .header.navbar-inverse .navbar-brand { color: #fff; } @media (max-width: 767.98px) { .header.navbar-inverse .navbar-nav { border-color: #3389ff; } } .header.navbar-inverse .navbar-nav > li > a { color: #fff; } .header.navbar-inverse .navbar-nav > li > a:focus, .header.navbar-inverse .navbar-nav > li > a:hover { color: #fff; } .header.navbar-inverse .navbar-nav > li.active > a { background: #000; opacity: 1; } .header.navbar-inverse .navbar-nav > li.divider { background: rgba(255, 255, 255, 0.2); } .header.navbar-inverse .navbar-form { margin: 10px 0; } .header.navbar-inverse .navbar-form .form-control { background: #fff; border-color: transparent; height: 30px; color: #000; } .header.navbar-inverse .navbar-form .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .header.navbar-inverse .navbar-form .form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .header.navbar-inverse .navbar-form .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .header.navbar-inverse .navbar-form .form-control:-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .header.navbar-inverse .navbar-form .btn-search { color: #000; } .header.show-bg { background: rgba(0, 0, 0, 0.85); } .has-scroll .header { background: rgba(0, 0, 0, 0.85); } .sidebar { width: 240px; position: absolute; left: 0; top: 0; bottom: 0; padding-top: 50px; background: 0 0; z-index: 1010; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 767.98px) { .sidebar { padding-top: 0; left: -250px; z-index: 1021; width: 250px; } } .sidebar .nav { display: block; padding-right: 20px; padding-left: 20px; } @media (max-width: 767.98px) { .sidebar .nav { padding-left: 20px; padding-right: 20px; } } .sidebar .nav > li { position: relative; } .sidebar .nav > li:after, .sidebar .nav > li:before { content: ""; display: table; clear: both; } .sidebar .nav > li > a { padding: 7px 15px; line-height: 20px; color: rgba(255, 255, 255, 0.65); display: block; text-decoration: none; font-weight: 500; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .sidebar .nav > li > a:after, .sidebar .nav > li > a:before { content: ""; display: table; clear: both; } .sidebar .nav > li > a i { float: left; margin-right: 10px; width: 14px; text-align: center; line-height: 20px; font-size: 14px; } .sidebar .nav > li > a i[class^="ion-"] { margin-right: 8px; width: 18px; font-size: 18px; margin-left: -2px; } .sidebar .nav > li > a .icon-img { float: left; margin-right: 10px; margin-top: 3px; width: 14px; height: 14px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sidebar .nav > li > a .icon-img img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .sidebar .nav > li > a .badge { padding: 4px 8px; background: #fff; color: #000; font-weight: 600; font-size: 10px; margin-top: 1px; } .sidebar .nav > li > a .label { padding-top: 0; padding-bottom: 0; margin-left: 8px; } .sidebar .nav > li > a .label.label-theme { background: #fff; color: #000; } .sidebar .nav > li > a > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover { color: #fff; } .sidebar .nav > li.active > a { position: relative; z-index: 10; color: #fff; background: rgba(255, 255, 255, 0.5); } .gradient-enabled .sidebar .nav > li.active > a { background: -webkit-linear-gradient(to bottom, #1a7bff 0, #0061e6 100%); background: -moz-linear-gradient(to bottom, #1a7bff 0, #0061e6 100%); background: -o-linear-gradient(to bottom, #1a7bff 0, #0061e6 100%); background: linear-gradient(to bottom, #1a7bff 0, #0061e6 100%); } .sidebar .nav > li.nav-header { margin: 0; padding: 15px 0 3px; line-height: 20px; font-size: 11px; color: rgba(255, 255, 255, 0.5); font-weight: 600; } .sidebar .nav > li.nav-header a { padding: 0; margin: 0; display: inline; } .sidebar .nav > li.nav-header a:focus, .sidebar .nav > li.nav-header a:hover { background: 0 0; color: #000; } .sidebar .nav > li.nav-header a i { float: none; margin: 0; } .sidebar .nav > li.nav-profile { padding: 20px; color: #000; background: 0 0; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .sidebar .nav > li.nav-profile a { padding: 0; } .sidebar .nav > li.nav-profile > a { margin: -20px; padding: 20px 0; display: block; color: #fff; font-weight: 500; background: 0 0; } .sidebar .nav > li.nav-profile > a:hover { background: 0 0; } .sidebar .nav > li.nav-profile > a:hover .cover.with-shadow:before { opacity: 0.75; } .sidebar .nav > li.nav-profile .image { width: 34px; height: 34px; margin-bottom: 10px; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-border-radius: 30px; border-radius: 30px; } .sidebar .nav > li.nav-profile .image img { max-width: 100%; max-height: 100%; } .sidebar .nav > li.nav-profile .image.image-icon i { float: none; display: block; font-size: 24px; text-align: center; width: auto; margin: 0 auto -12px; } .sidebar .nav > li.nav-profile .info { font-size: 14px; position: relative; } .sidebar .nav > li.nav-profile .info .caret { margin-top: 2px; } .sidebar .nav > li.nav-profile .info small { display: block; color: rgba(255, 255, 255, 0.75); font-size: 11px; line-height: 16px; margin-bottom: -5px; } .sidebar .nav > li.nav-search { padding: 20px 0; } .sidebar .nav > li.nav-search + li { padding-top: 0; } .sidebar .nav > li.nav-search .form-control { background: 0 0; border: none; padding-left: 0; padding-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; -webkit-border-radius: 0; border-radius: 0; } .sidebar .nav > li.nav-search .form-control:focus { border-color: rgba(255, 255, 255, 0.5); -webkit-box-shadow: none; box-shadow: none; } .sidebar .nav > li.nav-widget { padding: 10px 0; } .sidebar .nav > li.nav-widget i { margin-right: auto; } .sidebar .nav > li .text-theme { color: #fff; margin-left: 5px; } .sidebar .nav .has-sub.active > .sub-menu { display: block; } .sidebar .nav .sub-menu > li > a { font-weight: 500; } .sidebar .nav .sub-menu > li > a .caret { margin-top: -1px; left: -5px; } .sidebar .nav.nav-profile { padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); display: none; } .sidebar .nav.nav-profile.active { display: block; } .sidebar li > a .caret { display: block; float: right; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 9px; border: none; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .sidebar li > a .caret:before { content: "\f054"; display: block; text-align: center; opacity: 0.5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sidebar li.active > a .caret:before, .sidebar li.expand > a .caret:before, .sidebar li.expanding > a .caret:before { opacity: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sidebar li.closed > a .caret:before, .sidebar li.closing > a .caret:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .sidebar .sub-menu { list-style-type: none; padding: 5px 0 10px 25px; margin: 0; position: relative; display: none; } .sidebar .sub-menu > li { position: relative; } .sidebar .sub-menu > li > a { padding: 3px 20px 3px 15px; display: block; color: rgba(255, 255, 255, 0.5); text-decoration: none; position: relative; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -ms-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .sidebar .sub-menu > li > a:focus, .sidebar .sub-menu > li > a:hover { color: #fff; } .sidebar .sub-menu > li.active > a { color: #fff; } .sidebar .sub-menu .sub-menu { padding: 0 0 0 15px; background: 0 0; } .sidebar .sidebar-minify-btn { margin: 10px 20px; float: right; padding: 5px 10px !important; background: rgba(0, 0, 0, 0.25); color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } .sidebar .sidebar-minify-btn i { margin: 0 !important; color: #fff; } .sidebar .sidebar-minify-btn:focus, .sidebar .sidebar-minify-btn:hover { background: rgba(0, 0, 0, 0.5) !important; } .sidebar .slimScrollDiv .slimScrollBar { display: none !important; } .sidebar.sidebar-grid .nav > li > a { -webkit-border-radius: 0; border-radius: 0; } .sidebar.sidebar-grid .nav > li + li { border-top: 1px solid rgba(255, 255, 255, 0.15); } .sidebar.sidebar-grid .nav > li.nav-profile + li { border-top: none; } .sidebar-bg { background: 0 0; position: fixed; top: 0; left: 0; bottom: 0; width: 240px; z-index: 1000; } @media (max-width: 767.98px) { .sidebar-bg { padding-top: 0; left: -250px; z-index: 1020; background: rgba(38, 38, 38, 0.95); width: 250px; } } @-webkit-keyframes topMenuControlSlideInLeft { from { left: -50px; } to { left: 0; } } @-moz-keyframes topMenuControlSlideInLeft { from { left: -50px; } to { left: 0; } } @-o-keyframes topMenuControlSlideInLeft { from { left: -50px; } to { left: 0; } } @keyframes topMenuControlSlideInLeft { from { left: -50px; } to { left: 0; } } @-webkit-keyframes topMenuControlSlideInRight { from { right: -50px; } to { right: 0; } } @-moz-keyframes topMenuControlSlideInRight { from { right: -50px; } to { right: 0; } } @-o-keyframes topMenuControlSlideInRight { from { right: -50px; } to { right: 0; } } @keyframes topMenuControlSlideInRight { from { right: -50px; } to { right: 0; } } .top-menu { background: #000; left: 0; right: 0; z-index: 1015; } @media (min-width: 768px) { .top-menu { top: 50px; position: fixed; height: 40px; } } @media (max-width: 767.98px) { .top-menu { display: none; position: relative; background: rgba(51, 51, 51, 0.95); } } @media (min-width: 576px) { .top-menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (max-width: 767.98px) { .top-menu .nav { display: block; margin: 0 !important; } } .top-menu .nav > li { position: relative; display: block; } .top-menu .nav > li > a { padding: 10px 20px; color: rgba(255, 255, 255, 0.6); line-height: 20px; text-decoration: none; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .top-menu .nav > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .top-menu .nav > li > a i { font-size: 14px; margin-right: 10px; line-height: 20px; width: 14px; text-align: center; } .top-menu .nav > li > a .badge { margin-left: 5px; background: #000; } .top-menu .nav > li > a .label { padding-top: 0; padding-bottom: 0; margin-left: 5px; } .top-menu .nav > li > a .icon-img { float: left; margin-right: 7px; margin-left: -3px; width: 20px; height: 20px; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .top-menu .nav > li > a .icon-img img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .top-menu .nav > li > a > span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .top-menu .nav > li > a:focus, .top-menu .nav > li > a:hover { background: 0 0; color: #fff; } .top-menu .nav > li.active > a { position: relative; z-index: 10; color: #fff; background: #006cff !important; } .top-menu .nav > li.active > a.badge, .top-menu .nav > li.active > a.label { background: rgba(0, 0, 0, 0.4); } .top-menu .nav > li.menu-control { position: absolute; top: 0; margin: 0; z-index: 10; } @media (max-width: 767.98px) { .top-menu .nav > li.menu-control { display: none !important; } } .top-menu .nav > li.menu-control > a { padding: 0; text-align: center; line-height: 40px; width: 40px; height: 40px; background: rgba(26, 26, 26, 0.95); } .top-menu .nav > li.menu-control > a i { float: none; margin: 0; font-size: 18px; display: block; line-height: 40px; color: #fff; width: auto; } .top-menu .nav > li.menu-control > a:focus, .top-menu .nav > li.menu-control > a:hover { background: #000; } .top-menu .nav > li.menu-control.menu-control-left { left: -50px; } .top-menu .nav > li.menu-control.menu-control-left > a { -webkit-box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5); box-shadow: 5px 0 8px -3px rgba(0, 0, 0, 0.5); } .top-menu .nav > li.menu-control.menu-control-left.show { left: 0; -webkit-animation: topMenuControlSlideInLeft 0.2s; -moz-animation: topMenuControlSlideInLeft 0.2s; -ms-animation: topMenuControlSlideInLeft 0.2s; -o-animation: topMenuControlSlideInLeft 0.2s; animation: topMenuControlSlideInLeft 0.2s; } .top-menu .nav > li.menu-control.menu-control-right { right: -50px; } .top-menu .nav > li.menu-control.menu-control-right > a { -webkit-box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5); box-shadow: -5px 0 8px -3px rgba(0, 0, 0, 0.5); } .top-menu .nav > li.menu-control.menu-control-right.show { right: 0; -webkit-animation: topMenuControlSlideInRight 0.2s; -moz-animation: topMenuControlSlideInRight 0.2s; -ms-animation: topMenuControlSlideInRight 0.2s; -o-animation: topMenuControlSlideInRight 0.2s; animation: topMenuControlSlideInRight 0.2s; } @media (min-width: 768px) { .top-menu .nav > li.has-sub:hover > .sub-menu { display: block; } } .top-menu .nav > li:focus > a, .top-menu .nav > li:hover > a { background: 0 0; color: #fff; } .top-menu .nav .caret { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; border: none; margin-left: 5px; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } @media (max-width: 767.98px) { .top-menu .nav .caret { margin-left: auto; } } .top-menu .nav .caret:before { content: "\f054"; display: block; text-align: center; opacity: 0.5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .top-menu .nav .sub-menu { display: none; top: 40px; background: rgba(26, 26, 26, 0.95); list-style-type: none; margin: 0; padding: 10px 0; } @media (min-width: 768px) { .top-menu .nav .sub-menu { width: 240px; position: absolute; left: 0; max-height: calc(100vh - 90px); } } .top-menu .nav .sub-menu > li > a { padding: 5px 20px; color: rgba(255, 255, 255, 0.6); text-decoration: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .top-menu .nav .sub-menu > li > a { padding-left: 44px; } } .top-menu .nav .sub-menu > li > a .caret { margin-left: auto; } .top-menu .nav .sub-menu > li > a:focus, .top-menu .nav .sub-menu > li > a:hover { color: #fff; } .top-menu .nav .sub-menu > li.active > a { background: #000; color: #fff; } .top-menu .nav .sub-menu .sub-menu { background: rgba(0, 0, 0, 0.2); position: relative; left: 0; top: 0; max-height: auto; overflow: initial; } .page-cover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/Resources/NewDesign/css/images/page-cover.jpg); background-size: cover; background-repeat: no-repeat; z-index: 1000; } .page-cover:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; opacity: 0.66; } #page-loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #212121; z-index: 9999; } #page-loader.fade { display: none; } #page-loader.fade.in, #page-loader.fade.show { display: block; } #page-loader.fade.d-none .spinner { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .content { margin-left: 240px; padding: 20px 30px; position: relative; z-index: 1010; padding-left: 20px; } @media (max-width: 767.98px) { .content { margin-left: 0; padding: 20px 20px; } } .content.content-full-width { padding: 0; } .content.content-full-width .page-header { padding: 20px 30px; position: relative; z-index: 10; } @media (max-width: 767.98px) { .content.content-full-width .page-header { margin: 20px 20px; } .content.content-full-width .page-header + .page-header { margin-top: -20px; } } .content.content-full-width .breadcrumb { position: relative; z-index: 20; margin: 0 30px 0 0; } @media (max-width: 1199.98px) { .content.content-full-width .breadcrumb { margin: 20px 30px; } .content.content-full-width .breadcrumb + .page-header { margin-top: -20px; } } @media (max-width: 767.98px) { .content.content-full-width .breadcrumb { margin: 20px 20px; } .content.content-full-width .breadcrumb + .page-header { margin-top: -20px; } } .content.content-inverse-mode h1, .content.content-inverse-mode h2, .content.content-inverse-mode h3, .content.content-inverse-mode h4, .content.content-inverse-mode h5, .content.content-inverse-mode h6 { color: #fff; } .content.content-inverse-mode .breadcrumb { color: #fff; } .content.content-inverse-mode .breadcrumb a { color: #fff; } .content.content-inverse-mode .breadcrumb > li { color: rgba(255, 255, 255, 0.75); } .content.content-inverse-mode .page-header { color: #fff; } .content.content-inverse-mode .page-header small { color: rgba(255, 255, 255, 0.75); } .content.content-inverse-mode .slimScrollDiv .slimScrollBar:before { background: rgba(255, 255, 255, 0.5) !important; } .float-sub-menu-container { position: fixed; width: 240px; margin: 0; background: rgba(38, 38, 38, 0.95); z-index: 1020; } @media (max-width: 767.98px) { .float-sub-menu-container { background: rgba(26, 26, 26, 0.95); } } .float-sub-menu-container .float-sub-menu { margin: 0; list-style-type: none; padding: 9px 0 9px 39px; } .float-sub-menu-container .float-sub-menu li { position: relative; } .float-sub-menu-container .float-sub-menu li > a { line-height: 18px; padding: 3px 20px 3px 15px; display: block; text-decoration: none; position: relative; color: rgba(255, 255, 255, 0.5); font-weight: 500; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; padding: 3px 20px 3px 15px; } .float-sub-menu-container .float-sub-menu li > a .caret { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; margin-top: -1px; border: none; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; float: right; } .float-sub-menu-container .float-sub-menu li > a .caret:before { display: block; text-align: center; opacity: 0.5; content: "\f054"; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .float-sub-menu-container .float-sub-menu li > a:focus, .float-sub-menu-container .float-sub-menu li > a:hover { color: #fff; } .float-sub-menu-container .float-sub-menu li > a:after { content: ""; position: absolute; background: #595959; top: 11px; width: 11px; height: 2px; left: -11px; } .float-sub-menu-container .float-sub-menu li:before { content: ""; background: #595959; position: absolute; top: 0; bottom: 0; width: 2px; left: -13px; } .float-sub-menu-container .float-sub-menu li:after { content: ""; position: absolute; width: 6px; height: 6px; border: 1px solid #595959; top: 11px; margin-top: -2px; z-index: 10; background: #595959; -webkit-border-radius: 4px; border-radius: 4px; left: 0; } .float-sub-menu-container .float-sub-menu li:first-child:before { top: -14px; } .float-sub-menu-container .float-sub-menu li:first-child:last-child:before { height: 27px; } .float-sub-menu-container .float-sub-menu li:last-child:before { bottom: auto; height: 13px; } .float-sub-menu-container .float-sub-menu li.has-sub > a:before { background: #000; } .float-sub-menu-container .float-sub-menu li.active > a { color: #fff; } .float-sub-menu-container .float-sub-menu li.active > a .caret:before { opacity: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .float-sub-menu-container .float-sub-menu li.active:after { border-color: #fff; background: #fff; } .float-sub-menu-container .float-sub-menu li.expand > a .caret:before, .float-sub-menu-container .float-sub-menu li.expanding > a .caret:before { opacity: 1; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .float-sub-menu-container .float-sub-menu li.closed > a .caret:before, .float-sub-menu-container .float-sub-menu li.closing > a .caret:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .float-sub-menu-container .float-sub-menu > li:first-child:before { top: 11px; } .float-sub-menu-container .float-sub-menu > li:first-child:last-child:before { height: 0 !important; } .float-sub-menu-container .float-sub-menu .active > .sub-menu { display: block; } .float-sub-menu-container .float-sub-menu .sub-menu { display: none; list-style-type: none; background: 0 0; padding: 0 0 0 15px; } .float-sub-menu-container .float-sub-menu-arrow { position: absolute; top: 20px; width: 28px; height: 2px; background: #595959; left: 0; } .float-sub-menu-container .float-sub-menu-line { position: absolute; top: 20px; width: 2px; background: #595959; left: 26px; } .float-sub-menu-container .foat-sub-menu-arrow:after, .float-sub-menu-container .foat-sub-menu-arrow:before { display: none; } .boxed-layout { height: 100%; background-image: url(/Resources/NewDesign/css/images/cover-pattern.png); } .boxed-layout .top-menu { max-width: 1280px; width: 100%; left: 50%; margin-left: -640px; position: absolute; } @media (max-width: 767.98px) { .boxed-layout .top-menu { position: relative; left: 0; margin: 0; } } .boxed-layout .top-menu .pace-activity, .boxed-layout .top-menu .pace-progress { position: absolute; } .boxed-layout .pace { width: 1280px; left: 50%; margin-left: -640px; position: absolute; } .boxed-layout .page-container { max-width: 1280px; width: 100%; margin: 0 auto; min-height: 100%; background: #333; position: relative; overflow: hidden; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); } .boxed-layout .header { max-width: 1280px; width: 100%; right: auto; left: auto; } @media (min-width: 768px) { .boxed-layout .sidebar, .boxed-layout .sidebar-bg { left: auto; right: auto; } } @media (max-width: 1280px) { .boxed-layout .top-menu { left: 0; margin-left: 0; } } .page-content-full-height { height: 100%; } @media (min-width: 768px) { .page-content-full-height .content { height: calc(100vh - 50px); } } @media (min-width: 768px) { .page-content-full-height.page-empty .content, .page-content-full-height.page-without-header .content { height: 100vh; } } .page-empty .content { margin: 0; top: 0; } .page-header-fixed { padding-top: 50px; } @media (max-width: 767.98px) { .page-header-fixed { padding-top: 101px; } } .page-header-fixed .header { position: fixed; } @-webkit-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @-moz-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @-o-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @-webkit-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @-moz-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @-o-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @media (max-width: 767.98px) { .page-with-two-sidebar .sidebar-right.sidebar, .page-with-two-sidebar .sidebar-right.sidebar-bg { position: fixed; right: -240px; left: auto; } .page-with-two-sidebar .header .navbar-brand { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar-bg { right: 0; left: auto; -webkit-animation: sidebarSlideInRight 0.2s; -moz-animation: sidebarSlideInRight 0.2s; -ms-animation: sidebarSlideInRight 0.2s; -o-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } .page-with-two-sidebar.page-with-wide-sidebar .sidebar-right.sidebar, .page-with-two-sidebar.page-with-wide-sidebar .sidebar-right.sidebar-bg { right: -250px; left: auto; } .page-with-two-sidebar.page-with-wide-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar, .page-with-two-sidebar.page-with-wide-sidebar.page-right-sidebar-toggled .sidebar-right.sidebar-bg { right: 0; left: auto; -webkit-animation: sidebarSlideInRight 0.2s; -moz-animation: sidebarSlideInRight 0.2s; -ms-animation: sidebarSlideInRight 0.2s; -o-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } } .page-sidebar-fixed .sidebar { position: fixed; } .page-sidebar-minified .sidebar { width: 60px; position: absolute; } .page-sidebar-minified .sidebar .nav { padding-left: 0; padding-right: 0; } .page-sidebar-minified .sidebar .nav > li > a { padding: 10px 15px; margin-right: 5px; margin-left: 5px; } .page-sidebar-minified .sidebar .nav > li > a span { display: none; } .page-sidebar-minified .sidebar .nav > li > a i { margin: 0; } .page-sidebar-minified .sidebar .nav > li.expand > a, .page-sidebar-minified .sidebar .nav > li.expanding > a { background: 0 0; } .page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu { display: none !important; } .page-sidebar-minified .sidebar .nav-profile { display: none; } .page-sidebar-minified .sidebar .nav-profile.expand { display: none !important; } .page-sidebar-minified .sidebar .nav-header, .page-sidebar-minified .sidebar .nav-search { display: none; } .page-sidebar-minified .sidebar .caret { position: absolute; top: 10px; right: 0; } .page-sidebar-minified .sidebar .caret:before { -webkit-transform: rotate(0) !important; -moz-transform: rotate(0) !important; -ms-transform: rotate(0) !important; -o-transform: rotate(0) !important; transform: rotate(0) !important; } .page-sidebar-minified .sidebar .slimScrollDiv .slimScrollBar, .page-sidebar-minified .sidebar .slimScrollDiv .slimScrollRail { display: none !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv, .page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div { overflow: hidden !important; } .page-sidebar-minified .sidebar.sidebar-right .slimScrollBar { display: block !important; } .page-sidebar-minified .sidebar-bg { width: 60px; } .page-sidebar-minified .content { margin-left: 60px; } @media (max-width: 767.98px) { .page-sidebar-minified .content { margin-left: 0; } } .page-sidebar-minified .footer { margin-left: 80px; } @media (max-width: 767.98px) { .page-sidebar-minified .footer { margin-left: 20px; } } .page-sidebar-minified .sidebar-minify-btn { margin: 0 5px !important; } .page-sidebar-minified .sidebar-minify-btn i:before { content: "\f101"; } @media (min-width: 768px) { .page-sidebar-minified .map { left: 60px; } } @media (min-width: 768px) { .page-sidebar-minified.page-with-right-sidebar { right: 60px; left: 0; } } .page-sidebar-minified.page-with-right-sidebar .content { margin-right: 60px; margin-left: 0; } @media (max-width: 767.98px) { .page-sidebar-minified.page-with-right-sidebar .content { margin-right: 0; } } .page-sidebar-minified.page-with-right-sidebar .footer { margin-right: 90px; margin-left: 30px; } @media (max-width: 767.98px) { .page-sidebar-minified.page-with-right-sidebar .footer { margin-right: 20px; } } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a .icon-img, .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a i { float: none; width: auto; margin: 0 0 0 5px; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a .caret { position: absolute; right: auto; left: 3px; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > a .caret:before { content: "\f053"; } .page-sidebar-minified.page-with-right-sidebar .sidebar .nav > li > .sub-menu { padding: 10px 30px 10px 0; } .page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before { content: "\f100"; } .page-sidebar-minified.page-sidebar-fixed .sidebar { position: fixed; } .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv, .page-sidebar-minified.page-sidebar-fixed .sidebar .slimScrollDiv > div { overflow: hidden !important; } .page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv, .page-sidebar-minified:not(.page-sidebar-fixed) .sidebar .slimScrollDiv > div { overflow: visible !important; height: auto !important; } @-webkit-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @-moz-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @-o-keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @keyframes sidebarSlideInLeft { from { left: -220px; } to { left: 0; } } @-webkit-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @-moz-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @-o-keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @keyframes sidebarSlideInRight { from { right: -220px; } to { right: 0; } } @media (max-width: 767.98px) { .page-sidebar-toggled .sidebar, .page-sidebar-toggled .sidebar-bg { left: 0; -webkit-animation: sidebarSlideInLeft 0.2s; -moz-animation: sidebarSlideInLeft 0.2s; -ms-animation: sidebarSlideInLeft 0.2s; -o-animation: sidebarSlideInLeft 0.2s; animation: sidebarSlideInLeft 0.2s; } .page-sidebar-toggled .sidebar-bg { position: fixed; } .page-sidebar-toggled.page-with-right-sidebar .sidebar, .page-sidebar-toggled.page-with-right-sidebar .sidebar-bg { left: auto; right: 0; -webkit-animation: sidebarSlideInRight 0.2s; -moz-animation: sidebarSlideInRight 0.2s; -ms-animation: sidebarSlideInRight 0.2s; -o-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } .page-sidebar-toggled.page-with-right-sidebar.page-sidebar-minified .sidebar, .page-sidebar-toggled.page-with-right-sidebar.page-sidebar-minified .sidebar-bg { left: auto; right: 0; -webkit-animation: sidebarSlideInRight 0.2s; -moz-animation: sidebarSlideInRight 0.2s; -ms-animation: sidebarSlideInRight 0.2s; -o-animation: sidebarSlideInRight 0.2s; animation: sidebarSlideInRight 0.2s; } .page-sidebar-toggled.page-with-two-sidebar .sidebar-right.sidebar, .page-sidebar-toggled.page-with-two-sidebar .sidebar-right.sidebar-bg { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; } .page-sidebar-toggled.page-sidebar-minified.sidebar, .page-sidebar-toggled.page-sidebar-minified.sidebar-bg { position: fixed; left: 0; -webkit-animation: sidebarSlideInLeft 0.2s; -moz-animation: sidebarSlideInLeft 0.2s; -ms-animation: sidebarSlideInLeft 0.2s; -o-animation: sidebarSlideInLeft 0.2s; animation: sidebarSlideInLeft 0.2s; } } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu-line { left: auto; right: 26px; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu-arrow { left: auto; right: 0; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li:after { left: auto; right: 0; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu { padding-left: 0; padding-right: 39px; text-align: right; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a { padding-left: 15px; padding-right: 20px; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a .caret { float: left; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a .caret:before { content: "\f053"; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li > a:after { right: -11px; left: auto; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li.active > a .caret:before, .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li.expand > a .caret:before, .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li.expanding > a .caret:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu li:before { right: -13px; left: auto; } .page-with-right-sidebar .float-sub-menu-container .float-sub-menu .sub-menu { padding-left: 0; padding-right: 15px; } .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { left: auto; right: 0; } @media (max-width: 767.98px) { .page-with-right-sidebar .sidebar, .page-with-right-sidebar .sidebar-bg { right: -240px; } } .page-with-right-sidebar .content { margin-left: 0; margin-right: 240px; padding-right: 20px; padding-left: 30px; } @media (max-width: 767.98px) { .page-with-right-sidebar .content { margin-right: 0; padding-left: 20px; padding-right: 20px; } } .page-with-right-sidebar .footer { margin-left: 30px; margin-right: 270px; } @media (max-width: 767.98px) { .page-with-right-sidebar .footer { margin-right: 30px; } } .page-with-right-sidebar .btn-scroll-to-top { left: 25px; right: auto; } @media (min-width: 768px) { .page-with-right-sidebar .map { right: 240px; left: 0; } } .page-with-right-sidebar.page-with-wide-sidebar .content { margin-right: 250px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar .content { margin-right: 0; } } .page-with-right-sidebar.page-with-wide-sidebar .footer { margin-right: 280px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar .footer { margin-right: 20px; } } .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .content { margin-right: 60px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .content { margin-right: 0; } } .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .footer { margin-right: 90px; } @media (max-width: 767.98px) { .page-with-right-sidebar.page-with-wide-sidebar.page-sidebar-minified .footer { margin-right: 20px; } } @media (min-width: 768px) { .page-with-top-menu { padding-top: 90px; } } @media (min-width: 768px) { .page-with-top-menu .sidebar { padding-top: 90px; } } @media (min-width: 768px) { .page-with-top-menu.page-header-fixed { padding-top: 90px; } } @media (min-width: 768px) { .page-with-two-sidebar .sidebar-right.sidebar, .page-with-two-sidebar .sidebar-right.sidebar-bg { right: 0; left: auto; } } @media (max-width: 767.98px) { .page-with-two-sidebar .sidebar-right.sidebar, .page-with-two-sidebar .sidebar-right.sidebar-bg { right: -250px; } } @media (min-width: 768px) { .page-with-two-sidebar .content { margin-right: 240px; } } @media (min-width: 768px) { .page-with-two-sidebar .footer { margin-right: 270px; } } .page-with-two-sidebar.page-sidebar-minified .sidebar-right.sidebar, .page-with-two-sidebar.page-sidebar-minified .sidebar-right.sidebar-bg { width: 240px; } .page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .sidebar-right.sidebar, .page-with-two-sidebar.page-sidebar-minified.page-with-wide-sidebar .sidebar-right.sidebar-bg { width: 250px; } @media (min-width: 768px) { .page-with-two-sidebar.page-with-wide-sidebar .footer { margin-right: 280px; } } .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right { position: fixed; } .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg { right: -240px; } @media (max-width: 767.98px) { .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-collapsed .sidebar-right.sidebar-bg { right: -250px; } } .page-with-two-sidebar.page-right-sidebar-collapsed .content { margin-right: 0; } .page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .sidebar-right.sidebar, .page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .sidebar-right.sidebar-bg { right: -250px; } .page-with-two-sidebar.page-right-sidebar-collapsed.page-with-wide-sidebar .content { margin-right: 0; } @-webkit-keyframes wideSidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @-moz-keyframes wideSidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @-o-keyframes wideSidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @keyframes wideSidebarSlideInLeft { from { left: -250px; } to { left: 0; } } @-webkit-keyframes wideSidebarSlideInRight { from { right: -250px; } to { right: 0; } } @-moz-keyframes wideSidebarSlideInRight { from { right: -250px; } to { right: 0; } } @-o-keyframes wideSidebarSlideInRight { from { right: -250px; } to { right: 0; } } @keyframes wideSidebarSlideInRight { from { right: -250px; } to { right: 0; } } .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg { width: 250px; } @media (max-width: 767.98px) { .page-with-wide-sidebar .sidebar, .page-with-wide-sidebar .sidebar-bg { width: 250px; left: -250px; } } @media (min-width: 768px) { .page-with-wide-sidebar .content { margin-left: 250px; } } @media (min-width: 768px) { .page-with-wide-sidebar .footer { margin-left: 280px; } } @media (min-width: 768px) { .page-with-wide-sidebar .map { left: 250px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-right-sidebar .content { margin-left: 0; margin-right: 250px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-right-sidebar .footer { margin-left: 30px; margin-right: 280px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-right-sidebar .map { right: 250px; left: 0; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-with-two-sidebar .content { margin-right: 250px; margin-left: 250px; } } @media (max-width: 767.98px) { .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled .sidebar, .page-with-wide-sidebar.page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg { left: auto; right: 0; -webkit-animation: wideSidebarSlideInRight 0.2s; -moz-animation: wideSidebarSlideInRight 0.2s; -ms-animation: wideSidebarSlideInRight 0.2s; -o-animation: wideSidebarSlideInRight 0.2s; animation: wideSidebarSlideInRight 0.2s; } } .page-with-wide-sidebar.page-sidebar-minified .sidebar { width: 60px; } .page-with-wide-sidebar.page-sidebar-minified .sidebar + .sidebar-bg { width: 60px; } .page-with-wide-sidebar.page-sidebar-minified .sidebar-right.sidebar, .page-with-wide-sidebar.page-sidebar-minified .sidebar-right.sidebar-bg { width: 250px; } @media (min-width: 768px) { .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-right-sidebar) .content { margin-left: 60px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-sidebar-minified:not(.page-with-right-sidebar) .footer { margin-left: 90px; margin-right: 280px; } } @media (min-width: 768px) { .page-with-wide-sidebar.page-sidebar-minified .map { left: 60px; } } @media (max-width: 767.98px) { .page-with-wide-sidebar.page-sidebar-toggled .sidebar, .page-with-wide-sidebar.page-sidebar-toggled .sidebar-bg { left: 0; -webkit-animation: wideSidebarSlideInLeft 0.2s; -moz-animation: wideSidebarSlideInLeft 0.2s; -ms-animation: wideSidebarSlideInLeft 0.2s; -o-animation: wideSidebarSlideInLeft 0.2s; animation: wideSidebarSlideInLeft 0.2s; } } @media (max-width: 767.98px) { .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar, .page-with-wide-sidebar.page-sidebar-toggled.page-with-right-sidebar .sidebar-bg { left: auto; right: 0; -webkit-animation: wideSidebarSlideInRight 0.2s; -moz-animation: wideSidebarSlideInRight 0.2s; -ms-animation: wideSidebarSlideInRight 0.2s; -o-animation: wideSidebarSlideInRight 0.2s; animation: wideSidebarSlideInRight 0.2s; } } .page-without-sidebar .content { margin-left: 0; } .page-without-sidebar .footer { margin-left: 30px; } @media (max-width: 767.98px) { .page-without-sidebar .header .navbar-brand { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .alert.alert-primary { color: #e6f0ff; background-color: rgba(13, 115, 255, 0.85); border-color: #006cff; } .alert.alert-primary hr { border-top-color: #0061e6; } .alert.alert-primary .alert-link { color: #b3d3ff; } .alert.alert-secondary { color: #d9d9d9; background-color: rgba(110, 110, 110, 0.85); border-color: #666; } .alert.alert-secondary hr { border-top-color: #595959; } .alert.alert-secondary .alert-link { color: #bfbfbf; } .alert.alert-success { color: #b2ffff; background-color: rgba(14, 205, 205, 0.85); border-color: #01caca; } .alert.alert-success hr { border-top-color: #01b1b1; } .alert.alert-success .alert-link { color: #7ffefe; } .alert.alert-info { color: #e6faff; background-color: rgba(13, 206, 255, 0.85); border-color: #00cbff; } .alert.alert-info hr { border-top-color: #00b7e6; } .alert.alert-info .alert-link { color: #b3efff; } .alert.alert-warning { color: #fff2e7; background-color: rgba(255, 130, 14, 0.85); border-color: #ff7b01; } .alert.alert-warning hr { border-top-color: #e76f00; } .alert.alert-warning .alert-link { color: #ffd8b4; } .alert.alert-danger { color: #ffece8; background-color: rgba(255, 63, 15, 0.85); border-color: #ff3502; } .alert.alert-danger hr { border-top-color: #e82f00; } .alert.alert-danger .alert-link { color: #ffc4b5; } .alert.alert-light { color: #fff; background-color: rgba(241, 244, 245, 0.85); border-color: #f0f3f4; } .alert.alert-light hr { border-top-color: #e1e7e9; } .alert.alert-light .alert-link { color: #e6e6e6; } .alert.alert-dark { color: #737373; background-color: rgba(13, 13, 13, 0.85); border-color: #000; } .alert.alert-dark hr { border-top-color: #000; } .alert.alert-dark .alert-link { color: #595959; } .alert.alert-inverse { color: #737373; background-color: rgba(13, 13, 13, 0.85); border-color: #000; } .alert.alert-inverse hr { border-top-color: #000; } .alert.alert-inverse .alert-link { color: #595959; } .alert.alert-black { color: #737373; background-color: rgba(13, 13, 13, 0.85); border-color: #000; } .alert.alert-black hr { border-top-color: #000; } .alert.alert-black .alert-link { color: #595959; } .alert.alert-white { color: #fff; background-color: rgba(255, 255, 255, 0.85); border-color: #fff; } .alert.alert-white hr { border-top-color: #f2f2f2; } .alert.alert-white .alert-link { color: #e6e6e6; } .alert.alert-grey { color: #fff; background-color: rgba(239, 239, 239, 0.85); border-color: #eee; } .alert.alert-grey hr { border-top-color: #e1e1e1; } .alert.alert-grey .alert-link { color: #e6e6e6; } .alert.alert-muted { color: #fff; background-color: rgba(239, 239, 239, 0.85); border-color: #eee; } .alert.alert-muted hr { border-top-color: #e1e1e1; } .alert.alert-muted .alert-link { color: #e6e6e6; } .alert.alert-silver { color: #fff; background-color: rgba(239, 239, 239, 0.85); border-color: #eee; } .alert.alert-silver hr { border-top-color: #e1e1e1; } .alert.alert-silver .alert-link { color: #e6e6e6; } .alert.alert-lime { color: #f7ffd0; background-color: rgba(197, 234, 13, 0.85); border-color: #c2e900; } .alert.alert-lime hr { border-top-color: #add000; } .alert.alert-lime .alert-link { color: #efff9d; } .alert.alert-aqua { color: #e6faff; background-color: rgba(13, 206, 255, 0.85); border-color: #00cbff; } .alert.alert-aqua hr { border-top-color: #00b7e6; } .alert.alert-aqua .alert-link { color: #b3efff; } .alert.alert-blue { color: #e6f0ff; background-color: rgba(64, 145, 255, 0.85); border-color: #006cff; } .alert.alert-blue hr { border-top-color: #0061e6; } .alert.alert-blue .alert-link { color: #b3d3ff; } .alert.alert-indigo { color: #eee6ff; background-color: rgba(128, 64, 255, 0.85); border-color: #5600ff; } .alert.alert-indigo hr { border-top-color: #4d00e6; } .alert.alert-indigo .alert-link { color: #ccb3ff; } .alert.alert-purple { color: #f5e6ff; background-color: rgba(178, 64, 255, 0.85); border-color: #9800ff; } .alert.alert-purple hr { border-top-color: #8900e6; } .alert.alert-purple .alert-link { color: #e0b3ff; } .alert.alert-pink { color: #ffe6f2; background-color: rgba(255, 64, 161, 0.85); border-color: #ff0081; } .alert.alert-pink hr { border-top-color: #e60074; } .alert.alert-pink .alert-link { color: #ffb3d9; } .alert.alert-red { color: #ffece8; background-color: rgba(255, 104, 65, 0.85); border-color: #ff3502; } .alert.alert-red hr { border-top-color: #e82f00; } .alert.alert-red .alert-link { color: #ffc4b5; } .alert.alert-orange { color: #fff2e7; background-color: rgba(255, 156, 65, 0.85); border-color: #ff7b01; } .alert.alert-orange hr { border-top-color: #e76f00; } .alert.alert-orange .alert-link { color: #ffd8b4; } .alert.alert-yellow { color: #fffbe6; background-color: rgba(255, 227, 64, 0.85); border-color: #ffd900; } .alert.alert-yellow hr { border-top-color: #e6c300; } .alert.alert-yellow .alert-link { color: #fff4b3; } .alert.alert-green { color: #adfdc7; background-color: rgba(67, 209, 113, 0.85); border-color: #04c142; } .alert.alert-green hr { border-top-color: #03a839; } .alert.alert-green .alert-link { color: #7bfca6; } .alert.alert-teal { color: #b2ffff; background-color: rgba(65, 215, 215, 0.85); border-color: #01caca; } .alert.alert-teal hr { border-top-color: #01b1b1; } .alert.alert-teal .alert-link { color: #7ffefe; } .alert.alert-cyan { color: #e6faff; background-color: rgba(64, 216, 255, 0.85); border-color: #00cbff; } .alert.alert-cyan hr { border-top-color: #00b7e6; } .alert.alert-cyan .alert-link { color: #b3efff; } .alert.alert-white { color: #fff; background-color: rgba(255, 255, 255, 0.85); border-color: #fff; } .alert.alert-white hr { border-top-color: #f2f2f2; } .alert.alert-white .alert-link { color: #e6e6e6; } .alert.alert-gray { color: #d9d9d9; background-color: rgba(140, 140, 140, 0.85); border-color: #666; } .alert.alert-gray hr { border-top-color: #595959; } .alert.alert-gray .alert-link { color: #bfbfbf; } .alert.alert-gray-dark { color: #8d8d8d; background-color: rgba(83, 83, 83, 0.85); border-color: #1a1a1a; } .alert.alert-gray-dark hr { border-top-color: #0d0d0d; } .alert.alert-gray-dark .alert-link { color: #737373; } .alert.alert-black { color: #737373; background-color: rgba(64, 64, 64, 0.85); border-color: #000; } .alert.alert-black hr { border-top-color: #000; } .alert.alert-black .alert-link { color: #595959; } .alert.alert-dark { color: #737373; background-color: rgba(64, 64, 64, 0.85); border-color: #000; } .alert.alert-dark hr { border-top-color: #000; } .alert.alert-dark .alert-link { color: #595959; } .alert.alert-dark-darker { color: #737373; background-color: rgba(64, 64, 64, 0.85); border-color: #000; } .alert.alert-dark-darker hr { border-top-color: #000; } .alert.alert-dark-darker .alert-link { color: #595959; } .alert.alert-lime { color: #f7ffd0; background-color: rgba(209, 239, 64, 0.85); border-color: #c2e900; } .alert.alert-lime hr { border-top-color: #add000; } .alert.alert-lime .alert-link { color: #efff9d; } .alert.alert-light { color: #fff; background-color: rgba(244, 246, 247, 0.85); border-color: #f0f3f4; } .alert.alert-light hr { border-top-color: #e1e7e9; } .alert.alert-light .alert-link { color: #e6e6e6; } .alert.alert-silver { color: #fff; background-color: rgba(242, 242, 242, 0.85); border-color: #eee; } .alert.alert-silver hr { border-top-color: #e1e1e1; } .alert.alert-silver .alert-link { color: #e6e6e6; } .alert.alert-muted { color: #fff; background-color: rgba(185, 185, 185, 0.85); border-color: #a2a2a2; } .alert.alert-muted hr { border-top-color: #959595; } .alert.alert-muted .alert-link { color: #e6e6e6; } .alert.alert-aqua { color: #e6faff; background-color: rgba(64, 216, 255, 0.85); border-color: #00cbff; } .alert.alert-aqua hr { border-top-color: #00b7e6; } .alert.alert-aqua .alert-link { color: #b3efff; } .alert.alert-gray-100 { color: #fff; background-color: rgba(245, 245, 245, 0.85); border-color: #f2f2f2; } .alert.alert-gray-100 hr { border-top-color: #e5e5e5; } .alert.alert-gray-100 .alert-link { color: #e6e6e6; } .alert.alert-gray-200 { color: #fff; background-color: rgba(236, 236, 236, 0.85); border-color: #e6e6e6; } .alert.alert-gray-200 hr { border-top-color: #d9d9d9; } .alert.alert-gray-200 .alert-link { color: #e6e6e6; } .alert.alert-gray-300 { color: #fff; background-color: rgba(217, 217, 217, 0.85); border-color: #ccc; } .alert.alert-gray-300 hr { border-top-color: #bfbfbf; } .alert.alert-gray-300 .alert-link { color: #e6e6e6; } .alert.alert-gray-400 { color: #fff; background-color: rgba(188, 188, 188, 0.85); border-color: #a6a6a6; } .alert.alert-gray-400 hr { border-top-color: #999; } .alert.alert-gray-400 .alert-link { color: #e6e6e6; } .alert.alert-gray-500 { color: #f3f3f3; background-color: rgba(160, 160, 160, 0.85); border-color: gray; } .alert.alert-gray-500 hr { border-top-color: #737373; } .alert.alert-gray-500 .alert-link { color: #d9d9d9; } .alert.alert-gray-600 { color: #d9d9d9; background-color: rgba(140, 140, 140, 0.85); border-color: #666; } .alert.alert-gray-600 hr { border-top-color: #595959; } .alert.alert-gray-600 .alert-link { color: #bfbfbf; } .alert.alert-gray-700 { color: #b3b3b3; background-color: rgba(112, 112, 112, 0.85); border-color: #404040; } .alert.alert-gray-700 hr { border-top-color: #333; } .alert.alert-gray-700 .alert-link { color: #999; } .alert.alert-gray-800 { color: #8d8d8d; background-color: rgba(83, 83, 83, 0.85); border-color: #1a1a1a; } .alert.alert-gray-800 hr { border-top-color: #0d0d0d; } .alert.alert-gray-800 .alert-link { color: #737373; } .alert.alert-gray-900 { color: #737373; background-color: rgba(64, 64, 64, 0.85); border-color: #000; } .alert.alert-gray-900 hr { border-top-color: #000; } .alert.alert-gray-900 .alert-link { color: #595959; } .badge { font-size: 75%; font-weight: 600; display: inline-block; min-width: 10px; padding: 3px 7px; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; -webkit-border-radius: 12px; border-radius: 12px; } .badge.badge-primary { background: #006cff; } .badge.badge-secondary { background: #666; } .badge.badge-success { background: #04c142; } .badge.badge-info { background: #00cbff; } .badge.badge-warning { background: #ff7b01; } .badge.badge-danger { background: #ff3502; } .badge.badge-light { color: #000; background: #f0f3f4; } .badge.badge-dark { background: #000; } .badge.badge-inverse { background: #000; } .badge.badge-black { background: #000; } .badge.badge-white { background: #fff; } .badge.badge-grey { background: #eee; } .badge.badge-muted { background: #eee; } .badge.badge-silver { background: #eee; } .badge.badge-lime { background: #c2e900; } .badge.badge-aqua { background: #00cbff; } .badge.badge-blue { background: #006cff; } .badge.badge-indigo { background: #5600ff; } .badge.badge-purple { background: #9800ff; } .badge.badge-pink { background: #ff0081; } .badge.badge-red { background: #ff3502; } .badge.badge-orange { background: #ff7b01; } .badge.badge-yellow { background: #ffd900; } .badge.badge-green { background: #04c142; } .badge.badge-teal { background: #01caca; } .badge.badge-cyan { background: #00cbff; } .badge.badge-white { background: #fff; } .badge.badge-gray { background: #666; } .badge.badge-gray-dark { background: #1a1a1a; } .badge.badge-black { background: #000; } .badge.badge-dark { background: #000; } .badge.badge-dark-darker { background: #000; } .badge.badge-lime { background: #c2e900; } .badge.badge-light { background: #f0f3f4; } .badge.badge-silver { background: #eee; } .badge.badge-muted { background: #a2a2a2; } .badge.badge-aqua { background: #00cbff; } .badge.badge-gray-100 { background: #f2f2f2; } .badge.badge-gray-200 { background: #e6e6e6; } .badge.badge-gray-300 { background: #ccc; } .badge.badge-gray-400 { background: #a6a6a6; } .badge.badge-gray-500 { background: gray; } .badge.badge-gray-600 { background: #666; } .badge.badge-gray-700 { background: #404040; } .badge.badge-gray-800 { background: #1a1a1a; } .badge.badge-gray-900 { background: #000; } .badge.badge-square { -webkit-border-radius: 0; border-radius: 0; } .badge.badge-default { background: #b3b3b3; color: #000; } .breadcrumb { padding: 0; margin: 0; background: 0 0; } .breadcrumb .breadcrumb-item { line-height: 32px; color: rgba(255, 255, 255, 0.75); } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #737373; } .btn-scroll-to-top { position: fixed; bottom: 20px; right: 25px; z-index: 1020; } .btn { font-weight: 600; } .btn.btn-circle, .btn.btn-rounded { -webkit-border-radius: 200px; border-radius: 200px; } .btn.btn-icon { width: 28px; height: 28px; padding: 0; border: none; line-height: 28px; text-align: center; font-size: 14px; } .btn.btn-icon.btn-xs { width: 16px; height: 16px; font-size: 8px; line-height: 16px; } .btn-group-sm > .btn.btn-icon, .btn.btn-icon.btn-sm { width: 22px; height: 22px; font-size: 11px; line-height: 22px; } .btn-group-lg > .btn.btn-icon, .btn.btn-icon.btn-lg { width: 34px; height: 34px; font-size: 17px; line-height: 34px; } .btn.btn-theme { padding: 12px 30px; font-weight: 700; -webkit-border-radius: 6px; border-radius: 6px; } .btn.btn-xs { font-size: 12px; line-height: 18px; padding: 1px 5px; } .btn.btn-white.btn-white-without-border { border-color: #fff; } .btn.btn-white.btn-white-without-border:not(.active):focus, .btn.btn-white.btn-white-without-border:not(.active):hover { border-color: #bfbfbf !important; background: #bfbfbf !important; } .btn.btn-white.btn-white-without-border.active { border-color: #b3b3b3 !important; } .btn-default { color: #000; background-color: rgba(255, 255, 255, 0.25); border-color: transparent; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; } .btn-default:hover { color: #000; background-color: rgba(255, 255, 255, 0.5); border-color: transparent; } .btn-default.focus, .btn-default:focus { color: #000; background-color: rgba(255, 255, 255, 0.5); border-color: transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-default.disabled, .btn-default:disabled { color: #000; background-color: rgba(255, 255, 255, 0.25); border-color: transparent; } .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle { color: #000; background-color: #fff; border-color: #fff; } .btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-default:focus, .btn-default:hover { color: #fff; } .btn-primary { color: #fff; background-color: #006cff; border-color: #006cff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-primary:hover { color: #fff; background-color: #0056cc; border-color: #0056cc; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #0056cc; border-color: #0056cc; box-shadow: 0 0 0 0 rgba(38, 130, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #006cff; border-color: #006cff; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0056cc; border-color: #0056cc; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 130, 255, 0.5); } .btn-secondary { color: #fff; background-color: #666; border-color: #666; -webkit-box-shadow: 0; box-shadow: 0; } .btn-secondary:hover { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #666; border-color: #666; } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-success { color: #fff; background-color: #04c142; border-color: #04c142; -webkit-box-shadow: 0; box-shadow: 0; } .btn-success:hover { color: #fff; background-color: #038f31; border-color: #038f31; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #038f31; border-color: #038f31; box-shadow: 0 0 0 0 rgba(42, 202, 94, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #04c142; border-color: #04c142; } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #038f31; border-color: #038f31; } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(42, 202, 94, 0.5); } .btn-info { color: #fff; background-color: #00cbff; border-color: #00cbff; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; } .btn-info:hover { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #00a2cc; border-color: #00a2cc; box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-warning { color: #fff; background-color: #ff7b01; border-color: #ff7b01; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; } .btn-warning:hover { color: #fff; background-color: #cd6200; border-color: #cd6200; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #cd6200; border-color: #cd6200; box-shadow: 0 0 0 0 rgba(255, 143, 39, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #ff7b01; border-color: #ff7b01; } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #cd6200; border-color: #cd6200; } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 143, 39, 0.5); } .btn-danger { color: #fff; background-color: #ff3502; border-color: #ff3502; -webkit-box-shadow: 0; box-shadow: 0; } .btn-danger:hover { color: #fff; background-color: #ce2a00; border-color: #ce2a00; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #ce2a00; border-color: #ce2a00; box-shadow: 0 0 0 0 rgba(255, 83, 40, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff3502; border-color: #ff3502; } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ce2a00; border-color: #ce2a00; } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 83, 40, 0.5); } .btn-light { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; -webkit-box-shadow: 0; box-shadow: 0; } .btn-light:hover { color: #000; background-color: #d3dbde; border-color: #d3dbde; } .btn-light.focus, .btn-light:focus { color: #000; background-color: #d3dbde; border-color: #d3dbde; box-shadow: 0 0 0 0 rgba(204, 207, 207, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #d3dbde; border-color: #d3dbde; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(204, 207, 207, 0.5); } .btn-dark { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-dark:hover { color: #fff; background-color: #000; border-color: #000; } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-inverse { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-inverse:hover { color: #fff; background-color: #000; border-color: #000; } .btn-inverse.focus, .btn-inverse:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-inverse.disabled, .btn-inverse:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-inverse:not(:disabled):not(.disabled).active, .btn-inverse:not(:disabled):not(.disabled):active, .show > .btn-inverse.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-inverse:not(:disabled):not(.disabled).active:focus, .btn-inverse:not(:disabled):not(.disabled):active:focus, .show > .btn-inverse.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-black:hover { color: #fff; background-color: #000; border-color: #000; } .btn-black.focus, .btn-black:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled).active:focus, .btn-black:not(:disabled):not(.disabled):active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-white { color: #000; background-color: #fff; border-color: #fff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-white:hover { color: #000; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-white.focus, .btn-white:focus { color: #000; background-color: #e6e6e6; border-color: #e6e6e6; box-shadow: 0 0 0 0 rgba(217, 217, 217, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #000; background-color: #fff; border-color: #fff; } .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle { color: #000; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(217, 217, 217, 0.5); } .btn-grey { color: #000; background-color: #eee; border-color: #eee; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; color: #000; } .btn-grey:hover { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-grey.focus, .btn-grey:focus { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-grey.disabled, .btn-grey:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active, .show > .btn-grey.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-grey:not(:disabled):not(.disabled).active:focus, .btn-grey:not(:disabled):not(.disabled):active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-grey:focus, .btn-grey:hover { color: #000; } .btn-muted { color: #000; background-color: #eee; border-color: #eee; -webkit-box-shadow: 0; box-shadow: 0; } .btn-muted:hover { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-muted.focus, .btn-muted:focus { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-muted.disabled, .btn-muted:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-muted:not(:disabled):not(.disabled).active, .btn-muted:not(:disabled):not(.disabled):active, .show > .btn-muted.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-muted:not(:disabled):not(.disabled).active:focus, .btn-muted:not(:disabled):not(.disabled):active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-silver { color: #000; background-color: #eee; border-color: #eee; -webkit-box-shadow: 0; box-shadow: 0; } .btn-silver:hover { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-silver.focus, .btn-silver:focus { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-silver.disabled, .btn-silver:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-silver:not(:disabled):not(.disabled).active, .btn-silver:not(:disabled):not(.disabled):active, .show > .btn-silver.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-silver:not(:disabled):not(.disabled).active:focus, .btn-silver:not(:disabled):not(.disabled):active:focus, .show > .btn-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-lime { color: #000; background-color: #c2e900; border-color: #c2e900; -webkit-box-shadow: 0; box-shadow: 0; } .btn-lime:hover { color: #000; background-color: #98b600; border-color: #98b600; } .btn-lime.focus, .btn-lime:focus { color: #000; background-color: #98b600; border-color: #98b600; box-shadow: 0 0 0 0 rgba(165, 198, 0, 0.5); } .btn-lime.disabled, .btn-lime:disabled { color: #000; background-color: #c2e900; border-color: #c2e900; } .btn-lime:not(:disabled):not(.disabled).active, .btn-lime:not(:disabled):not(.disabled):active, .show > .btn-lime.dropdown-toggle { color: #000; background-color: #98b600; border-color: #98b600; } .btn-lime:not(:disabled):not(.disabled).active:focus, .btn-lime:not(:disabled):not(.disabled):active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(165, 198, 0, 0.5); } .btn-aqua { color: #fff; background-color: #00cbff; border-color: #00cbff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-aqua:hover { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-aqua.focus, .btn-aqua:focus { color: #fff; background-color: #00a2cc; border-color: #00a2cc; box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-aqua.disabled, .btn-aqua:disabled { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-aqua:not(:disabled):not(.disabled).active, .btn-aqua:not(:disabled):not(.disabled):active, .show > .btn-aqua.dropdown-toggle { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-aqua:not(:disabled):not(.disabled).active:focus, .btn-aqua:not(:disabled):not(.disabled):active:focus, .show > .btn-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-blue { color: #fff; background-color: #006cff; border-color: #006cff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-blue:hover { color: #fff; background-color: #0056cc; border-color: #0056cc; } .btn-blue.focus, .btn-blue:focus { color: #fff; background-color: #0056cc; border-color: #0056cc; box-shadow: 0 0 0 0 rgba(38, 130, 255, 0.5); } .btn-blue.disabled, .btn-blue:disabled { color: #fff; background-color: #006cff; border-color: #006cff; } .btn-blue:not(:disabled):not(.disabled).active, .btn-blue:not(:disabled):not(.disabled):active, .show > .btn-blue.dropdown-toggle { color: #fff; background-color: #0056cc; border-color: #0056cc; } .btn-blue:not(:disabled):not(.disabled).active:focus, .btn-blue:not(:disabled):not(.disabled):active:focus, .show > .btn-blue.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 130, 255, 0.5); } .btn-indigo { color: #fff; background-color: #5600ff; border-color: #5600ff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-indigo:hover { color: #fff; background-color: #4500cc; border-color: #4500cc; } .btn-indigo.focus, .btn-indigo:focus { color: #fff; background-color: #4500cc; border-color: #4500cc; box-shadow: 0 0 0 0 rgba(111, 38, 255, 0.5); } .btn-indigo.disabled, .btn-indigo:disabled { color: #fff; background-color: #5600ff; border-color: #5600ff; } .btn-indigo:not(:disabled):not(.disabled).active, .btn-indigo:not(:disabled):not(.disabled):active, .show > .btn-indigo.dropdown-toggle { color: #fff; background-color: #4500cc; border-color: #4500cc; } .btn-indigo:not(:disabled):not(.disabled).active:focus, .btn-indigo:not(:disabled):not(.disabled):active:focus, .show > .btn-indigo.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(111, 38, 255, 0.5); } .btn-purple { color: #fff; background-color: #9800ff; border-color: #9800ff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-purple:hover { color: #fff; background-color: #7a00cc; border-color: #7a00cc; } .btn-purple.focus, .btn-purple:focus { color: #fff; background-color: #7a00cc; border-color: #7a00cc; box-shadow: 0 0 0 0 rgba(167, 38, 255, 0.5); } .btn-purple.disabled, .btn-purple:disabled { color: #fff; background-color: #9800ff; border-color: #9800ff; } .btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show > .btn-purple.dropdown-toggle { color: #fff; background-color: #7a00cc; border-color: #7a00cc; } .btn-purple:not(:disabled):not(.disabled).active:focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .show > .btn-purple.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(167, 38, 255, 0.5); } .btn-pink { color: #fff; background-color: #ff0081; border-color: #ff0081; -webkit-box-shadow: 0; box-shadow: 0; } .btn-pink:hover { color: #fff; background-color: #cc0067; border-color: #cc0067; } .btn-pink.focus, .btn-pink:focus { color: #fff; background-color: #cc0067; border-color: #cc0067; box-shadow: 0 0 0 0 rgba(255, 38, 148, 0.5); } .btn-pink.disabled, .btn-pink:disabled { color: #fff; background-color: #ff0081; border-color: #ff0081; } .btn-pink:not(:disabled):not(.disabled).active, .btn-pink:not(:disabled):not(.disabled):active, .show > .btn-pink.dropdown-toggle { color: #fff; background-color: #cc0067; border-color: #cc0067; } .btn-pink:not(:disabled):not(.disabled).active:focus, .btn-pink:not(:disabled):not(.disabled):active:focus, .show > .btn-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 38, 148, 0.5); } .btn-red { color: #fff; background-color: #ff3502; border-color: #ff3502; -webkit-box-shadow: 0; box-shadow: 0; } .btn-red:hover { color: #fff; background-color: #ce2a00; border-color: #ce2a00; } .btn-red.focus, .btn-red:focus { color: #fff; background-color: #ce2a00; border-color: #ce2a00; box-shadow: 0 0 0 0 rgba(255, 83, 40, 0.5); } .btn-red.disabled, .btn-red:disabled { color: #fff; background-color: #ff3502; border-color: #ff3502; } .btn-red:not(:disabled):not(.disabled).active, .btn-red:not(:disabled):not(.disabled):active, .show > .btn-red.dropdown-toggle { color: #fff; background-color: #ce2a00; border-color: #ce2a00; } .btn-red:not(:disabled):not(.disabled).active:focus, .btn-red:not(:disabled):not(.disabled):active:focus, .show > .btn-red.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 83, 40, 0.5); } .btn-orange { color: #fff; background-color: #ff7b01; border-color: #ff7b01; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; } .btn-orange:hover { color: #fff; background-color: #cd6200; border-color: #cd6200; } .btn-orange.focus, .btn-orange:focus { color: #fff; background-color: #cd6200; border-color: #cd6200; box-shadow: 0 0 0 0 rgba(255, 143, 39, 0.5); } .btn-orange.disabled, .btn-orange:disabled { color: #fff; background-color: #ff7b01; border-color: #ff7b01; } .btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active, .show > .btn-orange.dropdown-toggle { color: #fff; background-color: #cd6200; border-color: #cd6200; } .btn-orange:not(:disabled):not(.disabled).active:focus, .btn-orange:not(:disabled):not(.disabled):active:focus, .show > .btn-orange.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 143, 39, 0.5); } .btn-yellow { color: #000; background-color: #ffd900; border-color: #ffd900; -webkit-box-shadow: 0; box-shadow: 0; } .btn-yellow:hover { color: #000; background-color: #ccae00; border-color: #ccae00; } .btn-yellow.focus, .btn-yellow:focus { color: #000; background-color: #ccae00; border-color: #ccae00; box-shadow: 0 0 0 0 rgba(217, 184, 0, 0.5); } .btn-yellow.disabled, .btn-yellow:disabled { color: #000; background-color: #ffd900; border-color: #ffd900; } .btn-yellow:not(:disabled):not(.disabled).active, .btn-yellow:not(:disabled):not(.disabled):active, .show > .btn-yellow.dropdown-toggle { color: #000; background-color: #ccae00; border-color: #ccae00; } .btn-yellow:not(:disabled):not(.disabled).active:focus, .btn-yellow:not(:disabled):not(.disabled):active:focus, .show > .btn-yellow.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(217, 184, 0, 0.5); } .btn-green { color: #fff; background-color: #04c142; border-color: #04c142; -webkit-box-shadow: 0; box-shadow: 0; } .btn-green:hover { color: #fff; background-color: #038f31; border-color: #038f31; } .btn-green.focus, .btn-green:focus { color: #fff; background-color: #038f31; border-color: #038f31; box-shadow: 0 0 0 0 rgba(42, 202, 94, 0.5); } .btn-green.disabled, .btn-green:disabled { color: #fff; background-color: #04c142; border-color: #04c142; } .btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show > .btn-green.dropdown-toggle { color: #fff; background-color: #038f31; border-color: #038f31; } .btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show > .btn-green.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(42, 202, 94, 0.5); } .btn-teal { color: #fff; background-color: #01caca; border-color: #01caca; -webkit-box-shadow: 0; box-shadow: 0; } .btn-teal:hover { color: #fff; background-color: #019797; border-color: #019797; } .btn-teal.focus, .btn-teal:focus { color: #fff; background-color: #019797; border-color: #019797; box-shadow: 0 0 0 0 rgba(39, 210, 210, 0.5); } .btn-teal.disabled, .btn-teal:disabled { color: #fff; background-color: #01caca; border-color: #01caca; } .btn-teal:not(:disabled):not(.disabled).active, .btn-teal:not(:disabled):not(.disabled):active, .show > .btn-teal.dropdown-toggle { color: #fff; background-color: #019797; border-color: #019797; } .btn-teal:not(:disabled):not(.disabled).active:focus, .btn-teal:not(:disabled):not(.disabled):active:focus, .show > .btn-teal.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(39, 210, 210, 0.5); } .btn-cyan { color: #fff; background-color: #00cbff; border-color: #00cbff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-cyan:hover { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-cyan.focus, .btn-cyan:focus { color: #fff; background-color: #00a2cc; border-color: #00a2cc; box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-cyan.disabled, .btn-cyan:disabled { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-cyan:not(:disabled):not(.disabled).active, .btn-cyan:not(:disabled):not(.disabled):active, .show > .btn-cyan.dropdown-toggle { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-cyan:not(:disabled):not(.disabled).active:focus, .btn-cyan:not(:disabled):not(.disabled):active:focus, .show > .btn-cyan.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-white { color: #000; background-color: #fff; border-color: #fff; -webkit-box-shadow: 0; box-shadow: 0; } .btn-white:hover { color: #000; background-color: #bfbfbf; border-color: rgba(255, 255, 255, 0.25); } .btn-white.focus, .btn-white:focus { color: #000; background-color: #bfbfbf; border-color: rgba(255, 255, 255, 0.25); box-shadow: 0 0 0 0 rgba(217, 217, 217, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #000; background-color: #fff; border-color: #fff; } .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle { color: #000; background-color: #b3b3b3; border-color: rgba(255, 255, 255, 0.25); } .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(217, 217, 217, 0.5); } .btn-gray { color: #fff; background-color: #666; border-color: #666; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray:hover { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-gray.focus, .btn-gray:focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-gray.disabled, .btn-gray:disabled { color: #fff; background-color: #666; border-color: #666; } .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show > .btn-gray.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-gray:not(:disabled):not(.disabled).active:focus, .btn-gray:not(:disabled):not(.disabled):active:focus, .show > .btn-gray.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-gray-dark { color: #fff; background-color: #1a1a1a; border-color: #1a1a1a; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-dark:hover { color: #fff; background-color: #010101; border-color: #010101; } .btn-gray-dark.focus, .btn-gray-dark:focus { color: #fff; background-color: #010101; border-color: #010101; box-shadow: 0 0 0 0 rgba(60, 60, 60, 0.5); } .btn-gray-dark.disabled, .btn-gray-dark:disabled { color: #fff; background-color: #1a1a1a; border-color: #1a1a1a; } .btn-gray-dark:not(:disabled):not(.disabled).active, .btn-gray-dark:not(:disabled):not(.disabled):active, .show > .btn-gray-dark.dropdown-toggle { color: #fff; background-color: #010101; border-color: #010101; } .btn-gray-dark:not(:disabled):not(.disabled).active:focus, .btn-gray-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(60, 60, 60, 0.5); } .btn-black { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-black:hover { color: #fff; background-color: #000; border-color: #000; } .btn-black.focus, .btn-black:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-black:not(:disabled):not(.disabled).active:focus, .btn-black:not(:disabled):not(.disabled):active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-dark:hover { color: #fff; background-color: #000; border-color: #000; } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark-darker { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-dark-darker:hover { color: #fff; background-color: #000; border-color: #000; } .btn-dark-darker.focus, .btn-dark-darker:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-dark-darker.disabled, .btn-dark-darker:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-dark-darker:not(:disabled):not(.disabled).active, .btn-dark-darker:not(:disabled):not(.disabled):active, .show > .btn-dark-darker.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-dark-darker:not(:disabled):not(.disabled).active:focus, .btn-dark-darker:not(:disabled):not(.disabled):active:focus, .show > .btn-dark-darker.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-lime { color: #000; background-color: #c2e900; border-color: #c2e900; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; } .btn-lime:hover { color: #000; background-color: #98b600; border-color: #98b600; } .btn-lime.focus, .btn-lime:focus { color: #000; background-color: #98b600; border-color: #98b600; box-shadow: 0 0 0 0 rgba(165, 198, 0, 0.5); } .btn-lime.disabled, .btn-lime:disabled { color: #000; background-color: #c2e900; border-color: #c2e900; } .btn-lime:not(:disabled):not(.disabled).active, .btn-lime:not(:disabled):not(.disabled):active, .show > .btn-lime.dropdown-toggle { color: #000; background-color: #98b600; border-color: #98b600; } .btn-lime:not(:disabled):not(.disabled).active:focus, .btn-lime:not(:disabled):not(.disabled):active:focus, .show > .btn-lime.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(165, 198, 0, 0.5); } .btn-lime:focus, .btn-lime:hover { color: #fff; } .btn-light { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; -webkit-box-shadow: 0; box-shadow: 0; } .btn-light:hover { color: #000; background-color: #d3dbde; border-color: #d3dbde; } .btn-light.focus, .btn-light:focus { color: #000; background-color: #d3dbde; border-color: #d3dbde; box-shadow: 0 0 0 0 rgba(204, 207, 207, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f0f3f4; border-color: #f0f3f4; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #d3dbde; border-color: #d3dbde; } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(204, 207, 207, 0.5); } .btn-silver { color: #000; background-color: #eee; border-color: #eee; -webkit-box-shadow: 0; box-shadow: 0; } .btn-silver:hover { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-silver.focus, .btn-silver:focus { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-silver.disabled, .btn-silver:disabled { color: #000; background-color: #eee; border-color: #eee; } .btn-silver:not(:disabled):not(.disabled).active, .btn-silver:not(:disabled):not(.disabled):active, .show > .btn-silver.dropdown-toggle { color: #000; background-color: #d5d5d5; border-color: #d5d5d5; } .btn-silver:not(:disabled):not(.disabled).active:focus, .btn-silver:not(:disabled):not(.disabled):active:focus, .show > .btn-silver.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(202, 202, 202, 0.5); } .btn-muted { color: #000; background-color: #a2a2a2; border-color: #a2a2a2; -webkit-box-shadow: 0; box-shadow: 0; } .btn-muted:hover { color: #fff; background-color: #888; border-color: #888; } .btn-muted.focus, .btn-muted:focus { color: #fff; background-color: #888; border-color: #888; box-shadow: 0 0 0 0 rgba(137, 137, 137, 0.5); } .btn-muted.disabled, .btn-muted:disabled { color: #000; background-color: #a2a2a2; border-color: #a2a2a2; } .btn-muted:not(:disabled):not(.disabled).active, .btn-muted:not(:disabled):not(.disabled):active, .show > .btn-muted.dropdown-toggle { color: #fff; background-color: #888; border-color: #888; } .btn-muted:not(:disabled):not(.disabled).active:focus, .btn-muted:not(:disabled):not(.disabled):active:focus, .show > .btn-muted.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(137, 137, 137, 0.5); } .btn-aqua { color: #fff; background-color: #00cbff; border-color: #00cbff; -webkit-box-shadow: 0; box-shadow: 0; color: #fff; } .btn-aqua:hover { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-aqua.focus, .btn-aqua:focus { color: #fff; background-color: #00a2cc; border-color: #00a2cc; box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-aqua.disabled, .btn-aqua:disabled { color: #fff; background-color: #00cbff; border-color: #00cbff; } .btn-aqua:not(:disabled):not(.disabled).active, .btn-aqua:not(:disabled):not(.disabled):active, .show > .btn-aqua.dropdown-toggle { color: #fff; background-color: #00a2cc; border-color: #00a2cc; } .btn-aqua:not(:disabled):not(.disabled).active:focus, .btn-aqua:not(:disabled):not(.disabled):active:focus, .show > .btn-aqua.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 211, 255, 0.5); } .btn-gray-100 { color: #000; background-color: #f2f2f2; border-color: #f2f2f2; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-100:hover { color: #000; background-color: #d9d9d9; border-color: #d9d9d9; } .btn-gray-100.focus, .btn-gray-100:focus { color: #000; background-color: #d9d9d9; border-color: #d9d9d9; box-shadow: 0 0 0 0 rgba(206, 206, 206, 0.5); } .btn-gray-100.disabled, .btn-gray-100:disabled { color: #000; background-color: #f2f2f2; border-color: #f2f2f2; } .btn-gray-100:not(:disabled):not(.disabled).active, .btn-gray-100:not(:disabled):not(.disabled):active, .show > .btn-gray-100.dropdown-toggle { color: #000; background-color: #d9d9d9; border-color: #d9d9d9; } .btn-gray-100:not(:disabled):not(.disabled).active:focus, .btn-gray-100:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-100.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(206, 206, 206, 0.5); } .btn-gray-200 { color: #000; background-color: #e6e6e6; border-color: #e6e6e6; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-200:hover { color: #000; background-color: #cdcdcd; border-color: #cdcdcd; } .btn-gray-200.focus, .btn-gray-200:focus { color: #000; background-color: #cdcdcd; border-color: #cdcdcd; box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.5); } .btn-gray-200.disabled, .btn-gray-200:disabled { color: #000; background-color: #e6e6e6; border-color: #e6e6e6; } .btn-gray-200:not(:disabled):not(.disabled).active, .btn-gray-200:not(:disabled):not(.disabled):active, .show > .btn-gray-200.dropdown-toggle { color: #000; background-color: #cdcdcd; border-color: #cdcdcd; } .btn-gray-200:not(:disabled):not(.disabled).active:focus, .btn-gray-200:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-200.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(196, 196, 196, 0.5); } .btn-gray-300 { color: #000; background-color: #ccc; border-color: #ccc; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-300:hover { color: #000; background-color: #b3b3b3; border-color: #b3b3b3; } .btn-gray-300.focus, .btn-gray-300:focus { color: #000; background-color: #b3b3b3; border-color: #b3b3b3; box-shadow: 0 0 0 0 rgba(173, 173, 173, 0.5); } .btn-gray-300.disabled, .btn-gray-300:disabled { color: #000; background-color: #ccc; border-color: #ccc; } .btn-gray-300:not(:disabled):not(.disabled).active, .btn-gray-300:not(:disabled):not(.disabled):active, .show > .btn-gray-300.dropdown-toggle { color: #000; background-color: #b3b3b3; border-color: #b3b3b3; } .btn-gray-300:not(:disabled):not(.disabled).active:focus, .btn-gray-300:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-300.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(173, 173, 173, 0.5); } .btn-gray-400 { color: #000; background-color: #a6a6a6; border-color: #a6a6a6; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-400:hover { color: #fff; background-color: #8d8d8d; border-color: #8d8d8d; } .btn-gray-400.focus, .btn-gray-400:focus { color: #fff; background-color: #8d8d8d; border-color: #8d8d8d; box-shadow: 0 0 0 0 rgba(141, 141, 141, 0.5); } .btn-gray-400.disabled, .btn-gray-400:disabled { color: #000; background-color: #a6a6a6; border-color: #a6a6a6; } .btn-gray-400:not(:disabled):not(.disabled).active, .btn-gray-400:not(:disabled):not(.disabled):active, .show > .btn-gray-400.dropdown-toggle { color: #fff; background-color: #8d8d8d; border-color: #8d8d8d; } .btn-gray-400:not(:disabled):not(.disabled).active:focus, .btn-gray-400:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-400.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(141, 141, 141, 0.5); } .btn-gray-500 { color: #fff; background-color: gray; border-color: gray; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-500:hover { color: #fff; background-color: #676767; border-color: #676767; } .btn-gray-500.focus, .btn-gray-500:focus { color: #fff; background-color: #676767; border-color: #676767; box-shadow: 0 0 0 0 rgba(147, 147, 147, 0.5); } .btn-gray-500.disabled, .btn-gray-500:disabled { color: #fff; background-color: gray; border-color: gray; } .btn-gray-500:not(:disabled):not(.disabled).active, .btn-gray-500:not(:disabled):not(.disabled):active, .show > .btn-gray-500.dropdown-toggle { color: #fff; background-color: #676767; border-color: #676767; } .btn-gray-500:not(:disabled):not(.disabled).active:focus, .btn-gray-500:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-500.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(147, 147, 147, 0.5); } .btn-gray-600 { color: #fff; background-color: #666; border-color: #666; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-600:hover { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-gray-600.focus, .btn-gray-600:focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-gray-600.disabled, .btn-gray-600:disabled { color: #fff; background-color: #666; border-color: #666; } .btn-gray-600:not(:disabled):not(.disabled).active, .btn-gray-600:not(:disabled):not(.disabled):active, .show > .btn-gray-600.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-gray-600:not(:disabled):not(.disabled).active:focus, .btn-gray-600:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-600.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5); } .btn-gray-700 { color: #fff; background-color: #404040; border-color: #404040; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-700:hover { color: #fff; background-color: #272727; border-color: #272727; } .btn-gray-700.focus, .btn-gray-700:focus { color: #fff; background-color: #272727; border-color: #272727; box-shadow: 0 0 0 0 rgba(93, 93, 93, 0.5); } .btn-gray-700.disabled, .btn-gray-700:disabled { color: #fff; background-color: #404040; border-color: #404040; } .btn-gray-700:not(:disabled):not(.disabled).active, .btn-gray-700:not(:disabled):not(.disabled):active, .show > .btn-gray-700.dropdown-toggle { color: #fff; background-color: #272727; border-color: #272727; } .btn-gray-700:not(:disabled):not(.disabled).active:focus, .btn-gray-700:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-700.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(93, 93, 93, 0.5); } .btn-gray-800 { color: #fff; background-color: #1a1a1a; border-color: #1a1a1a; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-800:hover { color: #fff; background-color: #010101; border-color: #010101; } .btn-gray-800.focus, .btn-gray-800:focus { color: #fff; background-color: #010101; border-color: #010101; box-shadow: 0 0 0 0 rgba(60, 60, 60, 0.5); } .btn-gray-800.disabled, .btn-gray-800:disabled { color: #fff; background-color: #1a1a1a; border-color: #1a1a1a; } .btn-gray-800:not(:disabled):not(.disabled).active, .btn-gray-800:not(:disabled):not(.disabled):active, .show > .btn-gray-800.dropdown-toggle { color: #fff; background-color: #010101; border-color: #010101; } .btn-gray-800:not(:disabled):not(.disabled).active:focus, .btn-gray-800:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-800.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(60, 60, 60, 0.5); } .btn-gray-900 { color: #fff; background-color: #000; border-color: #000; -webkit-box-shadow: 0; box-shadow: 0; } .btn-gray-900:hover { color: #fff; background-color: #000; border-color: #000; } .btn-gray-900.focus, .btn-gray-900:focus { color: #fff; background-color: #000; border-color: #000; box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-gray-900.disabled, .btn-gray-900:disabled { color: #fff; background-color: #000; border-color: #000; } .btn-gray-900:not(:disabled):not(.disabled).active, .btn-gray-900:not(:disabled):not(.disabled):active, .show > .btn-gray-900.dropdown-toggle { color: #fff; background-color: #000; border-color: #000; } .btn-gray-900:not(:disabled):not(.disabled).active:focus, .btn-gray-900:not(:disabled):not(.disabled):active:focus, .show > .btn-gray-900.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-group .btn-default + .btn-default, .input-group-append .btn-default + .btn-default, .input-group-prepend .btn-default + .btn-default { border-left-color: rgba(255, 255, 255, 0.1); } .btn-group .btn-primary + .btn-primary, .input-group-append .btn-primary + .btn-primary, .input-group-prepend .btn-primary + .btn-primary { border-left-color: #0056cc; } .btn-group .btn-secondary + .btn-secondary, .input-group-append .btn-secondary + .btn-secondary, .input-group-prepend .btn-secondary + .btn-secondary { border-left-color: #4d4d4d; } .btn-group .btn-success + .btn-success, .input-group-append .btn-success + .btn-success, .input-group-prepend .btn-success + .btn-success { border-left-color: #038f31; } .btn-group .btn-info + .btn-info, .input-group-append .btn-info + .btn-info, .input-group-prepend .btn-info + .btn-info { border-left-color: #00a2cc; } .btn-group .btn-warning + .btn-warning, .input-group-append .btn-warning + .btn-warning, .input-group-prepend .btn-warning + .btn-warning { border-left-color: #cd6200; } .btn-group .btn-danger + .btn-danger, .input-group-append .btn-danger + .btn-danger, .input-group-prepend .btn-danger + .btn-danger { border-left-color: #ce2a00; } .btn-group .btn-light + .btn-light, .input-group-append .btn-light + .btn-light, .input-group-prepend .btn-light + .btn-light { border-left-color: #d3dbde; } .btn-group .btn-dark + .btn-dark, .input-group-append .btn-dark + .btn-dark, .input-group-prepend .btn-dark + .btn-dark { border-left-color: #000; } .btn-group .btn-inverse + .btn-inverse, .input-group-append .btn-inverse + .btn-inverse, .input-group-prepend .btn-inverse + .btn-inverse { border-left-color: #000; } .btn-group .btn-black + .btn-black, .input-group-append .btn-black + .btn-black, .input-group-prepend .btn-black + .btn-black { border-left-color: #000; } .btn-group .btn-white + .btn-white, .input-group-append .btn-white + .btn-white, .input-group-prepend .btn-white + .btn-white { border-left-color: #e6e6e6; } .btn-group .btn-grey + .btn-grey, .input-group-append .btn-grey + .btn-grey, .input-group-prepend .btn-grey + .btn-grey { border-left-color: #d5d5d5; } .btn-group .btn-muted + .btn-muted, .input-group-append .btn-muted + .btn-muted, .input-group-prepend .btn-muted + .btn-muted { border-left-color: #d5d5d5; } .btn-group .btn-silver + .btn-silver, .input-group-append .btn-silver + .btn-silver, .input-group-prepend .btn-silver + .btn-silver { border-left-color: #d5d5d5; } .btn-group .btn-lime + .btn-lime, .input-group-append .btn-lime + .btn-lime, .input-group-prepend .btn-lime + .btn-lime { border-left-color: #98b600; } .btn-group .btn-aqua + .btn-aqua, .input-group-append .btn-aqua + .btn-aqua, .input-group-prepend .btn-aqua + .btn-aqua { border-left-color: #00a2cc; } .btn-group .btn-blue + .btn-blue, .input-group-append .btn-blue + .btn-blue, .input-group-prepend .btn-blue + .btn-blue { border-left-color: #0056cc; } .btn-group .btn-indigo + .btn-indigo, .input-group-append .btn-indigo + .btn-indigo, .input-group-prepend .btn-indigo + .btn-indigo { border-left-color: #4500cc; } .btn-group .btn-purple + .btn-purple, .input-group-append .btn-purple + .btn-purple, .input-group-prepend .btn-purple + .btn-purple { border-left-color: #7a00cc; } .btn-group .btn-pink + .btn-pink, .input-group-append .btn-pink + .btn-pink, .input-group-prepend .btn-pink + .btn-pink { border-left-color: #cc0067; } .btn-group .btn-red + .btn-red, .input-group-append .btn-red + .btn-red, .input-group-prepend .btn-red + .btn-red { border-left-color: #ce2a00; } .btn-group .btn-orange + .btn-orange, .input-group-append .btn-orange + .btn-orange, .input-group-prepend .btn-orange + .btn-orange { border-left-color: #cd6200; } .btn-group .btn-yellow + .btn-yellow, .input-group-append .btn-yellow + .btn-yellow, .input-group-prepend .btn-yellow + .btn-yellow { border-left-color: #ccae00; } .btn-group .btn-green + .btn-green, .input-group-append .btn-green + .btn-green, .input-group-prepend .btn-green + .btn-green { border-left-color: #038f31; } .btn-group .btn-teal + .btn-teal, .input-group-append .btn-teal + .btn-teal, .input-group-prepend .btn-teal + .btn-teal { border-left-color: #019797; } .btn-group .btn-cyan + .btn-cyan, .input-group-append .btn-cyan + .btn-cyan, .input-group-prepend .btn-cyan + .btn-cyan { border-left-color: #00a2cc; } .btn-group .btn-white + .btn-white, .input-group-append .btn-white + .btn-white, .input-group-prepend .btn-white + .btn-white { border-left-color: rgba(255, 255, 255, 0.25); } .btn-group .btn-gray + .btn-gray, .input-group-append .btn-gray + .btn-gray, .input-group-prepend .btn-gray + .btn-gray { border-left-color: #4d4d4d; } .btn-group .btn-gray-dark + .btn-gray-dark, .input-group-append .btn-gray-dark + .btn-gray-dark, .input-group-prepend .btn-gray-dark + .btn-gray-dark { border-left-color: #010101; } .btn-group .btn-black + .btn-black, .input-group-append .btn-black + .btn-black, .input-group-prepend .btn-black + .btn-black { border-left-color: #000; } .btn-group .btn-dark + .btn-dark, .input-group-append .btn-dark + .btn-dark, .input-group-prepend .btn-dark + .btn-dark { border-left-color: #000; } .btn-group .btn-dark-darker + .btn-dark-darker, .input-group-append .btn-dark-darker + .btn-dark-darker, .input-group-prepend .btn-dark-darker + .btn-dark-darker { border-left-color: #000; } .btn-group .btn-lime + .btn-lime, .input-group-append .btn-lime + .btn-lime, .input-group-prepend .btn-lime + .btn-lime { border-left-color: #98b600; } .btn-group .btn-light + .btn-light, .input-group-append .btn-light + .btn-light, .input-group-prepend .btn-light + .btn-light { border-left-color: #d3dbde; } .btn-group .btn-silver + .btn-silver, .input-group-append .btn-silver + .btn-silver, .input-group-prepend .btn-silver + .btn-silver { border-left-color: #d5d5d5; } .btn-group .btn-muted + .btn-muted, .input-group-append .btn-muted + .btn-muted, .input-group-prepend .btn-muted + .btn-muted { border-left-color: #888; } .btn-group .btn-aqua + .btn-aqua, .input-group-append .btn-aqua + .btn-aqua, .input-group-prepend .btn-aqua + .btn-aqua { border-left-color: #00a2cc; } .btn-group .btn-gray-100 + .btn-gray-100, .input-group-append .btn-gray-100 + .btn-gray-100, .input-group-prepend .btn-gray-100 + .btn-gray-100 { border-left-color: #d9d9d9; } .btn-group .btn-gray-200 + .btn-gray-200, .input-group-append .btn-gray-200 + .btn-gray-200, .input-group-prepend .btn-gray-200 + .btn-gray-200 { border-left-color: #cdcdcd; } .btn-group .btn-gray-300 + .btn-gray-300, .input-group-append .btn-gray-300 + .btn-gray-300, .input-group-prepend .btn-gray-300 + .btn-gray-300 { border-left-color: #b3b3b3; } .btn-group .btn-gray-400 + .btn-gray-400, .input-group-append .btn-gray-400 + .btn-gray-400, .input-group-prepend .btn-gray-400 + .btn-gray-400 { border-left-color: #8d8d8d; } .btn-group .btn-gray-500 + .btn-gray-500, .input-group-append .btn-gray-500 + .btn-gray-500, .input-group-prepend .btn-gray-500 + .btn-gray-500 { border-left-color: #676767; } .btn-group .btn-gray-600 + .btn-gray-600, .input-group-append .btn-gray-600 + .btn-gray-600, .input-group-prepend .btn-gray-600 + .btn-gray-600 { border-left-color: #4d4d4d; } .btn-group .btn-gray-700 + .btn-gray-700, .input-group-append .btn-gray-700 + .btn-gray-700, .input-group-prepend .btn-gray-700 + .btn-gray-700 { border-left-color: #272727; } .btn-group .btn-gray-800 + .btn-gray-800, .input-group-append .btn-gray-800 + .btn-gray-800, .input-group-prepend .btn-gray-800 + .btn-gray-800 { border-left-color: #010101; } .btn-group .btn-gray-900 + .btn-gray-900, .input-group-append .btn-gray-900 + .btn-gray-900, .input-group-prepend .btn-gray-900 + .btn-gray-900 { border-left-color: #000; } .btn-group > .btn-group:not(:first-child) { margin-left: 0; margin-right: -1px; } .card .card-header .card-header-tabs { margin-top: -5px; } .card .card-header .card-header-pills { margin-top: -8px; margin-bottom: -8px; } .card > .widget-list .widget-list-item { -webkit-border-radius: 0; border-radius: 0; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .carousel .carousel-control .fa { position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top: -15px; text-align: center; line-height: 30px; margin-left: -15px; z-index: 5; } .carousel .carousel-control.left .fa { margin-left: 15px; } .chats { list-style-type: none; margin: 0; padding: 12px 15px 15px; } .chats > li + li { margin-top: 15px; } .chats > li + li:after, .chats > li + li:before { content: ""; display: table; clear: both; } .chats > div + div { margin-top: 15px; } .chats > div + div:after, .chats > div + div:before { content: ""; display: table; clear: both; } .chats .name { color: #fff; display: block; margin-bottom: 5px; font-weight: 600; text-decoration: none; } .chats .name .label { font-size: 8px; padding: 1px 4px 2px; margin-left: 3px; position: relative; top: -1px; } .chats .date-time { font-size: 10px; display: block; float: right; color: rgba(255, 255, 255, 0.75); margin-top: 3px; font-weight: 600; } .chats .image { float: left; width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; } .chats .image img { max-width: 100%; } .chats .image + .message { margin-left: 75px; } .chats .message { padding: 7px 12px; font-size: 12px; position: relative; background: #fff; color: #000; -webkit-border-radius: 12px; border-radius: 12px; } .chats .message:before { content: ""; position: absolute; left: -13px; top: 15px; border: 7px solid transparent; border-right-color: #fff; } .chats .right .name { text-align: right; } .chats .right .date-time { float: left; } .chats .right .image { float: right; } .chats .right .image + .message { margin-left: 0; margin-right: 75px; } .chats .right .message { text-align: right; } .chats .right .message:before { left: auto; right: -13px; border-right-color: transparent; border-left-color: #fff; } .panel-body .chats { padding: 0; } .slimScrollDiv .chats { padding-right: 15px; } .has-success .checkbox.checkbox-css label, .has-success.checkbox.checkbox-css label, .is-valid .checkbox.checkbox-css label, .is-valid.checkbox.checkbox-css label { color: #03a839; } .has-success .checkbox.checkbox-css label:before, .has-success.checkbox.checkbox-css label:before, .is-valid .checkbox.checkbox-css label:before, .is-valid.checkbox.checkbox-css label:before { background: rgba(4, 193, 66, 0.5); } .has-error .checkbox.checkbox-css label, .has-error.checkbox.checkbox-css label, .is-invalid .checkbox.checkbox-css label, .is-invalid.checkbox.checkbox-css label { color: #e82f00; } .has-error .checkbox.checkbox-css label:before, .has-error.checkbox.checkbox-css label:before, .is-invalid .checkbox.checkbox-css label:before, .is-invalid.checkbox.checkbox-css label:before { background: rgba(255, 53, 2, 0.5); } .checkbox.checkbox-css { line-height: 16px; padding-top: 7px; } .checkbox.checkbox-css label { padding-left: 24px; margin: 0; position: relative; } .checkbox.checkbox-css label:before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #a6a6a6; -webkit-border-radius: 4px; border-radius: 4px; } .checkbox.checkbox-css input { display: none; } .checkbox.checkbox-css input:checked + label:before { background: #006cff; border-color: #006cff; } .checkbox.checkbox-css input:checked + label:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; position: absolute; top: 0; left: 0; color: #fff; height: 16px; width: 16px; text-align: center; } .checkbox.checkbox-css.checkbox-inline { padding-left: 0; display: inline-block; } .checkbox.checkbox-css.checkbox-inline + .checkbox-inline { margin-left: 15px; } .checkbox.checkbox-css.checkbox-success input:checked + label:before { background: #04c142; border-color: #04c142; } .checkbox.checkbox-css.checkbox-lime input:checked + label:before { background: #c2e900; border-color: #c2e900; } .checkbox.checkbox-css.checkbox-indigo input:checked + label:before { background: #5600ff; border-color: #5600ff; } .checkbox.checkbox-css.checkbox-purple input:checked + label:before { background: #9800ff; border-color: #9800ff; } .checkbox.checkbox-css.checkbox-inverse input:checked + label:before { background: #000; border-color: #000; } .checkbox.checkbox-css.checkbox-warning input:checked + label:before { background: #ff7b01; border-color: #ff7b01; } .checkbox.checkbox-css.checkbox-danger input:checked + label:before { background: #ff3502; border-color: #ff3502; } .checkbox.checkbox-css.checkbox-info input:checked + label:before { background: #00cbff; border-color: #00cbff; } .checkbox.checkbox-css.checkbox-pink input:checked + label:before { background: #ff0081; border-color: #ff0081; } .checkbox.checkbox-css.checkbox-yellow input:checked + label:before { background: #ffd900; border-color: #ffd900; } .close { margin-left: 15px; text-shadow: none; line-height: 14px; } code { padding: 2px 4px; font-size: 90%; color: #b3005a; background-color: #ffaf9b; -webkit-border-radius: 4px; border-radius: 4px; } .inverse-mode code, code.inverse-mode { background: #000; color: #ff4da7; } .coming-soon .brand { line-height: 40px; font-size: 28px; font-weight: 300; margin-bottom: 10px; color: #fff; text-align: center; } .coming-soon .brand .logo { font-size: 72px; margin-bottom: 10px; display: block; } @media (max-width: 991.98px) { .coming-soon .brand .logo { font-size: 48px; } } .coming-soon .coming-soon-header { background: url(/Resources/NewDesign/css/images/coming-soon.jpg); background-size: cover; background-repeat: no-repeat; padding: 100px 50px 50px; position: relative; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header { padding: 50px 25px 25px; } } .coming-soon .coming-soon-header .desc { position: relative; z-index: 10; text-align: center; font-size: 13px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.5px; margin-bottom: 50px; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .desc { font-size: 12px; letter-spacing: 0.25px; margin-bottom: 15px; } } .coming-soon .coming-soon-header .timer { position: relative; z-index: 10; margin-bottom: 0; padding: 10px 0; } .coming-soon .coming-soon-header .timer:after, .coming-soon .coming-soon-header .timer:before { content: ""; display: table; clear: both; } .coming-soon .coming-soon-header .timer .is-countdown { background: 0 0; border: none; margin: 0 auto; width: 720px; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .timer .is-countdown { width: 520px; } } @media (max-width: 767.98px) { .coming-soon .coming-soon-header .timer .is-countdown { width: 480px; } } @media (max-width: 575.98px) { .coming-soon .coming-soon-header .timer .is-countdown { width: auto; } } .coming-soon .coming-soon-header .timer .is-countdown .countdown-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section { padding: 0 10px; float: none; } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section + .countdown-section { border-left: 1px solid rgba(255, 255, 255, 0.2); } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-amount { font-size: 36px; color: #fff; } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-amount { font-size: 24px; } } .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-period { font-size: 14px; color: rgba(255, 255, 255, 0.6); } @media (max-width: 991.98px) { .coming-soon .coming-soon-header .timer .is-countdown .countdown-section .countdown-period { font-size: 12px; } } .coming-soon .coming-soon-header .brand { position: relative; z-index: 10; } .coming-soon .coming-soon-header .brand .logo { display: block; margin: 0 auto 10px; position: relative; width: 48px; height: 48px; border: 3px solid rgba(255, 255, 255, 0.25); -webkit-border-radius: 40px; border-radius: 40px; } .coming-soon .coming-soon-header .brand .logo:before { content: ""; position: absolute; top: 7px; left: 7px; width: 28px; height: 28px; border: 3px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 40px; border-radius: 40px; } .coming-soon .coming-soon-header .brand .logo:after { content: ""; position: absolute; top: 17px; left: 17px; width: 8px; height: 8px; background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 40px; border-radius: 40px; } .coming-soon .coming-soon-header .bg-cover { background: rgba(51, 51, 51, 0.75); position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 0; } .coming-soon .coming-soon-content { color: #fff; text-align: center; padding: 25px; } .coming-soon .coming-soon-content .desc { margin-bottom: 25px; font-size: 13px; } .coming-soon .coming-soon-content .input-group { width: 480px; margin: 0 auto 10px; } @media (max-width: 991.98px) { .coming-soon .coming-soon-content .input-group { width: 360px; } } @media (max-width: 767.98px) { .coming-soon .coming-soon-content .input-group { width: 300px; } } @media (max-width: 575.98px) { .coming-soon .coming-soon-content .input-group { width: auto; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; } .dropdown-menu { font-size: 12px; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } .dropdown-item { padding: 5px 15px; font-weight: 500; color: #262626; text-decoration: none; } .dropdown-item:focus, .dropdown-item:hover { color: #000; background: #f3f3f3; } .error { margin: 0 auto; text-align: center; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .error .error-code, .error .error-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .error .error-code { color: #fff; font-size: 200px; line-height: 1; text-shadow: 10px 10px 0 rgba(255, 255, 255, 0.2); padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: flex-end; align-items: flex-end; } @media (max-width: 767.98px) { .error .error-code { font-size: 160px; } } @media (max-width: 575.98px) { .error .error-code { font-size: 120px; } } .error .error-content { top: 50%; bottom: 0; padding: 30px; background: #000; background-image: url(/Resources/NewDesign/css/images/error-page-pattern.png); } .error .error-message { color: #fff; font-size: 24px; letter-spacing: 0.5px; margin-bottom: 5px; } .error .error-desc { font-size: 12px; color: rgba(255, 255, 255, 0.6); letter-spacing: 0.5px; } .form-horizontal.form-bordered .form-group { border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin: 0; } .form-horizontal.form-bordered .form-group .col-form-label { padding: 15px; font-weight: 600; color: rgba(255, 255, 255, 0.75); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 991.98px) { .form-horizontal.form-bordered .form-group .col-form-label { padding-bottom: 8px; } } .form-horizontal.form-bordered .form-group .col-form-label + div { border-left: 1px solid rgba(255, 255, 255, 0.25); } @media (max-width: 991.98px) { .form-horizontal.form-bordered .form-group .col-form-label + div { border-left: none; padding-top: 0; } } .form-horizontal.form-bordered .form-group > div { padding: 15px; } .form-horizontal.form-bordered .form-group:last-child { border-bottom: 0; } .gallery { margin: -5px; } .gallery .image { width: 25%; display: block; overflow: hidden; padding: 5px; } @media (max-width: 1199.98px) { .gallery .image { width: 33.33%; } } @media (max-width: 991.98px) { .gallery .image { width: 50%; } } @media (max-width: 575.98px) { .gallery .image { width: 100%; } } .gallery .image a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .gallery .image a:focus, .gallery .image a:hover { opacity: 0.8; } .gallery .image .img, .gallery .image img { width: 100%; height: 200px; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .gallery .image .img { background-size: cover; background-repeat: no-repeat; background-position: center; } .gallery .image .image-inner { position: relative; background: #fff; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .gallery .image .image-caption { position: absolute; top: 15px; left: 0; background: rgba(0, 0, 0, 0.75); color: #fff; font-weight: 600; padding: 5px 15px; margin: 0; } .gallery .image .image-info { background: #fff; padding: 15px; color: #262626; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .gallery .image .image-info .title { margin: 0 0 10px; line-height: 20px; font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; } .gallery .image .image-info .rating { line-height: 20px; margin: 0 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .gallery .image .image-info .rating span.star { margin-right: 1px; } .gallery .image .image-info .rating span.star:before { content: "\f005"; color: #a6a6a6; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .gallery .image .image-info .rating span.star.active:before { color: #ff7b01; } .gallery .image .image-info .desc { line-height: 17px; font-size: 12px; height: 51px; overflow: hidden; } .gallery-option-set { display: block; margin-bottom: -5px; } .gallery-option-set .btn { margin: 0 5px 5px 0; } hr { border: none; height: 1px; background: rgba(255, 255, 255, 0.1); } .inbox .nav-title { font-size: 11px; color: rgba(255, 255, 255, 0.5); padding: 15px 15px 7px; } .inbox .nav-inbox { list-style-type: none; margin: 0; padding: 0; display: block; } .inbox .nav-inbox > li { display: block; } .inbox .nav-inbox > li + li { margin-top: 0; } .inbox .nav-inbox > li > a { display: block; text-decoration: none; border-radius: 0; padding: 8px 20px; color: rgba(255, 255, 255, 0.75); font-weight: 600; } .inbox .nav-inbox > li > a i { width: 20px; } .inbox .nav-inbox > li > a .badge { background: rgba(0, 0, 0, 0.5); color: #fff; padding: 4px 8px; font-size: 10px; line-height: 11px; } .inbox .nav-inbox > li > a:focus, .inbox .nav-inbox > li > a:hover { color: #fff; } .inbox .nav-inbox > li.active > a { background: rgba(255, 255, 255, 0.15); color: #fff; } .inbox .float-right-link { position: absolute; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .inbox .email-to { position: relative; } .inbox .email-to .tagit { border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; padding: 10px 12px 10px 45px !important; background: 0 0; -webkit-border-radius: 0; border-radius: 0; } .inbox .email-to .tagit input { font-weight: 500; color: #fff; } .inbox .email-to .form-control { border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; padding: 10px 12px 10px 45px !important; background: 0 0 !important; -webkit-border-radius: 0; border-radius: 0; } .inbox .email-to .control-label { position: absolute; left: 0; top: 0; bottom: 0; line-height: 16px; padding-left: 10px; width: 45px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .inbox .email-subject .form-control { border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; padding: 10px 12px 10px 12px !important; background: 0 0 !important; -webkit-border-radius: 0; border-radius: 0; } .inbox .email-subject .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .inbox .email-content { padding: 0; margin: 0; } .inbox .email-content .wysihtml5-toolbar { padding: 10px 0 0; } .inbox .email-content .wysihtml5-toolbar .btn { font-size: 12px; margin-bottom: 5px; } .inbox .email-content .wysihtml5-toolbar .btn-group { margin-bottom: 5px; } .inbox .email-content .wysihtml5-toolbar .btn-group .btn { margin-bottom: 0; } .inbox .email-content .wysihtml5-toolbar > li { margin: 0 5px 5px 0; } .inbox .email-content .wysihtml5-sandbox { padding: 15px !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .inbox .attached-document { list-style-type: none; margin: 15px 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inbox .attached-document > li { width: 180px; background: rgba(0, 0, 0, 0.25); color: #fff; font-weight: 600; position: relative; margin-right: 15px; margin-bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.25); } .inbox .attached-document > li:before { position: absolute; top: -1px; right: -1px; font-size: 12px; background: #a6a6a6; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .inbox .attached-document > li img { max-width: 100%; } .inbox .attached-document > li .document-name { padding: 5px 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.25); } .inbox .attached-document > li .document-name a { color: #fff; } .inbox .attached-document > li .document-file { height: 70px; background: 0 0; overflow: hidden; text-align: center; line-height: 70px; font-size: 32px; margin: -1px; } .inbox .list-email { border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin: -1px 0; } .inbox .list-email > li.list-group-item { border: none; margin-bottom: 0; padding: 15px; position: relative; width: 100%; overflow: hidden; -webkit-border-radius: 0; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .inbox .list-email > li.list-group-item:after, .inbox .list-email > li.list-group-item:before { content: ""; display: table; clear: both; } .inbox .list-email > li.list-group-item + li.list-group-item { border-top: 1px solid rgba(255, 255, 255, 0.25); } .inbox .list-email > li.list-group-item a { color: rgba(255, 255, 255, 0.75); text-decoration: none; } .inbox .list-email > li.list-group-item .email-info { max-width: calc(100% - 46px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .inbox .list-email > li.list-group-item .email-info > a { margin-top: -15px; margin-right: -15px; margin-bottom: -15px; padding: 15px; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767.98px) { .inbox .list-email > li.list-group-item .email-info > a { display: block; } } .inbox .list-email > li.list-group-item .email-user { width: 30px; height: 30px; min-width: 30px; overflow: hidden; font-size: 18px; line-height: 30px; text-align: center; color: #b3b3b3; background: rgba(0, 0, 0, 0.25); margin: -5px 0; -webkit-border-radius: 30px; border-radius: 30px; } .inbox .list-email > li.list-group-item .email-user img { max-width: 100%; display: block; } .inbox .list-email > li.list-group-item .email-sender { display: block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-sender { width: 160px; } } @media (max-width: 991.98px) { .inbox .list-email > li.list-group-item .email-sender { width: 120px; } } @media (max-width: 767.98px) { .inbox .list-email > li.list-group-item .email-sender { width: auto; font-size: 14px; padding-right: 90px; } } .inbox .list-email > li.list-group-item .email-title { display: block; line-height: 20px; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .inbox .list-email > li.list-group-item .email-title { padding-left: 15px; } } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-title { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 768px) { .inbox .list-email > li.list-group-item .email-title + .email-desc { padding-left: 20px; } .inbox .list-email > li.list-group-item .email-title + .email-desc:before { content: ""; position: absolute; left: 6px; top: 8px; width: 4px; height: 4px; background: #737373; -webkit-border-radius: 6px; border-radius: 6px; } } .inbox .list-email > li.list-group-item .email-desc { display: block; position: relative; color: rgba(255, 255, 255, 0.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 50px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-desc { display: none; } } @media (max-width: 767.98px) { .inbox .list-email > li.list-group-item .email-desc { display: block; padding-right: 0; } } .inbox .list-email > li.list-group-item .email-time { display: block; padding: 0 15px 0 0; font-size: 11px; font-weight: 500; color: rgba(255, 255, 255, 0.5); text-align: right; width: 100px; position: absolute; right: 0; top: 15px; height: 20px; background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } @media (max-width: 1199.98px) { .inbox .list-email > li.list-group-item .email-time { width: 90px; } } .inbox .list-email > li.list-group-item .email-checkbox .custom-checkbox { width: 16px; padding-left: 16px; } .inbox .list-email > li.list-group-item .email-checkbox .custom-checkbox .custom-control-label::after, .inbox .list-email > li.list-group-item .email-checkbox .custom-checkbox .custom-control-label::before { left: -16px; } .inbox .list-email > li.list-group-item .email-checkbox + .email-user { margin-left: 15px; } .inbox .list-email > li.list-group-item.unread .email-title { font-weight: 500; color: #fff; } .inbox .list-email > li.list-group-item.unread .email-sender { color: #fff; font-weight: 500; } .inbox .list-email > li.list-group-item.selected { background: rgba(255, 217, 0, 0.15); } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; color: #fff; text-align: center; background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group-addon:focus { outline: 0; } .form-control + .input-group-addon { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .input-prepend .input-group-addon { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .invoice { background: rgba(0, 0, 0, 0.25); padding: 20px; } .invoice > div:not(.invoice-footer) { margin-bottom: 20px; } .invoice .invoice-company { font-size: 20px; font-weight: 600; } .invoice .invoice-header { margin: 0 -20px; background: rgba(255, 255, 255, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 991.98px) { .invoice .invoice-header { display: block; } .invoice .invoice-header > div + div { border-top: 1px solid rgba(255, 255, 255, 0.25); } } .invoice .invoice-from { padding: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .invoice .invoice-from strong { font-size: 16px; font-weight: 600; } .invoice .invoice-to { padding: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .invoice .invoice-to strong { font-size: 16px; font-weight: 600; } .invoice .invoice-date { text-align: right; padding: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 991.98px) { .invoice .invoice-date { text-align: left; } } .invoice .invoice-date .date { font-size: 16px; font-weight: 600; } .invoice .invoice-price { background: rgba(255, 255, 255, 0.25); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 575.98px) { .invoice .invoice-price { display: block; } } .invoice .invoice-price small { font-size: 12px; font-weight: 400; display: block; } .invoice .invoice-price .invoice-price-right { margin-left: auto; padding: 20px; font-size: 28px; font-weight: 300; position: relative; vertical-align: bottom; text-align: right; color: #fff; background: rgba(0, 0, 0, 0.25); min-width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .invoice .invoice-price .invoice-price-right small { display: block; opacity: 0.6; position: absolute; top: 15px; left: 20px; font-size: 12px; } .invoice .invoice-price .invoice-price-left { padding: 20px; font-size: 20px; font-weight: 600; position: relative; vertical-align: middle; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .invoice .invoice-price .invoice-price-left .invoice-price-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 575.98px) { .invoice .invoice-price .invoice-price-left .invoice-price-row { display: block; text-align: center; } } .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price { padding: 0 20px; } @media (max-width: 991.98px) { .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price { padding: 0; } .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price + .sub-price { padding-left: 20px; } } @media (max-width: 575.98px) { .invoice .invoice-price .invoice-price-left .invoice-price-row .sub-price + .sub-price { padding-left: 0; } } .invoice .invoice-footer { border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 15px; font-size: 11px; color: rgba(255, 255, 255, 0.75); } .invoice .invoice-note { color: rgba(255, 255, 255, 0.75); margin-top: 80px; font-size: 11px; line-height: 1.75; } .invoice .table-invoice { font-size: 13px; } @media (max-width: 991.98px) { .invoice .table-invoice { white-space: nowrap; } } .label { display: inline; padding: 3px 6px 4px; font-size: 75%; font-weight: 600; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; -webkit-border-radius: 3px; border-radius: 3px; } .label.label-primary { background: #006cff; } .label.label-secondary { background: #666; } .label.label-success { background: #04c142; } .label.label-info { background: #00cbff; } .label.label-warning { background: #ff7b01; } .label.label-danger { background: #ff3502; } .label.label-light { background: #fff; color: #000; } .label.label-dark { background: #000; } .label.label-inverse { background: #000; } .label.label-black { background: #000; } .label.label-white { background: #fff; } .label.label-grey { background: #eee; } .label.label-muted { background: #eee; } .label.label-silver { background: #eee; } .label.label-lime { background: #c2e900; } .label.label-aqua { background: #00cbff; } .label.label-blue { background: #006cff; } .label.label-indigo { background: #5600ff; } .label.label-purple { background: #9800ff; } .label.label-pink { background: #ff0081; } .label.label-red { background: #ff3502; } .label.label-orange { background: #ff7b01; } .label.label-yellow { color: #000; background: #ffd900; } .label.label-green { background: #04c142; } .label.label-teal { background: #01caca; } .label.label-cyan { background: #00cbff; } .label.label-white { background: #fff; } .label.label-gray { background: #666; } .label.label-gray-dark { background: #1a1a1a; } .label.label-black { background: #000; } .label.label-dark { background: #000; } .label.label-dark-darker { background: #000; } .label.label-lime { background: #c2e900; } .label.label-light { background: #f0f3f4; } .label.label-silver { background: #eee; } .label.label-muted { background: #a2a2a2; } .label.label-aqua { background: #00cbff; } .label.label-gray-100 { background: #f2f2f2; } .label.label-gray-200 { background: #e6e6e6; } .label.label-gray-300 { background: #ccc; } .label.label-gray-400 { background: #a6a6a6; } .label.label-gray-500 { background: gray; } .label.label-gray-600 { background: #666; } .label.label-gray-700 { background: #404040; } .label.label-gray-800 { background: #1a1a1a; } .label.label-gray-900 { background: #000; } .label.label-square { -webkit-border-radius: 0; border-radius: 0; } .label.label-default { background: #b3b3b3; color: #000; } .lead { margin-bottom: 15px; font-size: 21px; font-weight: 300; line-height: 1.4; } .list-group-item.list-group-item-inverse { background: #000; border-color: #000; color: #fff; } .list-group-item.list-group-item-inverse .badge-inverse, .list-group-item.list-group-item-inverse .label-inverse { background: rgba(0, 0, 0, 0.4); } .list-group-item.list-group-item-inverse:focus, .list-group-item.list-group-item-inverse:hover { color: #fff; background: #080808; text-decoration: none; } .login.login-v1 { height: 100vh; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 575.98px) { .login.login-v1 { background: #0d0d0d; } } .login.login-v1 .login-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .login.login-v1 .login-container .login-header { width: 400px; padding: 0; margin: 0 auto; margin-bottom: 15px; font-weight: 300; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header { width: auto; left: 0; margin: 0; padding: 0 30px; } } .login.login-v1 .login-container .login-header .brand { padding: 0; font-size: 28px; color: #fff; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .brand { color: #fff; font-size: 24px; } } .login.login-v1 .login-container .login-header .brand .logo { float: left; margin-top: 7px; display: block; margin-right: 10px; position: relative; width: 28px; height: 28px; background: 0 0; border: 2px solid rgba(255, 255, 255, 0.25); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-v1 .login-container .login-header .brand .logo:before { content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-v1 .login-container .login-header .brand .logo:after { content: ""; position: absolute; top: 10px; left: 10px; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-v1 .login-container .login-header .brand small { font-size: 14px; display: block; color: rgba(255, 255, 255, 0.75); } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .brand small { font-size: 12px; color: gray; } } .login.login-v1 .login-container .login-header .icon { margin-left: auto; color: rgba(255, 255, 255, 0.15); } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .icon { color: rgba(255, 255, 255, 0.15); } } .login.login-v1 .login-container .login-header .icon i { font-size: 64px; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-header .icon i { font-size: 36px; } } .login.login-v1 .login-container .login-body { padding: 30px; background: #0d0d0d; } .login.login-v1 .login-container .login-body .login-content { padding: 0; color: #999; width: 400px; margin: 0 auto; } @media (max-width: 575.98px) { .login.login-v1 .login-container .login-body .login-content { width: auto; } } .login.login-v1 .login-container .login-body .login-content .form-control { border-color: transparent; background: rgba(255, 255, 255, 0.15); color: #fff; } .login.login-v1 .login-container .login-body .login-content .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .login.login-v1 .login-container .login-body .login-content .form-control:focus { -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } .login.login-v2 { width: 400px; position: absolute; top: 0; bottom: 0; margin: 0 0 0 -200px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px; } @media (max-width: 575.98px) { .login.login-v2 { position: relative; margin: 0; left: 0; width: auto; padding: 30px 0; height: 100vh; } } .login.login-v2 a { color: #fff; } .login.login-v2 label { color: rgba(255, 255, 255, 0.6); } .login.login-v2 .login-header { padding: 0 20px; color: #fff; position: relative; } .login.login-v2 .login-header .brand { padding: 0; font-size: 28px; color: #fff; } @media (max-width: 575.98px) { .login.login-v2 .login-header .brand { font-size: 24px; } } .login.login-v2 .login-header .brand .logo { float: left; margin-top: 7px; display: block; margin-right: 10px; position: relative; width: 28px; height: 28px; background: 0 0; border: 2px solid rgba(255, 255, 255, 0.25); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-v2 .login-header .brand .logo:before { content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-v2 .login-header .brand .logo:after { content: ""; position: absolute; top: 10px; left: 10px; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-v2 .login-header .brand small { font-size: 14px; display: block; color: rgba(255, 255, 255, 0.6); } @media (max-width: 575.98px) { .login.login-v2 .login-header .brand small { font-size: 12px; } } .login.login-v2 .login-header .icon { position: absolute; right: 20px; top: 0; bottom: 0; color: rgba(255, 255, 255, 0.85); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .login.login-v2 .login-header .icon i { font-size: 56px; } @media (max-width: 575.98px) { .login.login-v2 .login-header .icon i { font-size: 36px; } } .login.login-v2 .login-content { padding: 20px; color: #737373; } .login.login-v2 .login-content .form-control { border: 1px solid transparent; } .login.login-v2 .login-content .form-control:focus { border-color: transparent; -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); } .login.login-with-news-feed { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .login.login-with-news-feed .news-feed { position: fixed; left: 0; right: 500px; top: 0; bottom: 0; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 1199.98px) { .login.login-with-news-feed .news-feed { right: 400px; } } @media (max-width: 767.98px) { .login.login-with-news-feed .news-feed { position: relative; right: 0; display: none; } } .login.login-with-news-feed .news-feed .news-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .login.login-with-news-feed .news-feed .news-caption { color: rgba(255, 255, 255, 0.85); position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 60px 30px; font-size: 18px; letter-spacing: 0.25px; z-index: 20; font-weight: 300; background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); } @media (max-width: 1199.98px) { .login.login-with-news-feed .news-feed .news-caption { padding: 45px 45px 30px; font-size: 16px; } } .login.login-with-news-feed .news-feed .news-caption .caption-title { font-weight: 300; color: #fff; font-size: 36px; } @media (max-width: 1199.98px) { .login.login-with-news-feed .news-feed .news-caption .caption-title { font-size: 28px; } } .login.login-with-news-feed .right-content { min-height: 100%; width: 500px; margin-left: auto; padding: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199.98px) { .login.login-with-news-feed .right-content { width: 400px; padding: 45px; } } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content { width: auto; } } @media (max-width: 575.98px) { .login.login-with-news-feed .right-content { padding: 30px; } } .login.login-with-news-feed .right-content .login-content { width: auto; } .login.login-with-news-feed .right-content .login-header { position: relative; } .login.login-with-news-feed .right-content .login-header + .login-content { padding-top: 30px; } .login.login-with-news-feed .right-content .login-header .brand { padding: 0; font-size: 28px; color: #fff; } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content .login-header .brand { font-size: 20px; } } .login.login-with-news-feed .right-content .login-header .brand .logo { float: left; margin-top: 7px; display: block; margin-right: 10px; position: relative; width: 28px; height: 28px; background: 0 0; border: 2px solid rgba(255, 255, 255, 0.25); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-with-news-feed .right-content .login-header .brand .logo:before { content: ""; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-with-news-feed .right-content .login-header .brand .logo:after { content: ""; position: absolute; top: 10px; left: 10px; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.75); -webkit-border-radius: 40px; border-radius: 40px; } .login.login-with-news-feed .right-content .login-header .brand small { font-size: 14px; display: block; color: rgba(255, 255, 255, 0.75); } @media (max-width: 1199.98px) { .login.login-with-news-feed .right-content .login-header .brand small { font-size: 12px; line-height: 18px; } } .login.login-with-news-feed .right-content .login-header .icon { position: absolute; right: 0; top: 0; bottom: 0; color: #bfbfbf; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .login.login-with-news-feed .right-content .login-header .icon i { font-size: 56px; } @media (max-width: 767.98px) { .login.login-with-news-feed .right-content .login-header .icon i { font-size: 36px; } } .login-cover { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -ms-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; } .login-cover .login-cover-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0, rgba(0, 0, 0, 0.9)); } .login-cover .login-cover-image { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .login-bg-list { list-style-type: none; position: absolute; right: 20px; bottom: 20px; margin: 0; padding: 0 0 0 20px; z-index: 1020; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .login-bg-list > li { width: 66px; height: 66px; overflow: hidden; border: 3px solid transparent; -webkit-border-radius: 66px; border-radius: 66px; } @media (max-width: 575.98px) { .login-bg-list > li { width: 46px; height: 46px; } } .login-bg-list > li a { display: block; height: 60px; height: 60px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; } .login-bg-list > li img { max-height: 100%; max-width: 100%; } .login-bg-list > li:focus, .login-bg-list > li:hover { border-color: rgba(255, 255, 255, 0.5); } .login-bg-list > li.active { border-color: #fff; z-index: 1020; position: relative; } .map { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 767.98px) { .map { position: fixed; top: 100px; } } .map .map-float-table { position: absolute; right: 25px; bottom: 25px; background: rgba(0, 0, 0, 0.9); } .map-content { padding: 0 30px; z-index: 10; position: relative; } .media-list { padding-left: 0; padding-right: 0; list-style: none; } .media-list.media-list-with-divider .media + .media { border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 15px; } .dropdown-menu.media-list { max-width: 360px; padding: 0; } .dropdown-menu.media-list .media { border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-top: 0; margin-bottom: -1px; } .dropdown-menu.media-list .media .media-object { height: 48px; width: 48px; line-height: 48px; font-size: 18px; color: #fff; text-align: center; -webkit-border-radius: 6px; border-radius: 6px; } .dropdown-menu.media-list .media .media-object-icon { position: absolute; margin-left: 30px; border: 2px solid #fff; background: #fff; margin-top: -11px; display: block; width: 22px; height: 22px; text-align: center; font-size: 18px; line-height: 18px; -webkit-border-radius: 40px; border-radius: 40px; } .dropdown-menu.media-list .media .media-left { padding-right: 12px; } .dropdown-menu.media-list .media .media-right { padding-left: 12px; } .dropdown-menu.media-list .media .media-heading { color: #000; margin-bottom: 0; font-size: 12.5px; line-height: 18px; } .dropdown-menu.media-list .media p { text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; line-height: 14px; max-width: 270px; color: #262626; font-size: 11px; } .dropdown-menu.media-list .dropdown-header { font-weight: 700; color: #000; font-size: 10px; background: #fff; padding: 10px 15px; } .dropdown-menu.media-list .dropdown-item { padding: 10px 15px; } .dropdown-menu.media-list .dropdown-footer { padding: 10px 15px; } .media-messaging .media { padding: 15px; } .media-messaging .media + .media { margin-top: 0; padding-top: 15px; } .media-messaging .media:first-child { padding-top: 0; } .media-messaging .media:last-child { padding-bottom: 0; } .media-messaging .media p { margin: 0; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .media + .media { margin-top: 15px; } .media .media-heading { margin-top: 0; margin-bottom: 5px; } .media .media-object { width: 128px; } .media.media-lg .media-object { width: 256px; } .media.media-sm .media-object { width: 64px; } .media.media-xs .media-object { width: 32px; } .media > .media-left, .media > .pull-left { padding-right: 15px; } .media > .media-right, .media > .pull-right { padding-left: 15px; } .modal .modal-content { background: rgba(77, 77, 77, 0.95); } .modal .modal-header { background: rgba(255, 255, 255, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; } .modal.modal-message .modal-dialog { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .modal.modal-message .modal-content { -webkit-border-radius: 0; border-radius: 0; } .modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header { width: 60%; border: none; margin: 0 auto; background: 0 0; } @media (max-width: 767.98px) { .modal.modal-message .modal-body, .modal.modal-message .modal-footer, .modal.modal-message .modal-header { width: 90%; } } .modal-open .breadcrumb, .modal-open .page-header { position: relative; } .modal-open .content { position: initial; } .modal-open .page-cover { z-index: initial; } .nav.nav-tabs .nav-item .nav-link { padding: 10px 15px; font-weight: 600; color: rgba(255, 255, 255, 0.5); } .nav.nav-tabs .nav-item .nav-link.active, .nav.nav-tabs .nav-item .nav-link:focus, .nav.nav-tabs .nav-item .nav-link:hover { color: #fff; } .nav.nav-tabs.nav-tabs-inverse { background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link { color: rgba(255, 255, 255, 0.75); } .nav.nav-tabs.nav-tabs-inverse .nav-item .nav-link.active { color: #fff; } .nav.nav-tabs + .tab-content { padding: 15px; background: rgba(0, 0, 0, 0.25); margin-bottom: 20px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .nav.nav-pills .nav-item .nav-link { padding: 10px 15px; font-weight: 600; color: rgba(255, 255, 255, 0.5); } .nav.nav-pills .nav-item .nav-link:focus, .nav.nav-pills .nav-item .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .nav.nav-pills .nav-item .nav-link.active { color: #fff; } @media (max-width: 991.98px) { .nav-wizards-container { overflow: scroll; } .nav-wizards-container .nav.nav-wizards-1, .nav-wizards-container .nav.nav-wizards-2, .nav-wizards-container .nav.nav-wizards-3 { min-width: 600px; } } .nav.nav-wizards-1 .nav-item { padding: 0; } .nav.nav-wizards-1 .nav-item .nav-link { position: relative; color: #404040; } .nav.nav-wizards-1 .nav-item .nav-link .nav-no { width: 40px; height: 40px; margin: 0 auto; font-weight: 600; background: #404040; border: 2px solid gray; position: relative; z-index: 10; font-size: 0.9375rem; -webkit-border-radius: 40px; border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav.nav-wizards-1 .nav-item .nav-link .nav-text { text-align: center; margin-top: 5px; font-weight: 600; font-size: 0.75rem; } .nav.nav-wizards-1 .nav-item .nav-link.active, .nav.nav-wizards-1 .nav-item .nav-link.completed { color: #fff; } .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no, .nav.nav-wizards-1 .nav-item .nav-link.completed .nav-no { border-color: #fff; color: #fff; } .nav.nav-wizards-1 .nav-item .nav-link.active:after, .nav.nav-wizards-1 .nav-item .nav-link.completed:after { width: 100%; } .nav.nav-wizards-1 .nav-item .nav-link.active .nav-no { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2); } .nav.nav-wizards-1 .nav-item .nav-link.disabled { color: gray; } .nav.nav-wizards-1 .nav-item .nav-link:after, .nav.nav-wizards-1 .nav-item .nav-link:before { content: ""; position: absolute; left: 0; top: 1.6875rem; right: 0; height: 2px; background: gray; } .nav.nav-wizards-1 .nav-item .nav-link:after { width: 0%; background: #fff; right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav.nav-wizards-1 .nav-item:first-child .nav-link:after, .nav.nav-wizards-1 .nav-item:first-child .nav-link:before { left: 50%; } .nav.nav-wizards-1 .nav-item:last-child .nav-link:after, .nav.nav-wizards-1 .nav-item:last-child .nav-link:before { right: 50%; } .nav.nav-wizards-2 .nav-item { padding: 0 1rem; } .nav.nav-wizards-2 .nav-item .nav-link { position: relative; color: #1a1a1a; background: gray; -webkit-border-radius: 60px; border-radius: 60px; } .nav.nav-wizards-2 .nav-item .nav-link .nav-text { text-align: center; font-weight: 600; font-size: 0.75rem; position: relative; z-index: 10; background: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav.nav-wizards-2 .nav-item .nav-link:after, .nav.nav-wizards-2 .nav-item .nav-link:before { content: ""; position: absolute; left: -1rem; right: -1rem; height: 2px; top: 50%; margin-top: -1px; background-color: gray; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav.nav-wizards-2 .nav-item .nav-link:after { width: 0%; background: #fff; } .nav.nav-wizards-2 .nav-item .nav-link.disabled { color: #ccc; } .nav.nav-wizards-2 .nav-item .nav-link.active, .nav.nav-wizards-2 .nav-item .nav-link.completed { background: #fff; color: #000; } .nav.nav-wizards-2 .nav-item .nav-link.active:after, .nav.nav-wizards-2 .nav-item .nav-link.completed:after { width: calc(100% + 2rem); } .nav.nav-wizards-2 .nav-item .nav-link.active { -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2); } .nav.nav-wizards-2 .nav-item:first-child .nav-link:after, .nav.nav-wizards-2 .nav-item:first-child .nav-link:before { left: 50%; } .nav.nav-wizards-2 .nav-item:last-child .nav-link:after, .nav.nav-wizards-2 .nav-item:last-child .nav-link:before { right: 50%; } .nav.nav-wizards-3 .nav-item { padding: 0; } .nav.nav-wizards-3 .nav-item .nav-link { position: relative; color: #404040; } .nav.nav-wizards-3 .nav-item .nav-link .nav-dot { width: 16px; height: 16px; margin: 0 auto; font-weight: 500; background: #404040; border: 3px solid gray; position: relative; z-index: 10; -webkit-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav.nav-wizards-3 .nav-item .nav-link .nav-title { margin-top: 10px; font-weight: 600; text-align: center; font-size: 0.875rem; } .nav.nav-wizards-3 .nav-item .nav-link .nav-text { text-align: center; font-size: 0.75rem; color: #a6a6a6; font-weight: 600; } .nav.nav-wizards-3 .nav-item .nav-link.active, .nav.nav-wizards-3 .nav-item .nav-link.completed { color: #fff; } .nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot, .nav.nav-wizards-3 .nav-item .nav-link.completed .nav-dot { border-color: #fff; color: #fff; } .nav.nav-wizards-3 .nav-item .nav-link.active:after, .nav.nav-wizards-3 .nav-item .nav-link.completed:after { width: 100%; } .nav.nav-wizards-3 .nav-item .nav-link.active .nav-dot { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2); } .nav.nav-wizards-3 .nav-item .nav-link.disabled { color: gray; } .nav.nav-wizards-3 .nav-item .nav-link.disabled .nav-text { color: inherit; } .nav.nav-wizards-3 .nav-item .nav-link:after, .nav.nav-wizards-3 .nav-item .nav-link:before { content: ""; position: absolute; left: 0; top: 0.875rem; right: 0; height: 3px; background: gray; } .nav.nav-wizards-3 .nav-item .nav-link:after { right: 0; width: 0%; background: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav.nav-wizards-3 .nav-item:first-child .nav-link:after, .nav.nav-wizards-3 .nav-item:first-child .nav-link:before { left: 50%; } .nav.nav-wizards-3 .nav-item:last-child .nav-link:after, .nav.nav-wizards-3 .nav-item:last-child .nav-link:before { right: 50%; } .navbar.navbar-sticky { top: 70px; position: sticky; border-left: 1px solid #a6a6a6; padding: 0; } .navbar.navbar-sticky .nav { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .navbar.navbar-sticky .nav .nav-link { color: #ccc; padding: 3px 24px; font-weight: 600; } .navbar.navbar-sticky .nav .nav-link:hover { color: #e6e6e6; } .navbar.navbar-sticky .nav .nav-link.active { color: #fff; font-weight: 700; } .note { margin-bottom: 20px; border-left: 3px solid; position: relative; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .note .note-icon { width: 80px; font-size: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .note .note-content { padding: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .note .note-content h1, .note .note-content h2, .note .note-content h3, .note .note-content h4, .note .note-content h5, .note .note-content h6 { color: inherit; } .note.note-with-right-icon { border-left: none; border-right: 3px solid; } .note.note-primary { background: #3389ff; color: #002b66; } .note.note-secondary { border-color: #666; background: gray; color: #1a1a1a; } .note.note-success { border-color: #04c142; background: #05f353; color: #012b0f; } .note.note-info { border-color: #00cbff; background: #33d5ff; color: #005166; } .note.note-warning { border-color: #ff7b01; background: #ff9634; color: #673100; } .note.note-danger { border-color: #ff3502; background: #ff5e35; color: #681500; } .note.note-light { background: #fff; color: #000; } .note.note-dark { border-color: #000; background: #1a1a1a; color: #000; } .note.note-inverse { border-color: #000; background: #1a1a1a; color: #000; } .note.note-black { border-color: #000; background: #1a1a1a; color: #000; } .note.note-white { border-color: #fff; background: #fff; color: #b3b3b3; } .note.note-grey { border-color: #eee; background: #fff; color: #a2a2a2; } .note.note-muted { border-color: #eee; background: #fff; color: #a2a2a2; } .note.note-silver { border-color: #eee; background: #fff; color: #a2a2a2; } .note.note-lime { border-color: #c2e900; background: #d9ff1d; color: #435000; } .note.note-aqua { border-color: #00cbff; background: #33d5ff; color: #005166; } .note.note-blue { border-color: #006cff; background: #4d98ff; } .note.note-indigo { border-color: #5600ff; background: #894dff; } .note.note-purple { border-color: #9800ff; background: #b74dff; } .note.note-pink { border-color: #ff0081; background: #ff4da7; } .note.note-red { border-color: #ff3502; background: #ff724f; } .note.note-orange { border-color: #ff7b01; background: #ffa34e; } .note.note-yellow { border-color: #ffd900; background: #ffe44d; } .note.note-green { border-color: #04c142; background: #17fa62; } .note.note-teal { border-color: #01caca; background: #1afefe; } .note.note-cyan { border-color: #00cbff; background: #4ddbff; } .note.note-white { border-color: #fff; background: #fff; } .note.note-gray { border-color: #666; background: #8c8c8c; } .note.note-gray-dark { border-color: #1a1a1a; background: #404040; } .note.note-black { border-color: #000; background: #262626; } .note.note-dark { border-color: #000; background: #262626; } .note.note-dark-darker { border-color: #000; background: #262626; } .note.note-lime { border-color: #c2e900; background: #ddff37; } .note.note-light { border-color: #f0f3f4; background: #fff; } .note.note-silver { border-color: #eee; background: #fff; } .note.note-muted { border-color: #a2a2a2; background: #c8c8c8; } .note.note-aqua { border-color: #00cbff; background: #4ddbff; } .note.note-gray-100 { border-color: #f2f2f2; background: #fff; } .note.note-gray-200 { border-color: #e6e6e6; background: #fff; } .note.note-gray-300 { border-color: #ccc; background: #f2f2f2; } .note.note-gray-400 { border-color: #a6a6a6; background: #ccc; } .note.note-gray-500 { border-color: gray; background: #a6a6a6; } .note.note-gray-600 { border-color: #666; background: #8c8c8c; } .note.note-gray-700 { border-color: #404040; background: #666; } .note.note-gray-800 { border-color: #1a1a1a; background: #404040; } .note.note-gray-900 { border-color: #000; background: #262626; } .page-header { font-size: 24px; margin: 0 0 15px; padding: 0; border: none; line-height: 32px; font-weight: 500; color: #fff; } .page-header small { line-height: 20px; font-size: 13px; color: rgba(255, 255, 255, 0.75); } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pager:after, .pager:before { content: ""; display: table; clear: both; } .pager > li + li { margin-left: 5px; } .pager > li > a, .pager > li > span { display: block; padding: 5px 14px; background: #fff; border: 1px solid rgba(255, 255, 255, 0.25); text-decoration: none; font-weight: 600; color: #000; -webkit-border-radius: 40px; border-radius: 40px; } .pager > li.previous { margin-right: auto; } .pager > li.next { margin-left: auto; } .pager > li.disabled > a, .pager > li.disabled > span { opacity: 0.6; cursor: not-allowed; } .pager.pager-without-border > li > a, .pager.pager-without-border > li > span { border: none; } .pagination .page-item + .page-item { margin-left: 5px; } .pagination .page-item .page-link { font-weight: 600; -webkit-border-radius: 4px; border-radius: 4px; } .pagination.pagination-lg .page-item .page-link { -webkit-border-radius: 6px; border-radius: 6px; } .pagination.pagination-sm .page-item .page-link { -webkit-border-radius: 3px; border-radius: 3px; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: rgba(0, 0, 0, 0.25); border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; -webkit-border-radius: 0; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; -webkit-border-radius: 0; border-radius: 0; } .panel > .list-group, .panel > .tab-content, .panel > .table { margin-bottom: 0; } .panel > .tab-content { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > .widget-list .widget-list-item { -webkit-border-radius: 0; border-radius: 0; } .panel > .table-responsive > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child { padding-left: 15px; } .panel > .table-responsive > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:focus, .panel .panel-heading .panel-title > a:hover { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn-group-sm > .btn, .panel .panel-heading .btn-group .btn.btn-sm { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:after, .panel .panel-body:before { content: ""; display: table; clear: both; } .panel .panel-body.no-padding, .panel .panel-body.panel-form, .panel .panel-body.panel-full-width, .panel .panel-body.panel-table { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^="bg-"] { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: rgba(0, 0, 0, 0.25); } .panel .panel-footer { background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 10px 15px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^="col-"].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: rgba(255, 255, 255, 0.25); color: #fff; } .panel.panel-inverse > .panel-heading { background: #000; color: #fff; } .panel.panel-success > .panel-heading { background: #039c35; color: #fff; } .panel.panel-warning > .panel-heading { background: #da6900; color: #fff; } .panel.panel-danger > .panel-heading { background: #db2c00; color: #fff; } .panel.panel-primary > .panel-heading { background: #005cd9; color: #fff; } .panel.panel-info > .panel-heading { background: #00add9; color: #fff; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; -moz-animation: fadeIn 0.2s; -ms-animation: fadeIn 0.2s; -o-animation: fadeIn 0.2s; animation: fadeIn 0.2s; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-footer, .panel.panel-expand > .panel-heading { -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { -ms-flex-align: center; align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; -webkit-border-radius: 4px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .sidebar, .panel-expand .sidebar-bg, .panel-expand .top-menu { z-index: 0; } .panel-expand .content .row [class^="col-"] { position: inherit; } .panel-expand .content .panel-expand .row > [class^="col-"] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .pos-booking { padding-top: 52px; } @media (min-width: 992px) { .pos-booking { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .pos-booking .pos-booking-header { background: rgba(0, 0, 0, 0.95); padding: 10px 25px; position: fixed; left: 0; right: 0; top: 0; height: 52px; z-index: 1020; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-booking .pos-booking-header .logo, .pos-booking .pos-booking-header .nav, .pos-booking .pos-booking-header .time { width: 33.33%; } @media (max-width: 767.98px) { .pos-booking .pos-booking-header .logo, .pos-booking .pos-booking-header .nav, .pos-booking .pos-booking-header .time { width: 50%; } } .pos-booking .pos-booking-header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-booking .pos-booking-header .logo > a, .pos-booking .pos-booking-header .logo > div { text-align: center; color: #fff; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-booking .pos-booking-header .logo > a .logo-img img, .pos-booking .pos-booking-header .logo > div .logo-img img { height: 32px; } .pos-booking .pos-booking-header .logo > a .logo-text, .pos-booking .pos-booking-header .logo > div .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-booking .pos-booking-header .time { font-weight: 500; font-size: 20px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .pos-booking .pos-booking-header .time { display: none; } } .pos-booking .pos-booking-header .nav { -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .pos-booking .pos-booking-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .pos-booking .pos-booking-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #fff; } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-img { height: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-booking .pos-booking-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-booking .pos-booking-body { height: calc(100% - 52px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-booking .pos-booking-body .pos-booking-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-booking .pos-booking-body .pos-booking-content .pos-booking-content-container { padding: 25px; height: 100%; } .pos-booking .pos-booking-body .pos-booking-content .table-booking { display: block; margin-bottom: 20px; text-decoration: none; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container { background: #000; color: #fff; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: box-shadow 0.1s linear; -moz-transition: box-shadow 0.1s linear; -ms-transition: box-shadow 0.1s linear; -o-transition: box-shadow 0.1s linear; transition: box-shadow 0.1s linear; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container:hover { -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header { padding: 15px; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header .title { font-weight: 600; color: gray; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header .no { font-size: 2.1875rem; font-weight: 600; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-header .desc { font-weight: 600; color: gray; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body { background: #1a1a1a; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking { font-size: 11px; line-height: 16px; padding: 5px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .time { width: 60px; font-weight: 600; color: #ccc; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .info { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .status { font-size: 6px; color: gray; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .status.upcoming { color: #ff7b01; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking .status.in-progress { color: #04c142; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking.highlight { background: #404040; } .pos-booking .pos-booking-body .pos-booking-content .table-booking .table-booking-container .table-booking-body .booking + .booking { border-top: 1px solid #404040; } .pos-booking .pos-booking-body .pos-booking-content .date { border: 2px solid rgba(255, 255, 255, 0.25); max-width: 240px; -webkit-border-radius: 6px; border-radius: 6px; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control { border: none; background: 0 0; font-size: 0.875rem; font-weight: 600; color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control::-webkit-input-placeholder { color: #ccc; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control::-moz-placeholder { color: #ccc; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control:-ms-input-placeholder { color: #ccc; } .pos-booking .pos-booking-body .pos-booking-content .date .form-control:-moz-placeholder { color: #ccc; } .pos-booking .pos-booking-body .pos-booking-content .date .input-group-addon { background: 0 0; } .pos-counter { padding-top: 52px; } @media (min-width: 992px) { .pos-counter { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .pos-counter .pos-counter-header { background: rgba(0, 0, 0, 0.95); padding: 10px 25px; position: fixed; left: 0; right: 0; top: 0; height: 52px; z-index: 1020; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-counter .pos-counter-header .logo, .pos-counter .pos-counter-header .nav, .pos-counter .pos-counter-header .time { width: 33.33%; } @media (max-width: 767.98px) { .pos-counter .pos-counter-header .logo, .pos-counter .pos-counter-header .nav, .pos-counter .pos-counter-header .time { width: 50%; } } .pos-counter .pos-counter-header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-counter .pos-counter-header .logo > a, .pos-counter .pos-counter-header .logo > div { text-align: center; color: #fff; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-counter .pos-counter-header .logo > a .logo-img img, .pos-counter .pos-counter-header .logo > div .logo-img img { height: 32px; } .pos-counter .pos-counter-header .logo > a .logo-text, .pos-counter .pos-counter-header .logo > div .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-counter .pos-counter-header .time { font-weight: 500; font-size: 20px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .pos-counter .pos-counter-header .time { display: none; } } .pos-counter .pos-counter-header .nav { -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .pos-counter .pos-counter-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .pos-counter .pos-counter-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #fff; } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-img { height: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-counter .pos-counter-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-counter .pos-counter-body { height: calc(100% - 52px); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-counter .pos-counter-body .pos-counter-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-counter .pos-counter-body .pos-counter-content .pos-counter-content-container { padding: 2px; height: 100%; background: rgba(0, 0, 0, 0.5); } .pos-counter .pos-counter-body .pos-counter-content .table-row { margin: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table { padding: 1px; margin: 0; height: 100%; width: 25%; -webkit-box-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } @media (max-width: 1659.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 33.33%; -webkit-box-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media (max-width: 1199.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 50%; -webkit-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 991.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 33.33%; -webkit-box-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media (max-width: 767.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 50%; -webkit-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 575.98px) { .pos-counter .pos-counter-body .pos-counter-content .table-row .table { width: 100%; -webkit-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container { background: #1a1a1a; color: #fff; display: block; height: 100%; text-decoration: none; font-weight: 600; position: relative; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-status { position: absolute; top: 5px; right: 5px; background: #404040; width: 8px; height: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-status i { font-size: 8px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-name { text-align: center; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-name .name { font-size: 0.875rem; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-name .no { font-size: 32px; margin-bottom: -4px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row { margin: 0 -1px 0 0; color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .table-info-col { width: 50%; padding: 1px 1px 0 0; margin: 0 auto; -webkit-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .table-info-col .table-info-container { height: 100%; background: #666; padding: 2px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .icon { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .icon + .text { margin-left: 2px; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row .text { font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container .table-info-row + .table-col-info { border-top: 1px solid #f2f2f2; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table .table-container + .table-col { border-left: 1px solid #f2f2f2; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) { position: relative; z-index: 10; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) .table-container { position: relative; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) .table-container:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: rgba(166, 166, 166, 0.8); } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use:hover:not(.disabled) .table-container:after { content: "\f00c"; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 32px; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled), .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover { position: relative; z-index: 20; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container { background: #1a1a1a; opacity: 1; color: #fff; position: relative; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container .table-info-row, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container .table-info-row { color: #fff; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container:before, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background: rgba(4, 193, 66, 0.9); } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled) .table-container:after, .pos-counter .pos-counter-body .pos-counter-content .table-row .table.selected:not(.disabled):hover .table-container:after { content: "\f00c"; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; color: #fff; font-size: 32px; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container { cursor: not-allowed; background: #1a1a1a; color: #666; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-status { background: #ff3502; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-status { border-top-color: #ff3502; border-right-color: #ff3502; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-info-row { color: #404040; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.disabled .table-container .table-info-row .table-info-col .table-info-container { background: #404040; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container { cursor: initial; color: #ccc; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container .table-status { background: #04c142; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container .table-info-row { color: #404040; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.available .table-container .table-info-row .table-info-col .table-info-container { background: #404040; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container { background: #404040; position: relative; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container:before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container .table-status { background: #ff7b01; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container .table-info-row { color: #fff; } .pos-counter .pos-counter-body .pos-counter-content .table-row .table.in-use .table-container .table-info-row .table-info-col .table-info-container { background: gray; } .pos-counter .pos-counter-body .pos-counter-sidebar { background: rgba(0, 0, 0, 0.15); color: #fff; width: 50%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (max-width: 991.98px) { .pos-counter .pos-counter-body .pos-counter-sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 1021; background: rgba(0, 0, 0, 0.95); display: none; } } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header { padding: 10px 25px; background: rgba(255, 255, 255, 0.15); color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn { width: 50px; margin-left: -25px; margin-right: 25px; margin-top: -10px; margin-bottom: -10px; height: 50px; border: none; background: rgba(0, 0, 0, 0.15); display: none; } @media (max-width: 991.98px) { .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn { display: block; } } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn .btn { color: #fff; padding: 0; width: 100%; height: 100%; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .back-btn .btn svg { width: 20px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .icon img { height: 30px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .icon + .title { padding-left: 10px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .title { font-size: 14px; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-header .order { display: block; font-size: 12px; background: #000; color: #fff; padding: 2px 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body { padding: 0; margin: 0; overflow: scroll; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table { padding: 0 25px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row { padding: 15px 0; margin: 0; position: relative; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row + .pos-table-row { border-top: 1px solid rgba(255, 255, 255, 0.15); } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div { padding: 0; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .price { font-size: 0.875rem; font-weight: 600; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-qty { font-size: 0.875rem; font-weight: 600; text-align: center; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-price { font-size: 0.875rem; font-weight: 600; text-align: right; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div a { display: inline-block; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img { width: 45px; height: 45px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 6px; border-radius: 6px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img + .info { padding-left: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .title { font-weight: 600; font-size: 14px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .single-price { font-weight: 600; color: #1a1a1a; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer { position: relative; padding: 10px 25px; background: rgba(255, 255, 255, 0.15); -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .price { text-align: right; font-weight: 600; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .subtotal, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .taxes, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total { line-height: 28px; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .subtotal .text, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .taxes .text, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total .text { width: 72%; text-align: right; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .subtotal .price, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .taxes .price, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total .price { width: 28%; font-size: 0.875rem; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total { line-height: 36px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .total .price { font-size: 28px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row { padding: 10px 0 0; margin: 0 -25px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn { display: block; padding: 10px 15px; font-size: 0.875rem; min-width: 100px; text-align: center; position: relative; -webkit-border-radius: 0; border-radius: 0; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn i { display: block; margin: 8px auto 5px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn + .btn:before { content: ""; position: absolute; top: -1px; bottom: -1px; width: 2px; background: #000; left: -1px; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-default { background: rgba(255, 255, 255, 0.2); border: none; color: #fff; } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-default:hover { background: rgba(255, 255, 255, 0.4); } .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-primary, .pos-counter .pos-counter-body .pos-counter-sidebar .pos-sidebar-footer .btn-row .btn.btn-success { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 991.98px) { .pos-counter.pos-mobile-sidebar-toggled .pos-counter-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 992px) { .pos-customer { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } } .pos-customer .pos-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 992px) { .pos-customer .pos-menu { width: 160px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 991.98px) { .pos-customer .pos-menu { position: fixed; top: 0; left: 0; right: 0; z-index: 1020; overflow: scroll; background: rgba(102, 102, 102, 0.95); -ms-flex-align: center; align-items: center; } } .pos-customer .pos-menu .logo { padding: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 991.98px) { .pos-customer .pos-menu .logo { width: 160px; padding: 0 15px; max-height: 95px; -webkit-box-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; } } .pos-customer .pos-menu .logo a { display: block; text-decoration: none; color: inherit; } .pos-customer .pos-menu .logo .logo-img { text-align: center; height: 46px; } .pos-customer .pos-menu .logo .logo-text { font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-top: 6px; } @media (max-width: 991.98px) { .pos-customer .pos-menu .logo .logo-text { margin-top: 3px; margin-bottom: -3px; } } .pos-customer .pos-menu .logo img { max-width: 100%; max-height: 100%; } .pos-customer .pos-menu .nav-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 992px) { .pos-customer .pos-menu .nav-container { overflow: hidden; } } @media (max-width: 991.98px) { .pos-customer .pos-menu .nav-container { padding: 12px 0; } } .pos-customer .pos-menu .nav.nav-tabs { margin: 0; padding: 0 25px; display: block; } @media (max-width: 991.98px) { .pos-customer .pos-menu .nav.nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link { position: relative; padding: 9px 20px; font-size: 13px; white-space: nowrap; text-align: center; border: 2px solid transparent; color: #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -ms-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link .fa { display: block; margin: 5px auto !important; font-size: 20px; color: #a6a6a6; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link:hover { color: #fff; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link:hover .fa { color: #fff; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link.active { color: #fff; border-color: rgba(255, 255, 255, 0.25); background: 0 0; } .pos-customer .pos-menu .nav.nav-tabs .nav-item .nav-link.active .fa { color: #fff; } .pos-customer .pos-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 992px) { .pos-customer .pos-content { overflow: scroll; } } @media (max-width: 991.98px) { .pos-customer .pos-content { padding-top: 95px; } } .pos-customer .pos-content .pos-content-container { padding: 25px; } .pos-customer .pos-content .product-row { padding: 0; margin: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pos-customer .pos-content .product-row .product-container { padding: 10px; width: 100%; } @media (min-width: 576px) { .pos-customer .pos-content .product-row .product-container { width: 33.33%; } } @media (min-width: 992px) { .pos-customer .pos-content .product-row .product-container { width: 50%; } } @media (min-width: 1200px) { .pos-customer .pos-content .product-row .product-container { width: 33.33%; } } @media (min-width: 1660px) { .pos-customer .pos-content .product-row .product-container { width: 25%; } } .pos-customer .pos-content .product-row .product-container .product { height: 100%; } .pos-customer .pos-content .product { background: #fff; color: #000; display: block; margin: 0; text-decoration: none; overflow: hidden; position: relative; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pos-customer .pos-content .product:hover { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .pos-customer .pos-content .product .img { background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 180px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .pos-customer .pos-content .product .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 12px 15px; } .pos-customer .pos-content .product .text .title { font-size: 14px; line-height: 18px; font-weight: 600; color: #000; margin: 0 0 3px; } .pos-customer .pos-content .product .text .desc { color: gray; font-weight: 600; margin: 0 0 3px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-customer .pos-content .product .text .price { margin: 0; font-weight: 600; color: #000; font-size: 0.875rem; } .pos-customer .pos-content .product.not-available { cursor: not-allowed; -webkit-box-shadow: none !important; box-shadow: none !important; } .pos-customer .pos-content .product.not-available .img, .pos-customer .pos-content .product.not-available .text { opacity: 0.65; } .pos-customer .pos-content .product.not-available .not-available-text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-height: 180px; background: rgba(102, 102, 102, 0.75); color: #fff; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-customer .pos-sidebar { background: rgba(0, 0, 0, 0.25); color: #fff; width: 360px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0 0 360px; -ms-flex: 0 0 360px; flex: 0 0 360px; } @media (max-width: 991.98px) { .pos-customer .pos-sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 1021; display: none; background: #404040; } } .pos-customer .pos-sidebar .pos-sidebar-header { padding: 10px 25px; background: rgba(255, 255, 255, 0.25); color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-customer .pos-sidebar .pos-sidebar-header .back-btn { width: 50px; margin-left: -25px; margin-right: 25px; margin-top: -10px; margin-bottom: -10px; height: 50px; border: none; background: rgba(0, 0, 0, 0.25); display: none; } @media (max-width: 991.98px) { .pos-customer .pos-sidebar .pos-sidebar-header .back-btn { display: block; } } .pos-customer .pos-sidebar .pos-sidebar-header .back-btn .btn { color: #fff; padding: 0; width: 100%; height: 100%; } .pos-customer .pos-sidebar .pos-sidebar-header .back-btn .btn svg { width: 20px; } .pos-customer .pos-sidebar .pos-sidebar-header .icon img { height: 30px; } .pos-customer .pos-sidebar .pos-sidebar-header .icon + .title { padding-left: 10px; } .pos-customer .pos-sidebar .pos-sidebar-header .title { font-size: 14px; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-header .order { display: block; font-size: 12px; background: #000; color: #fff; padding: 2px 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs { padding: 0; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item { padding: 0; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link { padding: 12px 15px; font-size: 13px; background: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.5); border: none; -webkit-border-radius: 0; border-radius: 0; } .pos-customer .pos-sidebar .pos-sidebar-nav .nav.nav-tabs .nav-item .nav-link.active { color: #fff; background: rgba(255, 255, 255, 0.15); border-bottom-color: #fff; } .pos-customer .pos-sidebar .pos-sidebar-body { padding: 0; margin: 0; overflow: scroll; background: rgba(255, 255, 255, 0.15); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table { padding: 0 25px; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row { padding: 15px 0; margin: 0; position: relative; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row + .pos-table-row { border-top: 1px solid rgba(255, 255, 255, 0.25); } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div { padding: 0; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty { width: 85px; margin-top: 10px; -ms-flex-align: center; align-items: center; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .form-control { margin: 0; background: 0 0; border: 0; padding: 0; text-align: center; line-height: 1; height: 26px; font-weight: 600; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn { background: rgba(255, 255, 255, 0.25); padding: 0; color: #fff; border: none; width: 26px; height: 26px; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn:focus, .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .input-group.qty .btn:hover { color: #003680; background: #99c4ff; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .price { font-size: 0.875rem; font-weight: 600; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div.total-price { font-size: 0.875rem; font-weight: 600; text-align: right; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div a { display: inline-block; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img { width: 60px; height: 60px; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-border-radius: 6px; border-radius: 6px; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img + .info { padding-left: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .title { font-weight: 600; font-size: 14px; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .info .single-price { font-weight: 600; color: rgba(255, 255, 255, 0.5); } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row .pos-remove-confirmation { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(38, 38, 38, 0.85); border: none; font-size: 0.875rem; font-weight: 600; z-index: 10; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-customer .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row .pos-remove-confirmation .btn { min-width: 60px; } .pos-customer .pos-sidebar .pos-sidebar-footer { background: rgba(255, 255, 255, 0.25); position: relative; padding: 10px 25px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px rgba(0, 0, 0, 0.1); } .pos-customer .pos-sidebar .pos-sidebar-footer .price { text-align: right; font-weight: 600; } .pos-customer .pos-sidebar .pos-sidebar-footer .subtotal, .pos-customer .pos-sidebar .pos-sidebar-footer .taxes, .pos-customer .pos-sidebar .pos-sidebar-footer .total { line-height: 28px; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .pos-customer .pos-sidebar .pos-sidebar-footer .subtotal .text, .pos-customer .pos-sidebar .pos-sidebar-footer .taxes .text, .pos-customer .pos-sidebar .pos-sidebar-footer .total .text { width: 50%; } .pos-customer .pos-sidebar .pos-sidebar-footer .subtotal .price, .pos-customer .pos-sidebar .pos-sidebar-footer .taxes .price, .pos-customer .pos-sidebar .pos-sidebar-footer .total .price { width: 50%; font-size: 0.875rem; } .pos-customer .pos-sidebar .pos-sidebar-footer .total .price { font-size: 18px; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row { padding: 10px 0 0; margin: 0 -25px -10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn { display: block; padding: 10px 15px; font-size: 0.875rem; min-width: 100px; text-align: center; position: relative; -webkit-border-radius: 0; border-radius: 0; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn .fa { display: block; margin: 8px auto 5px; } .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn.btn-primary, .pos-customer .pos-sidebar .pos-sidebar-footer .btn-row .btn.btn-success { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 991.98px) { .pos-customer.pos-mobile-sidebar-toggled .pos-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; } } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .close { position: absolute; top: 25px; right: 25px; z-index: 10; } @media (min-width: 992px) { .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product { display: -webkit-box; display: -ms-flexbox; display: flex; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-img, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info { width: 50%; max-width: 50%; -webkit-box-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-img .img { height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 250px; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } @media (min-width: 992px) { .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-img .img { min-height: 300px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info { padding: 25px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .title { font-size: 22px; color: #fff; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .desc { color: #ccc; font-size: 13px; font-weight: 600; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .price { font-weight: 600; font-size: 18px; margin: 8px 0; color: #fff; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .input-group { width: 95px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .form-control { font-weight: 600; font-size: 0.875rem; height: 30px; background: 0 0; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .btn { background: gray; padding: 0; color: #e6e6e6; border: none; width: 30px; height: 30px; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .btn:focus, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .qty .btn:hover { color: #003680; background: #99c4ff; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row { font-size: 13px; margin-bottom: 15px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-title { font-size: 0.875rem; font-weight: 600; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list { margin: -5px; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option { width: 33.33%; max-width: 33.33%; padding: 5px; -webkit-box-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-input { display: none; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-input:checked + .option-label { border: 2px solid #fff; background: rgba(255, 255, 255, 0.25); padding: 9px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-label { border: 1px solid gray; padding: 10px; height: 100%; -webkit-border-radius: 6px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-label .option-text { font-weight: 600; display: block; line-height: 16px; text-align: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list .option .option-label .option-price { font-weight: 600; color: #fff; margin-top: 5px; line-height: 16px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list label { padding-top: 8px; padding-bottom: 8px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list label:after, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list label:before { top: 9px; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .option-row .option-list + .custom-control label { border-top: 1px solid #f2f2f2; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row { margin: 25px -25px -25px; display: -webkit-box; display: -ms-flexbox; display: flex; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn { padding: 20px; position: relative; font-size: 0.875rem; width: 50%; -webkit-border-radius: 0; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn.btn-primary, .modal.modal-pos-item .modal-dialog .modal-content .modal-body .pos-product .pos-product-info .btn-row .btn.btn-success { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-kitchen { min-height: 100%; padding-top: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pos-kitchen .pos-kitchen-header { background: rgba(0, 0, 0, 0.95); padding: 10px 25px; position: fixed; left: 0; right: 0; top: 0; height: 52px; z-index: 1020; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-kitchen .pos-kitchen-header .logo, .pos-kitchen .pos-kitchen-header .nav, .pos-kitchen .pos-kitchen-header .time { width: 33.33%; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-header .logo, .pos-kitchen .pos-kitchen-header .nav, .pos-kitchen .pos-kitchen-header .time { width: 50%; } } .pos-kitchen .pos-kitchen-header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-kitchen .pos-kitchen-header .logo > a, .pos-kitchen .pos-kitchen-header .logo > div { text-align: center; color: #fff; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-kitchen .pos-kitchen-header .logo > a .logo-img img, .pos-kitchen .pos-kitchen-header .logo > div .logo-img img { height: 32px; } .pos-kitchen .pos-kitchen-header .logo > a .logo-text, .pos-kitchen .pos-kitchen-header .logo > div .logo-text { font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-kitchen .pos-kitchen-header .time { font-weight: 500; font-size: 20px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-header .time { display: none; } } .pos-kitchen .pos-kitchen-header .nav { -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #fff; } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link .nav-img { height: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-kitchen .pos-kitchen-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-kitchen .pos-kitchen-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } @media (min-width: 768px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info { width: 30%; padding: 25px; text-align: right; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info { width: auto; position: relative; text-align: left; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .table-no { font-size: 24px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .order-type { font-size: 14px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .order-no { margin-bottom: 5px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .time-pass { font-size: 16px; font-weight: 600; margin-top: 25px; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-info .time-pass { position: absolute; right: 0; top: 0; margin: 0; padding: 25px; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body { padding: 25px; border-left: 1px solid rgba(255, 255, 255, 0.15); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body { border-left: none; padding-top: 0; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-completed { font-size: 16px; line-height: 36px; } @media (max-width: 767.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-completed { border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: -10px; padding-top: 10px; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row { margin: 0 -10px -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product { width: 25%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; -webkit-box-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1199.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product { width: 33.33%; -webkit-box-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media (max-width: 575.98px) { .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product { width: 100%; -webkit-box-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img { padding-top: 75%; position: relative; margin-bottom: 10px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 6px; border-radius: 6px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-img .caption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(102, 102, 102, 0.75); color: #fff; font-size: 24px; -webkit-border-radius: 6px; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info { color: #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title { font-size: 16px; font-weight: 600; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .title + .desc { padding-top: 3px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .info .desc { font-size: 13px; font-weight: 600; color: #fff; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-info .qty { font-size: 18px; font-weight: 600; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action { padding-top: 10px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn { display: block; font-weight: 600; font-size: 14px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product .pos-task-product-action .btn + .btn { margin-top: 10px; } .pos-kitchen .pos-kitchen-body .pos-task-row .pos-task .pos-task-body .pos-task-product-row .pos-task-product.completed .pos-task-product-info { opacity: 0.75; } .pos-stock { padding-top: 52px; } @media (min-width: 992px) { .pos-stock { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .pos-stock .pos-stock-header { background: rgba(0, 0, 0, 0.95); padding: 10px 25px; position: fixed; left: 0; right: 0; top: 0; height: 52px; z-index: 1020; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-stock .pos-stock-header .logo, .pos-stock .pos-stock-header .nav, .pos-stock .pos-stock-header .time { width: 33.33%; } @media (max-width: 767.98px) { .pos-stock .pos-stock-header .logo, .pos-stock .pos-stock-header .nav, .pos-stock .pos-stock-header .time { width: 50%; } } .pos-stock .pos-stock-header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-stock .pos-stock-header .logo > a, .pos-stock .pos-stock-header .logo > div { text-align: center; color: #fff; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-stock .pos-stock-header .logo > a .logo-img img, .pos-stock .pos-stock-header .logo > div .logo-img img { height: 32px; } .pos-stock .pos-stock-header .logo > a .logo-text, .pos-stock .pos-stock-header .logo > div .logo-text { font-weight: 500; font-size: 16px; letter-spacing: 1px; margin-left: 15px; } .pos-stock .pos-stock-header .time { font-weight: 500; font-size: 20px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .pos-stock .pos-stock-header .time { display: none; } } .pos-stock .pos-stock-header .nav { -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .pos-stock .pos-stock-header .nav .nav-item .nav-link { padding: 5px 15px; font-weight: 600; font-size: 13px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .pos-stock .pos-stock-header .nav .nav-item .nav-link { padding: 5px 10px; } } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-icon { height: 20px; color: #fff; } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-img { height: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-img + .nav-text { margin-left: 10px; } .pos-stock .pos-stock-header .nav .nav-item .nav-link .nav-text { font-weight: 600; } .pos-stock .pos-stock-body { height: calc(100% - 52px); background: rgba(0, 0, 0, 0.25); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-stock .pos-stock-body .pos-stock-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container { padding: 1px; height: 100%; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product { height: 100%; padding: 1px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container { background: rgba(255, 255, 255, 0.15); height: 100%; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-img .img { padding-top: 56.25%; padding-top: 75%; background-size: cover; background-position: center; background-repeat: no-repeat; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-info { color: #fff; padding: 15px 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-info .title { font-size: 0.875rem; font-weight: 600; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-info .desc { color: rgba(255, 255, 255, 0.75); margin-bottom: 15px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option { margin: 0 0 5px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option { padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option .option-label { font-weight: 600; padding-right: 10px; width: 90px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option .option-input .form-control { border-width: 2px; font-weight: 600; font-size: 0.875rem; height: 34px; padding: 3px 10px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-option .option + .option { padding-top: 15px; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-action { display: -webkit-box; display: -ms-flexbox; display: flex; } .pos-stock .pos-stock-body .pos-stock-content .pos-stock-content-container .pos-stock-product .pos-stock-product-container .product .product-action .btn { font-weight: 600; padding: 12px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 0; border-radius: 0; } .pos .slimScrollBar { display: none !important; } .pos-mobile-sidebar-toggler { position: fixed; bottom: 60px; right: 12px; z-index: 1020; background: #fff; padding: 10px; width: 60px; height: 60px; text-decoration: none; color: #000; display: none; -webkit-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); -ms-flex-align: center; align-items: center; } @media (max-width: 991.98px) { .pos-mobile-sidebar-toggler { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pos-mobile-sidebar-toggler:hover { color: #666; } .pos-mobile-sidebar-toggler .img { width: 32px; height: 32px; display: block; margin: 0 auto; } .pos-mobile-sidebar-toggler .badge { position: absolute; right: 10px; top: 10px; background: #006cff; color: #fff; width: 20px; height: 20px; font-size: 0.875rem; font-weight: 600; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: rgba(0, 0, 0, 0.25); border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; -webkit-border-radius: 0; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; -webkit-border-radius: 0; border-radius: 0; } .panel > .list-group, .panel > .tab-content, .panel > .table { margin-bottom: 0; } .panel > .tab-content { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > .widget-list .widget-list-item { -webkit-border-radius: 0; border-radius: 0; } .panel > .table-responsive > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child { padding-left: 15px; } .panel > .table-responsive > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:focus, .panel .panel-heading .panel-title > a:hover { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn-group-sm > .btn, .panel .panel-heading .btn-group .btn.btn-sm { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:after, .panel .panel-body:before { content: ""; display: table; clear: both; } .panel .panel-body.no-padding, .panel .panel-body.panel-form, .panel .panel-body.panel-full-width, .panel .panel-body.panel-table { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^="bg-"] { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: rgba(0, 0, 0, 0.25); } .panel .panel-footer { background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 10px 15px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^="col-"].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: rgba(255, 255, 255, 0.25); color: #fff; } .panel.panel-inverse > .panel-heading { background: #000; color: #fff; } .panel.panel-success > .panel-heading { background: #039c35; color: #fff; } .panel.panel-warning > .panel-heading { background: #da6900; color: #fff; } .panel.panel-danger > .panel-heading { background: #db2c00; color: #fff; } .panel.panel-primary > .panel-heading { background: #005cd9; color: #fff; } .panel.panel-info > .panel-heading { background: #00add9; color: #fff; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; -moz-animation: fadeIn 0.2s; -ms-animation: fadeIn 0.2s; -o-animation: fadeIn 0.2s; animation: fadeIn 0.2s; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-footer, .panel.panel-expand > .panel-heading { -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { -ms-flex-align: center; align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; -webkit-border-radius: 4px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .sidebar, .panel-expand .sidebar-bg, .panel-expand .top-menu { z-index: 0; } .panel-expand .content .row [class^="col-"] { position: inherit; } .panel-expand .content .panel-expand .row > [class^="col-"] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: rgba(0, 0, 0, 0.25); border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; -webkit-border-radius: 0; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; -webkit-border-radius: 0; border-radius: 0; } .panel > .list-group, .panel > .tab-content, .panel > .table { margin-bottom: 0; } .panel > .tab-content { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > .widget-list .widget-list-item { -webkit-border-radius: 0; border-radius: 0; } .panel > .table-responsive > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child { padding-left: 15px; } .panel > .table-responsive > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:focus, .panel .panel-heading .panel-title > a:hover { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn-group-sm > .btn, .panel .panel-heading .btn-group .btn.btn-sm { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:after, .panel .panel-body:before { content: ""; display: table; clear: both; } .panel .panel-body.no-padding, .panel .panel-body.panel-form, .panel .panel-body.panel-full-width, .panel .panel-body.panel-table { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^="bg-"] { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: rgba(0, 0, 0, 0.25); } .panel .panel-footer { background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 10px 15px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^="col-"].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: rgba(255, 255, 255, 0.25); color: #fff; } .panel.panel-inverse > .panel-heading { background: #000; color: #fff; } .panel.panel-success > .panel-heading { background: #039c35; color: #fff; } .panel.panel-warning > .panel-heading { background: #da6900; color: #fff; } .panel.panel-danger > .panel-heading { background: #db2c00; color: #fff; } .panel.panel-primary > .panel-heading { background: #005cd9; color: #fff; } .panel.panel-info > .panel-heading { background: #00add9; color: #fff; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; -moz-animation: fadeIn 0.2s; -ms-animation: fadeIn 0.2s; -o-animation: fadeIn 0.2s; animation: fadeIn 0.2s; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-footer, .panel.panel-expand > .panel-heading { -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { -ms-flex-align: center; align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; -webkit-border-radius: 4px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .sidebar, .panel-expand .sidebar-bg, .panel-expand .top-menu { z-index: 0; } .panel-expand .content .row [class^="col-"] { position: inherit; } .panel-expand .content .panel-expand .row > [class^="col-"] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .panel { margin-bottom: 20px; background: rgba(0, 0, 0, 0.25); border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 3px; border-radius: 3px; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: none; margin-bottom: 0; } .panel > .table-bordered > thead > tr > th, .panel > .table-responsive > .table-bordered > thead > tr > th { border-top: none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: none; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left: none; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right: none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom: none; } .panel > .form-control { border-right: 0; border-left: 0; padding: 15px; -webkit-border-radius: 0; border-radius: 0; } .panel > .form-control + .panel-footer { border-top: none; } .panel > .alert, .panel > .note { margin: 0; -webkit-border-radius: 0; border-radius: 0; } .panel > .list-group, .panel > .tab-content, .panel > .table { margin-bottom: 0; } .panel > .tab-content { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel > .list-group .list-group-item { border-left: none; border-right: none; } .panel > .list-group .list-group-item:first-child { border-top-width: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: none; } .panel > .widget-list .widget-list-item { -webkit-border-radius: 0; border-radius: 0; } .panel > .table-responsive > .table > tbody > tr > td:first-child, .panel > .table-responsive > .table > tbody > tr > th:first-child, .panel > .table-responsive > .table > thead > tr > td:first-child, .panel > .table-responsive > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child { padding-left: 15px; } .panel > .table-responsive > .table > tbody > tr > td:last-child, .panel > .table-responsive > .table > tbody > tr > th:last-child, .panel > .table-responsive > .table > thead > tr > td:last-child, .panel > .table-responsive > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child { padding-right: 15px; } .panel .panel-heading { padding: 10px 15px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } .panel .panel-heading .panel-title { line-height: 20px; font-size: 12px; margin-top: 0; margin-bottom: 0; color: inherit; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-heading .panel-title > a { color: inherit; display: block; } .panel .panel-heading .panel-title > a:focus, .panel .panel-heading .panel-title > a:hover { text-decoration: none; } .panel .panel-heading .panel-title .pull-right { line-height: 20px; } .panel .panel-heading .panel-heading-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .panel .panel-heading .panel-heading-btn > a + a { margin-left: 5px; } .panel .panel-heading .panel-heading-btn .btn-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel .panel-heading .btn-group .btn { margin-top: -7px; margin-bottom: -7px; } .panel .panel-heading .btn-group .btn-group-sm > .btn, .panel .panel-heading .btn-group .btn.btn-sm { margin-top: -5px; margin-bottom: -5px; } .panel .panel-heading .btn-group .btn.btn-xs { margin-top: -1px; margin-bottom: -1px; } .panel .panel-heading .progress { min-width: 120px; } .panel .panel-heading .tab-overflow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel .panel-body { padding: 15px; } .panel .panel-body:after, .panel .panel-body:before { content: ""; display: table; clear: both; } .panel .panel-body.no-padding, .panel .panel-body.panel-form, .panel .panel-body.panel-full-width, .panel .panel-body.panel-table { padding: 0 !important; } .panel .panel-body.no-border { border: none !important; } .panel .panel-body[class^="bg-"] { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel .panel-toolbar { padding: 10px 15px; background: rgba(0, 0, 0, 0.25); } .panel .panel-footer { background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.25); padding: 10px 15px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .panel [class^="col-"].ui-sortable { min-height: 0; } .panel.panel-default > .panel-heading { background: rgba(255, 255, 255, 0.25); color: #fff; } .panel.panel-inverse > .panel-heading { background: #000; color: #fff; } .panel.panel-success > .panel-heading { background: #039c35; color: #fff; } .panel.panel-warning > .panel-heading { background: #da6900; color: #fff; } .panel.panel-danger > .panel-heading { background: #db2c00; color: #fff; } .panel.panel-primary > .panel-heading { background: #005cd9; color: #fff; } .panel.panel-info > .panel-heading { background: #00add9; color: #fff; } .panel.panel-loading .panel-body { position: relative; z-index: 0; } .panel.panel-loading .panel-body .panel-loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.9; z-index: 10; -webkit-animation: fadeIn 0.2s; -moz-animation: fadeIn 0.2s; -ms-animation: fadeIn 0.2s; -o-animation: fadeIn 0.2s; animation: fadeIn 0.2s; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .panel.panel-expand { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; overflow: hidden; z-index: 1080; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body, .panel.panel-expand > .panel-footer, .panel.panel-expand > .panel-heading { -webkit-border-radius: 0; border-radius: 0; } .panel.panel-expand > .panel-body { overflow-x: scroll; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .panel.panel-expand > .panel-body > .slimScrollDiv { height: 100% !important; } .panel.panel-expand > .panel-body > .slimScrollDiv > div:not(.slimScrollBar):not(.slimScrollRail) { height: 100% !important; } .panel.panel-expand > .panel-heading { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .panel.panel-expand > .panel-heading .fa-expand:before { content: "\f066"; } .panel.panel-hover-icon .panel-heading .panel-heading-btn .btn i { visibility: hidden; } .panel.panel-hover-icon .panel-heading:focus .panel-heading-btn .btn i, .panel.panel-hover-icon .panel-heading:hover .panel-heading-btn .btn i { visibility: visible; } .panel.panel-no-rounded-corner .panel-body, .panel.panel-no-rounded-corner .panel-footer, .panel.panel-no-rounded-corner .panel-header { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .panel.panel-with-tabs .panel-heading { -ms-flex-align: center; align-items: center; } .panel.panel-with-tabs .panel-heading > .nav-tabs { margin-top: -5px; margin-bottom: -11px; border-bottom: none; } .panel.panel-with-tabs .panel-heading > .nav-tabs .nav-item .nav-link { border: none; margin: 0; } .panel-group .panel { margin-bottom: 0; -webkit-border-radius: 4px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-expand .header, .panel-expand .sidebar, .panel-expand .sidebar-bg, .panel-expand .top-menu { z-index: 0; } .panel-expand .content .row [class^="col-"] { position: inherit; } .panel-expand .content .panel-expand .row > [class^="col-"] { position: relative; } .panel-expand .vertical-box .vertical-box-column { display: table-cell; } .panel-expand .page-content-full-height .content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .profile-header { position: relative; overflow: hidden; } .profile-header .profile-header-cover { background-image: url(/Resources/NewDesign/css/images/profile-cover.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .profile-header .profile-header-cover:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); } .profile-header .profile-header-content { color: #fff; padding: 30px; position: relative; } @media (max-width: 991.98px) { .profile-header .profile-header-content { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .profile-header .profile-header-img { float: left; width: 120px; height: 120px; overflow: hidden; position: relative; z-index: 10; margin: -10px 0 -20px 0; padding: 3px; background: #fff; -webkit-border-radius: 4px; border-radius: 4px; } @media (max-width: 991.98px) { .profile-header .profile-header-img { margin: 0; width: 80px; height: 80px; } } .profile-header .profile-header-img + .profile-header-info { margin-left: 140px; } @media (max-width: 991.98px) { .profile-header .profile-header-img + .profile-header-info { margin-left: 20px; } } .profile-header .profile-header-img img { max-width: 100%; } .profile-header .profile-header-info h4 { font-weight: 600; color: #fff; } .profile-header .profile-header-tab { position: relative; background: rgba(0, 0, 0, 0.25); list-style-type: none; margin: -10px 0 0; padding: 0 0 0 150px; -webkit-border-radius: 0; border-radius: 0; } @media (max-width: 991.98px) { .profile-header .profile-header-tab { padding: 0; margin: 0; overflow: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .profile-header .profile-header-tab .nav-item { display: inline-block; margin: 0; } .profile-header .profile-header-tab .nav-item .nav-link { display: block; color: rgba(255, 255, 255, 0.5); line-height: 20px; padding: 10px 20px; text-decoration: none; font-weight: 700; font-size: 12px; border: none; -webkit-border-radius: 0; border-radius: 0; } .profile-header .profile-header-tab .nav-item .nav-link:focus, .profile-header .profile-header-tab .nav-item .nav-link:hover { background: 0 0; color: rgba(255, 255, 255, 0.75); } .profile-header .profile-header-tab .nav-item .nav-link.active { color: #fff; background: 0 0; } .profile-content { padding: 25px; } .profile-content:after, .profile-content:before { content: ""; display: table; clear: both; } .profile-content .tab-content, .profile-content .tab-pane { background: 0 0; } .profile-content .table.table-profile > thead > tr > th { border: none; border-bottom: none !important; color: #fff; background: 0 0; } .profile-content .table.table-profile > thead > tr > th h4 { font-size: 20px; margin-top: 0; } .profile-content .table.table-profile > thead > tr > th h4 small { display: block; font-size: 12px; font-weight: 400; margin-top: 5px; color: rgba(255, 255, 255, 0.5); } .profile-content .table.table-profile tbody > tr td { border: none; color: #fff; background: 0 0; } .profile-content .table.table-profile tbody > tr td.field { width: 20%; text-align: right; font-weight: 600; color: #fff; } @media (max-width: 991.98px) { .profile-content .table.table-profile tbody > tr td.field { width: 35%; } } .profile-content .table.table-profile tbody > tr.highlight > td { border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .profile-content .table.table-profile tbody > tr.divider > td { padding: 0 !important; height: 10px; } .progress .progress-bar { font-weight: 600; } .progress.progress-xs { height: 5px; } .progress.progress-xs .progress-bar { line-height: 5px; } .progress.progress-sm { height: 10px; } .progress.progress-sm .progress-bar { line-height: 10px; } .progress.progress-lg { height: 30px; } .progress.progress-lg .progress-bar { line-height: 30px; } .has-success .radio.radio-css label, .has-success.radio.radio-css label, .is-valid .radio.radio-css label, .is-valid.radio.radio-css label { color: #03a839; } .has-success .radio.radio-css label:before, .has-success.radio.radio-css label:before, .is-valid .radio.radio-css label:before, .is-valid.radio.radio-css label:before { background: rgba(4, 193, 66, 0.5); } .has-error .radio.radio-css label, .has-error.radio.radio-css label, .is-invalid .radio.radio-css label, .is-invalid.radio.radio-css label { color: #e82f00; } .has-error .radio.radio-css label:before, .has-error.radio.radio-css label:before, .is-invalid .radio.radio-css label:before, .is-invalid.radio.radio-css label:before { background: rgba(255, 53, 2, 0.5); } .radio.radio-css { position: relative; line-height: 16px; padding-top: 7px; } .radio.radio-css label { padding-left: 24px; margin: 0; position: relative; } .radio.radio-css label:before { content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #a6a6a6; -webkit-border-radius: 16px; border-radius: 16px; } .radio.radio-css input { display: none; } .radio.radio-css input:checked + label:before { background: #006cff; border-color: #006cff; } .radio.radio-css input:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; width: 6px; height: 6px; background: #fff; -webkit-border-radius: 6px; border-radius: 6px; } .radio.radio-css.radio-inline { padding-left: 0; display: inline-block; } .radio.radio-css.radio-inline + .radio-inline { margin-left: 15px; } .radio.radio-css.radio-success input:checked + label:before { background: #04c142; border-color: #04c142; } .radio.radio-css.radio-lime input:checked + label:before { background: #c2e900; border-color: #c2e900; } .radio.radio-css.radio-indigo input:checked + label:before { background: #5600ff; border-color: #5600ff; } .radio.radio-css.radio-purple input:checked + label:before { background: #9800ff; border-color: #9800ff; } .radio.radio-css.radio-inverse input:checked + label:before { background: #000; border-color: #000; } .radio.radio-css.radio-warning input:checked + label:before { background: #ff7b01; border-color: #ff7b01; } .radio.radio-css.radio-danger input:checked + label:before { background: #ff3502; border-color: #ff3502; } .radio.radio-css.radio-info input:checked + label:before { background: #00cbff; border-color: #00cbff; } .radio.radio-css.radio-pink input:checked + label:before { background: #ff0081; border-color: #ff0081; } .radio.radio-css.radio-yellow input:checked + label:before { background: #ffd900; border-color: #ffd900; } .register.register-with-news-feed { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .register.register-with-news-feed .news-feed { position: fixed; left: 0; right: 500px; top: 0; bottom: 0; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } @media (max-width: 1199.98px) { .register.register-with-news-feed .news-feed { right: 400px; } } @media (max-width: 767.98px) { .register.register-with-news-feed .news-feed { position: relative; right: 0; display: none; } } .register.register-with-news-feed .news-feed .news-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .register.register-with-news-feed .news-feed .news-caption { color: rgba(255, 255, 255, 0.85); position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 60px 30px; font-size: 18px; letter-spacing: 0.25px; z-index: 20; font-weight: 300; background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); } @media (max-width: 1199.98px) { .register.register-with-news-feed .news-feed .news-caption { padding: 45px 45px 30px; font-size: 16px; } } .register.register-with-news-feed .news-feed .news-caption .caption-title { font-weight: 300; color: #fff; font-size: 36px; } @media (max-width: 1199.98px) { .register.register-with-news-feed .news-feed .news-caption .caption-title { font-size: 28px; } } .register.register-with-news-feed .right-content { min-height: 100%; width: 500px; margin-left: auto; padding: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199.98px) { .register.register-with-news-feed .right-content { width: 400px; padding: 45px; } } @media (max-width: 767.98px) { .register.register-with-news-feed .right-content { width: auto; } } @media (max-width: 575.98px) { .register.register-with-news-feed .right-content { padding: 30px; } } .register.register-with-news-feed .right-content .register-content { width: auto; } .register.register-with-news-feed .right-content .register-header { position: relative; font-size: 32px; color: #fff; } @media (max-width: 1199.98px) { .register.register-with-news-feed .right-content .register-header { font-size: 24px; } } .register.register-with-news-feed .right-content .register-header + .register-content { padding-top: 15px; } .register.register-with-news-feed .right-content .register-header small { color: rgba(255, 255, 255, 0.75); display: block; font-size: 14px; margin-top: 10px; line-height: 20px; } @media (max-width: 1199.98px) { .register.register-with-news-feed .right-content .register-header small { font-size: 12px; line-height: 18px; } } .registered-users-list { list-style-type: none; margin: 7.5px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .registered-users-list > li { width: 25%; font-size: 12px; padding: 7.5px; color: #fff; } .registered-users-list > li > a { display: block; margin-bottom: 10px; } .registered-users-list > li img { max-width: 100%; -webkit-border-radius: 4px; border-radius: 4px; } .registered-users-list > li .username { font-size: 12px; color: #fff; margin-bottom: 0; font-weight: 600; } .registered-users-list > li .username small { display: block; font-size: 11px; color: rgba(255, 255, 255, 0.75); line-height: 15px; } .result-list { list-style-type: none; margin: 0; padding: 0; width: 100%; } .result-list:after, .result-list:before { content: ""; display: table; clear: both; } .result-list > li { background: rgba(0, 0, 0, 0.25); overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-border-radius: 6px; border-radius: 6px; } .result-list > li:after, .result-list > li:before { content: ""; display: table; clear: both; } @media (max-width: 991.98px) { .result-list > li { padding-top: 160px; } } @media (max-width: 575.98px) { .result-list > li { display: block; } } .result-list > li + li { margin-top: 10px; } .result-list > li .result-image { width: 240px; padding: 0; overflow: hidden; background: #000; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1199.98px) { .result-list > li .result-image { width: 180px; } } @media (max-width: 991.98px) { .result-list > li .result-image { width: auto; position: absolute; top: 0; left: 0; right: 0; height: 160px; } } .result-list > li .result-image a { display: block; } .result-list > li .result-image img { width: 100%; } .result-list > li .result-image:focus, .result-list > li .result-image:hover { opacity: 0.8; } .result-list > li .result-info { padding: 20px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 1199.98px) { .result-list > li .result-info { padding: 15px; } } .result-list > li .result-info .title { margin: 0 0 5px; font-size: 18px; line-height: 22px; } @media (max-width: 991.98px) { .result-list > li .result-info .title { font-size: 16px; line-height: 20px; } } .result-list > li .result-info .title a { color: #fff; } .result-list > li .result-info .location { color: rgba(255, 255, 255, 0.75); margin-bottom: 15px; } .result-list > li .result-info .decs { margin-bottom: 20px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; line-height: 16px; } .result-list > li .result-info .btn-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .result-list > li .result-info .btn-row:after, .result-list > li .result-info .btn-row:before { content: ""; display: table; clear: both; } .result-list > li .result-info .btn-row a { color: #fff; background: rgba(255, 255, 255, 0.25); font-size: 14px; line-height: 18px; padding: 8px 10px; -webkit-border-radius: 4px; border-radius: 4px; } .result-list > li .result-info .btn-row a + a { margin-left: 5px; } .result-list > li .result-info .btn-row a:focus, .result-list > li .result-info .btn-row a:hover { background: #a6a6a6; } .result-list > li .result-price { width: 240px; font-size: 28px; text-align: center; background: rgba(255, 255, 255, 0.25); color: #fff; padding: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199.98px) { .result-list > li .result-price { width: 180px; padding: 15px; } } @media (max-width: 575.98px) { .result-list > li .result-price { width: auto; } } .result-list > li .result-price small { display: block; font-size: 11px; font-weight: 600; color: rgba(255, 255, 255, 0.75); } .result-list > li .result-price .btn { margin-top: 30px; } @media (max-width: 575.98px) { .result-list > li .result-price .btn { margin-top: 15px; } } .row > [class^="col-"].ui-sortable { min-height: 50px; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes rotation { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes rotation { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotation { from { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } .spinner { height: 36px; width: 36px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; border: 2px solid rgba(255, 255, 255, 0.15); border-top: 2px solid #fff; -webkit-border-radius: 36px; border-radius: 36px; -webkit-animation: rotation 0.6s infinite linear; -moz-animation: rotation 0.6s infinite linear; -ms-animation: rotation 0.6s infinite linear; -o-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; } .spinner-small { height: 28px; width: 28px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; border: 2px solid rgba(255, 255, 255, 0.15); border-top: 2px solid #fff; -webkit-border-radius: 30px; border-radius: 30px; -webkit-animation: rotation 0.6s infinite linear; -moz-animation: rotation 0.6s infinite linear; -ms-animation: rotation 0.6s infinite linear; -o-animation: rotation 0.6s infinite linear; animation: rotation 0.6s infinite linear; } .switcher { display: inline-block; } .switcher label { display: block; margin: 0; width: 46px; height: 28px; position: relative; } .switcher label:before { content: ""; display: block; width: 46px; height: 28px; background: #a6a6a6; border: 1px solid rgba(255, 255, 255, 0.25); -webkit-border-radius: 46px; border-radius: 46px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .switcher label:after { content: ""; height: 24px; width: 24px; position: absolute; left: 2px; top: 2px; background: #fff; -webkit-border-radius: 24px; border-radius: 24px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .switcher input { display: none; } .switcher input:checked + label:before { background: #006cff; border: 2px solid #006cff; } .switcher input:checked + label:after { left: 20px; } .switcher.switcher-success input:checked + label:before { background: #04c142; border-color: #04c142; } .switcher.switcher-lime input:checked + label:before { background: #c2e900; border-color: #c2e900; } .switcher.switcher-indigo input:checked + label:before { background: #5600ff; border-color: #5600ff; } .switcher.switcher-purple input:checked + label:before { background: #9800ff; border-color: #9800ff; } .switcher.switcher-inverse input:checked + label:before { background: #000; border-color: #000; } .switcher.switcher-warning input:checked + label:before { background: #ff7b01; border-color: #ff7b01; } .switcher.switcher-danger input:checked + label:before { background: #ff3502; border-color: #ff3502; } .switcher.switcher-info input:checked + label:before { background: #00cbff; border-color: #00cbff; } .switcher.switcher-pink input:checked + label:before { background: #ff0081; border-color: #ff0081; } .switcher.switcher-yellow input:checked + label:before { background: #ffd900; border-color: #ffd900; } .tab-overflow { position: relative; overflow: hidden; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tab-overflow .nav.nav-tabs { white-space: nowrap; display: table; margin: 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tab-overflow .nav.nav-tabs > li { display: table-cell; float: none; } .tab-overflow .nav.nav-tabs > li > a { margin-left: -1px; } .tab-overflow .nav.nav-tabs .prev-button { position: absolute; left: 0; top: 0; z-index: 10; display: none !important; opacity: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .tab-overflow .nav.nav-tabs .prev-button a { margin: 0; background: rgba(230, 230, 230, 0.95); -webkit-border-radius: 4px 0 0; border-radius: 4px 0 0; } .tab-overflow .nav.nav-tabs .next-button { position: absolute; right: 0; top: 0; z-index: 10; display: none !important; opacity: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .tab-overflow .nav.nav-tabs .next-button a { margin: 0; background: rgba(230, 230, 230, 0.95); -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a { background: 0 0; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a:focus, .tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a:hover { color: #fff; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse > li > a.active { background: rgba(255, 255, 255, 0.25); } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button { -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button + li > a.active, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button + li > a.active { -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .tab-overflow .nav.nav-tabs.nav-tabs-inverse .next-button > a, .tab-overflow .nav.nav-tabs.nav-tabs-inverse .prev-button > a { background: rgba(38, 38, 38, 0.95); } .tab-overflow.overflow-right .nav.nav-tabs .next-button { display: block !important; opacity: 1; background: 0 0; } .tab-overflow.overflow-left .nav.nav-tabs .prev-button { display: block !important; opacity: 1; background: 0 0; } .table thead tr th { font-weight: 600; border-bottom: 1px solid #8c8c8c; } .table tbody tr td.with-btn, .table tbody tr td.with-btn-group, .table tbody tr td.with-checkbox, .table tbody tr td.with-form-control, .table tbody tr td.with-img, .table tbody tr td.with-input-group, .table tbody tr td.with-radio, .table tbody tr th.with-btn, .table tbody tr th.with-btn-group, .table tbody tr th.with-checkbox, .table tbody tr th.with-form-control, .table tbody tr th.with-img, .table tbody tr th.with-input-group, .table tbody tr th.with-radio, .table tfoot tr td.with-btn, .table tfoot tr td.with-btn-group, .table tfoot tr td.with-checkbox, .table tfoot tr td.with-form-control, .table tfoot tr td.with-img, .table tfoot tr td.with-input-group, .table tfoot tr td.with-radio, .table tfoot tr th.with-btn, .table tfoot tr th.with-btn-group, .table tfoot tr th.with-checkbox, .table tfoot tr th.with-form-control, .table tfoot tr th.with-img, .table tfoot tr th.with-input-group, .table tfoot tr th.with-radio, .table thead tr td.with-btn, .table thead tr td.with-btn-group, .table thead tr td.with-checkbox, .table thead tr td.with-form-control, .table thead tr td.with-img, .table thead tr td.with-input-group, .table thead tr td.with-radio, .table thead tr th.with-btn, .table thead tr th.with-btn-group, .table thead tr th.with-checkbox, .table thead tr th.with-form-control, .table thead tr th.with-img, .table thead tr th.with-input-group, .table thead tr th.with-radio { padding-top: 4px; padding-bottom: 4px; } .table tbody tr td.with-checkbox .checkbox, .table tbody tr td.with-checkbox .radio, .table tbody tr td.with-radio .checkbox, .table tbody tr td.with-radio .radio, .table tbody tr th.with-checkbox .checkbox, .table tbody tr th.with-checkbox .radio, .table tbody tr th.with-radio .checkbox, .table tbody tr th.with-radio .radio, .table tfoot tr td.with-checkbox .checkbox, .table tfoot tr td.with-checkbox .radio, .table tfoot tr td.with-radio .checkbox, .table tfoot tr td.with-radio .radio, .table tfoot tr th.with-checkbox .checkbox, .table tfoot tr th.with-checkbox .radio, .table tfoot tr th.with-radio .checkbox, .table tfoot tr th.with-radio .radio, .table thead tr td.with-checkbox .checkbox, .table thead tr td.with-checkbox .radio, .table thead tr td.with-radio .checkbox, .table thead tr td.with-radio .radio, .table thead tr th.with-checkbox .checkbox, .table thead tr th.with-checkbox .radio, .table thead tr th.with-radio .checkbox, .table thead tr th.with-radio .radio { padding-top: 0; } .table.table-transparent { color: rgba(255, 255, 255, 0.75); background: 0 0; } .table.table-transparent tbody tr td, .table.table-transparent tbody tr th, .table.table-transparent tfoot tr td, .table.table-transparent tfoot tr th, .table.table-transparent thead tr td, .table.table-transparent thead tr th { border-color: rgba(255, 255, 255, 0.15); } .table.table-transparent thead tr th { border-bottom-color: rgba(255, 255, 255, 0.5); } .table:not(.table-bordered) thead tr th { border-top: none; } .table-primary, .table-primary > td, .table-primary > th { border-color: transparent; background: rgba(64, 145, 255, 0.25); } .table-secondary, .table-secondary > td, .table-secondary > th { border-color: transparent; background: rgba(140, 140, 140, 0.25); } .table-success, .table-success > td, .table-success > th { border-color: transparent; background: rgba(67, 209, 113, 0.25); } .table-info, .table-info > td, .table-info > th { border-color: transparent; background: rgba(64, 216, 255, 0.25); } .table-warning, .table-warning > td, .table-warning > th { border-color: transparent; background: rgba(255, 156, 65, 0.25); } .table-danger, .table-danger > td, .table-danger > th { border-color: transparent; background: rgba(255, 104, 65, 0.25); } .table-light, .table-light > td, .table-light > th { border-color: transparent; background: rgba(244, 246, 247, 0.25); } .table-dark, .table-dark > td, .table-dark > th { border-color: transparent; background: rgba(64, 64, 64, 0.25); } .table-inverse, .table-inverse > td, .table-inverse > th { border-color: transparent; background: rgba(64, 64, 64, 0.25); } .table-black, .table-black > td, .table-black > th { border-color: transparent; background: rgba(64, 64, 64, 0.25); } .table-white, .table-white > td, .table-white > th { border-color: transparent; background: rgba(255, 255, 255, 0.25); } .table-grey, .table-grey > td, .table-grey > th { border-color: transparent; background: rgba(242, 242, 242, 0.25); } .table-muted, .table-muted > td, .table-muted > th { border-color: transparent; background: rgba(242, 242, 242, 0.25); } .table-silver, .table-silver > td, .table-silver > th { border-color: transparent; background: rgba(242, 242, 242, 0.25); } .table-lime, .table-lime > td, .table-lime > th { border-color: transparent; background: rgba(209, 239, 64, 0.25); } .table-aqua, .table-aqua > td, .table-aqua > th { border-color: transparent; background: rgba(64, 216, 255, 0.25); } .theme-panel { position: fixed; right: -175px; top: 150px; z-index: 1035; padding: 15px; width: 175px; -webkit-transition: right 0.2s linear; -moz-transition: right 0.2s linear; -ms-transition: right 0.2s linear; -o-transition: right 0.2s linear; transition: right 0.2s linear; } .theme-panel .theme-list { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-panel .theme-list + .theme-list { margin-top: 10px; } .theme-panel .theme-list > li + li { margin-left: 5px; } .theme-panel .theme-list > li > a { width: 20px; height: 20px; display: block; text-decoration: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .theme-panel .theme-list > li > a:focus, .theme-panel .theme-list > li > a:hover { opacity: 0.6; } .theme-panel .theme-list > li.active > a { position: relative; } .theme-panel .theme-list > li.active > a:before { content: "\f00c"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 14px; color: #fff; opacity: 0.4; text-align: center; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .theme-panel .theme-list > li.active > a.bg-white:before { color: #000; } .theme-panel .theme-collapse-btn { position: absolute; left: -30px; top: 10%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; background: rgba(64, 64, 64, 0.95); text-align: center; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } @media (max-width: 767.98px) { .theme-panel .theme-collapse-btn { top: 35%; } } .theme-panel .theme-panel-content { margin: -15px; padding: 15px; background: rgba(64, 64, 64, 0.95); position: relative; z-index: 10; } .theme-panel .theme-version { margin: 0 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-panel .theme-version a { width: calc(50% - 2.5px); padding-top: 35%; position: relative; text-decoration: none; } .theme-panel .theme-version a + a { margin-left: 5px; } .theme-panel .theme-version a span { font-size: 14px; font-weight: 700; margin: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: top left; } .theme-panel .theme-version a.active:before, .theme-panel .theme-version a:hover:before { content: ""; position: absolute; border: 12px solid transparent; border-left-color: #737373; border-top-color: #737373; left: 0; top: 0; z-index: 10; } .theme-panel .theme-version a.active:after, .theme-panel .theme-version a:hover:after { content: "\f00c"; position: absolute; top: 0; left: 0; color: #fff; z-index: 10; width: 16px; height: 16px; line-height: 16px; font-size: 10px; text-align: center; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .theme-panel .theme-version a.active:before { border-left-color: #007aff; border-top-color: #007aff; } .theme-panel .control-label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .theme-panel .divider { height: 1px; margin: 15px 0; background: rgba(89, 89, 89, 0.95); } .theme-panel.active { right: 0; -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3); } .theme-panel.active .theme-collapse-btn .fa:before { content: "\f00d"; } .theme-panel.active a.bg-white { border: 1px solid #999; } .theme-panel.theme-panel-lg { top: 0; bottom: 0; width: 260px; right: -260px; -webkit-border-radius: 0; border-radius: 0; } .theme-panel.theme-panel-lg .theme-list { margin-bottom: -3px; } .theme-panel.theme-panel-lg .theme-list > li { margin-right: 3px; margin-bottom: 3px; } .theme-panel.theme-panel-lg .theme-list > li + li { margin-left: 0; } .theme-panel.theme-panel-lg .theme-list > li > a { width: 28px; height: 28px; -webkit-border-radius: 40px; border-radius: 40px; } .theme-panel.theme-panel-lg .theme-list > li > a:before { line-height: 28px; } .theme-panel.theme-panel-lg .theme-version { margin: 0 0 5px; } .theme-panel.theme-panel-lg .theme-panel-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; margin: 0; padding: 20px; } .theme-panel.theme-panel-lg .theme-collapse-btn { top: 30%; } @media (max-width: 767.98px) { .theme-panel.theme-panel-lg .theme-collapse-btn { top: 35%; } } .theme-panel.theme-panel-lg.active { right: 0; } .timeline { list-style-type: none; margin: 0; padding: 0; position: relative; } .timeline:before { content: ""; position: absolute; top: 5px; bottom: 5px; width: 5px; background: #fff; left: 20%; margin-left: -2.5px; } @media (max-width: 991.98px) { .timeline:before { left: 15%; } } @media (max-width: 575.98px) { .timeline:before { left: 50%; } } .timeline > li { position: relative; min-height: 50px; padding: 20px 0; } .timeline img { max-width: 100%; display: block; } .timeline .timeline-time { position: absolute; left: 0; width: 18%; text-align: right; top: 30px; } @media (max-width: 991.98px) { .timeline .timeline-time { width: 12%; } } @media (max-width: 575.98px) { .timeline .timeline-time { width: 50%; text-align: right; padding-right: 20px; } } .timeline .timeline-time .date { display: block; font-weight: 600; line-height: 16px; font-size: 12px; } .timeline .timeline-time .time { display: block; font-weight: 600; line-height: 24px; font-size: 20px; color: #fff; } .timeline .timeline-icon { left: 15%; position: absolute; width: 10%; text-align: center; top: 40px; } @media (max-width: 991.98px) { .timeline .timeline-icon { left: 10%; } } @media (max-width: 575.98px) { .timeline .timeline-icon { left: 45%; } } .timeline .timeline-icon a { text-decoration: none; width: 20px; height: 20px; display: inline-block; background: #333; line-height: 10px; color: #fff; font-size: 14px; border: 5px solid #fff; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; -webkit-border-radius: 24px; border-radius: 24px; } .timeline .timeline-header { padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); line-height: 30px; } .timeline .timeline-header .userimage { float: left; width: 34px; height: 34px; overflow: hidden; margin: -2px 10px -2px 0; -webkit-border-radius: 36px; border-radius: 36px; } .timeline .timeline-header .username { font-size: 16px; font-weight: 600; color: #fff; } .timeline .timeline-header .username a { color: #fff; } .timeline .timeline-header .views { float: right; color: rgba(255, 255, 255, 0.5); font-weight: 600; } .timeline .timeline-body { margin-left: 23%; margin-right: 17%; background: rgba(38, 38, 38, 0.95); position: relative; padding: 20px 25px; -webkit-border-radius: 6px; border-radius: 6px; } @media (max-width: 1199.98px) { .timeline .timeline-body { margin-left: 25%; margin-right: 10%; } } @media (max-width: 991.98px) { .timeline .timeline-body { margin-left: 20%; margin-right: 0; } } @media (max-width: 575.98px) { .timeline .timeline-body { margin-left: 0; margin-top: 60px; padding: 15px; } } .timeline .timeline-body:before { content: ""; display: block; position: absolute; border: 10px solid transparent; border-right-color: rgba(38, 38, 38, 0.95); left: -20px; top: 20px; } @media (max-width: 575.98px) { .timeline .timeline-body:before { border-right-color: transparent; border-bottom-color: rgba(38, 38, 38, 0.95); left: 50%; margin-left: -10px; top: -20px; } } .timeline .timeline-body > div + div { margin-top: 15px; } .timeline .timeline-body > div + div:last-child { margin-bottom: -20px; padding-bottom: 20px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } @media (max-width: 575.98px) { .timeline .timeline-body > div + div:last-child { margin-bottom: -15px; padding-bottom: 15px; } } .timeline .timeline-content { letter-spacing: 0.25px; line-height: 18px; font-size: 13px; } .timeline .timeline-content:after, .timeline .timeline-content:before { content: ""; display: table; clear: both; } .timeline .timeline-title { margin-top: 0; } .timeline .timeline-footer { background: 0 0; border-top: 1px solid rgba(255, 255, 255, 0.25); padding-top: 15px; font-weight: 600; } .timeline .timeline-footer a:not(.btn) { color: rgba(255, 255, 255, 0.5); } .timeline .timeline-footer a:not(.btn):focus, .timeline .timeline-footer a:not(.btn):hover { color: #fff; } .timeline .timeline-likes { color: rgba(255, 255, 255, 0.5); font-weight: 600; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .timeline .timeline-likes .stats-right { margin-left: auto; } .timeline .timeline-likes .stats { display: -webkit-box; display: -ms-flexbox; display: flex; } .timeline .timeline-likes .stats .stats-icon { font-size: 9px; } .timeline .timeline-likes .stats-total { margin-left: 3px; line-height: 20px; } .timeline .timeline-likes .stats-text { line-height: 20px; } .timeline .timeline-likes .stats-text + .stats-text { margin-left: 10px; } .timeline .timeline-comment-box { background: rgba(0, 0, 0, 0.5); margin-left: -25px; margin-right: -25px; padding: 20px 25px; } @media (max-width: 575.98px) { .timeline .timeline-comment-box { margin-left: -15px; margin-right: -15px; padding: 15px; } } .timeline .timeline-comment-box .user { float: left; width: 34px; height: 34px; overflow: hidden; -webkit-border-radius: 36px; border-radius: 36px; } .timeline .timeline-comment-box .user + .input { margin-left: 44px; } .timeline .timeline-comment-box .user img { max-width: 100%; max-height: 100%; } .todolist { list-style-type: none; margin: 0; padding: 0; } .todolist > li { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .todolist > li > a { display: block; color: #fff; } .todolist > li > a .todolist-title { display: table-cell; padding: 10px; } .todolist > li > a .todolist-input { display: table-cell; text-align: center; font-size: 14px; border-right: 1px solid rgba(255, 255, 255, 0.25); padding: 10px; color: #fff; } .todolist > li > a .todolist-input i { display: block; width: 14px; text-align: center; } .todolist > li > a:focus, .todolist > li > a:hover { background: rgba(255, 255, 255, 0.15); text-decoration: none; } .todolist > li > a:focus .todolist-input i:before, .todolist > li > a:hover .todolist-input i:before { content: "\f14a"; color: rgba(255, 255, 255, 0.4); font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .todolist > li.active > a .todolist-title { text-decoration: line-through; } .todolist > li.active > a i:before { content: "\f14a"; color: #04c142; } .todolist > li.active > a:focus i:before, .todolist > li.active > a:hover i:before { color: #04c142; } @media (min-width: 992px) { .vertical-box { display: table; table-layout: fixed; border-spacing: 0; height: 100%; width: 100%; } } @media (max-width: 991.98px) { .vertical-box .vertical-box-column { width: 100% !important; } } @media (min-width: 992px) { .vertical-box-column { display: table-cell; vertical-align: top; height: 100%; } } @media (min-width: 992px) { .vertical-box-row { display: table-row; height: 100%; } } .vertical-box-row > .vertical-box-cell { position: relative; height: 100%; width: 100%; float: none; } @media (min-width: 992px) { .vertical-box-row > .vertical-box-cell > .vertical-box-inner-cell { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } } @media (min-width: 992px) { .vertical-box.with-grid > .vertical-box-column + .vertical-box-column { border-left: 1px solid rgba(255, 255, 255, 0.15); } } @media (max-width: 991.98px) { .vertical-box.with-grid > .vertical-box-column + .vertical-box-column { border-top: 1px solid rgba(255, 255, 255, 0.15); } } .vertical-box.with-grid .vertical-box-row + .vertical-box-row > div, .vertical-box.with-grid .vertical-box-row + .wrapper, .vertical-box.with-grid .wrapper + .vertical-box-row > div, .vertical-box.with-grid .wrapper + .wrapper { border-top: 1px solid rgba(255, 255, 255, 0.15); } .vertical-box.with-border-top { border-top: 1px solid rgba(255, 255, 255, 0.15); } .vertical-box.with-border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .widget-card { position: relative; margin-bottom: 15px; display: block; text-decoration: none !important; } .widget-card .widget-card-content { padding: 15px; position: relative; } .widget-card .widget-card-cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; } .widget-card .widget-card-cover .widget-card-cover-icon { position: absolute; top: 50%; left: 50%; width: 40%; height: 40%; margin: -20% 0 0 -20%; border-radius: 50%; background: rgba(0, 0, 0, 0.75); color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget-card .widget-card-cover .widget-card-cover-icon .fa { font-size: 1.5vw; line-height: 1.5vw; } .widget-card.widget-card-rounded .widget-card-content, .widget-card.widget-card-rounded .widget-card-cover { -webkit-border-radius: 4px; border-radius: 4px; } .widget-card.square { padding-top: 100%; overflow: hidden; } .widget-card.square .widget-card-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .widget-card.square .widget-card-content.bottom { top: auto; } .inverse-mode .widget-card, .inverse-mode.widget-card { color: #fff; } .inverse-mode .widget-card .widget-card-cover, .inverse-mode.widget-card .widget-card-cover { background-color: #000; } .widget-chart { position: relative; overflow: hidden; margin-bottom: 20px; background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 4px; border-radius: 4px; } @media (min-width: 576px) { .widget-chart { display: -webkit-box; display: -ms-flexbox; display: flex; } } .widget-chart .chart-title { font-size: 16px !important; line-height: 20px; color: #fff; font-weight: 600 !important; margin: 2px 5px 5px; } .widget-chart .chart-title small { display: block; margin-top: 3px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 400; } .widget-chart .widget-chart-content { padding: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 768px) { .widget-chart .widget-chart-content + .widget-chart-sidebar { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } } @media (max-width: 575.98px) { .widget-chart .widget-chart-content + .widget-chart-sidebar { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } } .widget-chart .widget-chart-full-width { margin: 0 -15px; } .widget-chart .widget-chart-sidebar { padding: 15px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .widget-chart .widget-chart-sidebar { width: 230px; } } @media (min-width: 576px) and (max-width: 767.98px) { .widget-chart .widget-chart-sidebar { width: 200px; } } .widget-chart .widget-chart-sidebar .chart-number { font-size: 24px; font-weight: 600; line-height: 28px; color: #fff; } .widget-chart .widget-chart-sidebar .chart-number small { font-size: 12px; line-height: 16px; margin-top: 3px; color: rgba(255, 255, 255, 0.75); display: block; font-weight: 400; } .widget-chart .widget-chart-sidebar .chart-legend { list-style-type: none; margin: 0; padding: 0; font-size: 12px; font-weight: 700; } .widget-chart .widget-chart-sidebar .chart-legend > li { color: #fff; } .widget-chart .widget-chart-sidebar .chart-legend > li span { color: rgba(255, 255, 255, 0.75); margin-left: 5px; font-weight: 600; } .widget-chart .widget-chart-sidebar .chart-legend > li + li { margin-top: 5px; } .widget-chart-info { color: #fff; } .widget-chart-info .widget-chart-info-title { margin: 0 0 5px; font-size: 14px; } .widget-chart-info .widget-chart-info-desc { font-size: 11px; color: rgba(255, 255, 255, 0.75); margin-bottom: 20px; } .widget-chart-info .widget-chart-info-progress { font-size: 11px; margin-bottom: 5px; } .widget-chart-info .widget-chart-info-progress .progress { margin-bottom: 0; } .widget-chart-content { padding: 10px; background: rgba(255, 255, 255, 0.15); } .inverse-mode .widget-chart-content { background: rgba(0, 0, 0, 0.25); } .inverse-mode .widget-chart-info { color: rgba(255, 255, 255, 0.75); } .inverse-mode .widget-chart-info .widget-chart-info-desc { color: rgba(255, 255, 255, 0.75); } .inverse-mode .nvd3 text { fill: rgba(255, 255, 255, 0.75); } .inverse-mode .nvd3 .nv-axis line, .inverse-mode .nvd3 .nv-axis path { stroke: rgba(255, 255, 255, 0.15); } .widget-chat { background: rgba(255, 255, 255, 0.15); } .widget-chat .widget-chat-header { display: table; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .widget-chat .widget-chat-header > div + div { padding-left: 0; } .widget-chat .widget-chat-header .widget-chat-header-icon { padding: 12px 15px; display: table-cell; vertical-align: middle; width: 1%; } .widget-chat .widget-chat-header .widget-chat-header-content { padding: 12px 15px; display: table-cell; vertical-align: middle; } .widget-chat .widget-chat-header .widget-chat-header-title { font-size: 14px; margin: 0; } .widget-chat .widget-chat-header .widget-chat-header-desc { font-size: 12px; margin: 0; } .widget-chat .widget-chat-body { padding: 15px; background: rgba(255, 255, 255, 0.15); } .widget-chat .widget-chat-item { color: #fff; position: relative; min-height: 38px; padding: 3px 0; } .widget-chat .widget-chat-media { width: 38px; height: 38px; position: absolute; bottom: 3px; left: 0; overflow: hidden; text-align: center; line-height: 38px; -webkit-border-radius: 40px; border-radius: 40px; } .widget-chat .widget-chat-media img { max-width: 100%; max-height: 100%; display: block; } .widget-chat .widget-chat-info-container { background: #fff; display: inline-block; padding: 8px 12px; position: relative; color: #fff; -webkit-border-radius: 16px; border-radius: 16px; } .widget-chat .widget-chat-message { font-weight: 600; color: #000; } .widget-chat .widget-chat-message:before { content: ""; position: absolute; bottom: 0; left: -24px; border: 0 solid transparent; border-top-width: 15px; border-right-width: 10px; border-right-color: #fff; border-radius: 50%; width: 35px; height: 35px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } .widget-chat .widget-chat-message:after { content: ""; display: inline-block; width: 60px; height: 12px; } .widget-chat .widget-chat-name { font-weight: 600; } .widget-chat .widget-chat-time { position: absolute; right: 12px; bottom: 8px; font-style: italic; color: #737373; font-weight: 600; font-size: 10px; } .widget-chat .with-media .widget-chat-info { margin-left: 53px; min-width: 60%; } .widget-chat .with-media .right .widget-chat-info { margin-right: 53px; } .widget-chat .right .widget-chat-media { left: auto; right: 0; } .widget-chat .right .widget-chat-info { margin-left: 0; text-align: right; } .widget-chat .right .widget-chat-time { right: auto; left: 12px; } .widget-chat .right .widget-chat-message:after { float: left; } .widget-chat .right .widget-chat-message:before { left: auto; right: -24px; bottom: -5px; border-right-width: 0; border-right-color: transparent; border-left-width: 10px; border-left-color: #fff; } .widget-chat.widget-chat-rounded { -webkit-border-radius: 4px; border-radius: 4px; } .widget-chat.widget-chat-rounded.widget-chat-input { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .inverse-mode.widget-chat { background: rgba(0, 0, 0, 0.25); } .inverse-mode.widget-chat .widget-chat-header { border-color: rgba(255, 255, 255, 0.15); } .inverse-mode.widget-chat .widget-chat-header-title { color: #fff; } .inverse-mode.widget-chat .widget-chat-header-desc { color: #999; } .inverse-mode.widget-chat .widget-chat-body { background: rgba(0, 0, 0, 0.25); } .widget-icon { position: relative; overflow: hidden; width: 40px; height: 40px; font-size: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget-icon.user { font-size: 36px; } .widget-icon.user i { display: block; margin: 0 auto; padding-top: 38%; } .widget-icon.widget-icon-xs { width: 20px; height: 20px; font-size: 14px; } .widget-icon.widget-icon-xs.user { font-size: 18px; } .widget-icon.widget-icon-sm { width: 30px; height: 30px; font-size: 21px; } .widget-icon.widget-icon-sm.user { font-size: 27px; } .widget-icon.widget-icon-lg { width: 60px; height: 60px; font-size: 42px; } .widget-icon.widget-icon-lg.user { font-size: 54px; } .widget-icon.widget-icon-xl { width: 80px; height: 80px; font-size: 56px; } .widget-icon.widget-icon-xl.user { font-size: 72px; } .widget-img { overflow: hidden; width: 40px; height: 40px; line-height: 40px; background-repeat: no-repeat; background-size: cover; background-position: center; } .widget-img.widget-img-xl { width: 80px; height: 80px; line-height: 80px; } .widget-img.widget-img-lg { width: 60px; height: 60px; line-height: 60px; } .widget-img.widget-img-sm { width: 30px; height: 30px; line-height: 30px; } .widget-img.widget-img-xs { width: 20px; height: 20px; line-height: 20px; } div + .widget-input { border-top: 1px solid rgba(255, 255, 255, 0.25); } div + .widget-input.widget-input-rounded { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .widget-input { position: relative; background: rgba(255, 255, 255, 0.15); } .widget-input.widget-input-rounded { -webkit-border-radius: 4px; border-radius: 4px; } .widget-input-container { display: table; width: 100%; } .widget-input-container .widget-input-icon { display: table-cell; vertical-align: middle; width: 1%; padding: 0 5px; } .widget-input-container .widget-input-icon a { display: block; padding: 10px; font-size: 18px; } .widget-input-container .widget-input-box { display: table-cell; vertical-align: middle; padding: 5px 0; } .widget-input-container .widget-input-box .form-control { border-color: transparent; background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 40px; border-radius: 40px; } .widget-input-container .widget-input-box .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .widget-input-container .widget-input-divider { display: table-cell; vertical-align: middle; width: 1px; } .widget-input-container .widget-input-divider:after { content: ""; width: 1px; height: 26px; background: #a6a6a6; display: block; } .inverse-mode .widget-input, .inverse-mode.widget-input { background: rgba(0, 0, 0, 0.25); } .inverse-mode .widget-input-box .form-control { background: rgba(255, 255, 255, 0.15); border-color: transparent; color: #fff; } .inverse-mode .widget-input-box .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-box .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-box .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-box .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode .widget-input-divider:after { background: #262626; } .inverse-mode div + .widget-input, div + .widget-input.inverse-mode { border-color: rgba(255, 255, 255, 0.15); } .widget-list .widget-list-item { display: table; width: 100%; background: rgba(255, 255, 255, 0.15); text-decoration: none; color: #fff; } .widget-list .widget-list-item > div:first-child { padding-left: 15px; } .widget-list .widget-list-item > div:last-child { padding-right: 15px; } .widget-list .widget-list-item + .widget-list-item .widget-list-action, .widget-list .widget-list-item + .widget-list-item .widget-list-content { border-top: 1px solid rgba(255, 255, 255, 0.25); } .widget-list .widget-list-item .widget-list-media { width: 70px; height: 60px; padding: 10px; display: table-cell; vertical-align: middle; } .widget-list .widget-list-item .widget-list-media + div { padding-left: 0; } .widget-list .widget-list-item .widget-list-media.icon { width: 30px; height: 30px; padding-top: 5px; padding-bottom: 5px; } .widget-list .widget-list-item .widget-list-media.icon i { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; -webkit-border-radius: 8px; border-radius: 8px; } .widget-list .widget-list-item .widget-list-media img { max-width: 100%; max-height: 100%; } .widget-list .widget-list-item .widget-list-content { padding: 10px; display: table-cell; vertical-align: middle; } .widget-list .widget-list-item .widget-list-content + div { padding-left: 0; } .widget-list .widget-list-item .widget-list-action { padding: 10px; display: table-cell; vertical-align: middle; width: 10%; padding-left: 15px; text-align: center; } .widget-list .widget-list-item .widget-list-action + div { padding-left: 0; } .widget-list .widget-list-item .widget-list-title { font-size: 12px; line-height: 16px; margin: 0; } .widget-list .widget-list-item .widget-list-desc { font-size: 11px; margin: 0; color: rgba(255, 255, 255, 0.75); } .widget-list.widget-list-rounded .widget-list-item:first-child, .widget-list.widget-list-rounded.widget-list-item:first-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .widget-list.widget-list-rounded .widget-list-item:last-child, .widget-list.widget-list-rounded.widget-list-item:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .inverse-mode .widget-list-item, .inverse-mode.widget-list-item { background: rgba(0, 0, 0, 0.25); } .inverse-mode .widget-list-item + .widget-list-item .widget-list-action, .inverse-mode .widget-list-item + .widget-list-item .widget-list-content, .inverse-mode.widget-list-item + .widget-list-item .widget-list-action, .inverse-mode.widget-list-item + .widget-list-item .widget-list-content { border-color: rgba(255, 255, 255, 0.15); } .widget-map { background: rgba(255, 255, 255, 0.2); } .widget-map.widget-map-rounded { -webkit-border-radius: 4px; border-radius: 4px; } .widget-map.inverse-mode { background: rgba(0, 0, 0, 0.2); } .widget-stats, .widget.widget-stats { position: relative; color: #fff; padding: 15px; -webkit-border-radius: 4px; border-radius: 4px; } .widget-stats .stats-info h4, .widget.widget-stats .stats-info h4 { font-size: 12px; margin: 5px 0; color: rgba(255, 255, 255, 0.7); } .widget-stats .stats-info p, .widget.widget-stats .stats-info p { font-size: 24px; font-weight: 600; margin-bottom: 0; color: #fff; } .widget-stats .stats-link a, .widget.widget-stats .stats-link a { display: block; margin: 15px -15px -15px; padding: 7px 15px; background: rgba(0, 0, 0, 0.4); text-align: right; color: rgba(255, 255, 255, 0.7); text-decoration: none; } .widget-stats .stats-link a:focus, .widget-stats .stats-link a:hover, .widget.widget-stats .stats-link a:focus, .widget.widget-stats .stats-link a:hover { background: rgba(0, 0, 0, 0.6); color: #fff; } .widget-stats .stats-icon, .widget.widget-stats .stats-icon { font-size: 42px; height: 56px; width: 56px; text-align: center; line-height: 56px; color: rgba(0, 0, 0, 0.15); position: absolute; right: 15px; top: 15px; margin-left: 15px; } .widget-stats .stats-icon.stats-icon-lg, .widget.widget-stats .stats-icon.stats-icon-lg { font-size: 128px; top: 15px; right: 0; color: #fff; width: 128px; height: 50px; line-height: 50px; text-shadow: 3px 7px rgba(0, 0, 0, 0.25); opacity: 0.15; } .widget-stats .stats-icon.stats-icon-lg i, .widget.widget-stats .stats-icon.stats-icon-lg i { position: relative; } .widget-stats .stats-icon.stats-icon-square, .widget.widget-stats .stats-icon.stats-icon-square { opacity: 1; font-size: 42px; top: 15px; right: 15px; height: 56px; width: 56px; text-align: center; line-height: 56px; margin-left: 15px; -webkit-border-radius: 16px; border-radius: 16px; } .widget-stats .stats-content, .widget.widget-stats .stats-content { position: relative; } .widget-stats .stats-title, .widget.widget-stats .stats-title { position: relative; margin: 0 0 10px; font-size: 12px; font-weight: 600; line-height: 18px; color: #fff; } .widget-stats .stats-desc, .widget.widget-stats .stats-desc { margin: -5px 0 -3px; color: rgba(255, 255, 255, 0.75); font-weight: 600; } .widget-stats .stats-number, .widget.widget-stats .stats-number { font-size: 24px; margin-bottom: 15px; font-weight: 600; } .widget-stats .stats-number .increase, .widget.widget-stats .stats-number .increase { font-size: 16px; color: #04c142; } .widget-stats .stats-number .decrease, .widget.widget-stats .stats-number .decrease { font-size: 16px; color: #ff3502; } .widget-stats .stats-progress, .widget.widget-stats .stats-progress { background: rgba(0, 0, 0, 0.25); height: 3px; margin: 0 0 15px; -webkit-border-radius: 4px; border-radius: 4px; } .widget-stats .stats-progress .progress-bar, .widget.widget-stats .stats-progress .progress-bar { background: #fff; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .widget-stats .stats-progress.stats-progress-light, .widget.widget-stats .stats-progress.stats-progress-light { background: rgba(255, 255, 255, 0.3); } .widget-stats.text-inverse.stats-desc, .widget.widget-stats.text-inverse.stats-desc { letter-spacing: 0; font-weight: 400; color: rgba(0, 0, 0, 0.85); } .widget-stats.text-inverse.stats-title, .widget.widget-stats.text-inverse.stats-title { font-weight: 700; color: rgba(0, 0, 0, 0.85); } .widget-stats.text-inverse.stats-number, .widget.widget-stats.text-inverse.stats-number { letter-spacing: 0; font-weight: 400; } .widget-stats.bg-white .stats-progress, .widget.widget-stats.bg-white .stats-progress { background: rgba(0, 0, 0, 0.1); } .widget-stats.bg-white .stats-progress .progress-bar, .widget.widget-stats.bg-white .stats-progress .progress-bar { background: #fff; } .widget-table.table { background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 4px; border-radius: 4px; } .widget-table.table .widget-table-img { width: 100px; height: 60px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 4px; border-radius: 4px; } .widget-table.table .widget-table-title { font-size: 14px; margin: 0; line-height: 20px; } .widget-table.table .widget-table-desc { margin: 0; font-size: 11px; line-height: 16px; color: rgba(255, 255, 255, 0.75); } .widget-table.table.table-bordered { border: none; } .widget-table.table.table-bordered > tbody > tr td:first-child { border-left: none; } .widget-table.table.table-bordered > tbody > tr td:last-child { border-right: none; } .widget-table.table.table-bordered > tbody > tr:last-child > td { border-bottom: none; } .widget-table.table.table-bordered > thead > tr th:first-child { border-left: none; } .widget-table.table.table-bordered > thead > tr th:last-child { border-right: none; } .widget-table.table.table-bordered > thead:first-child > tr:first-child > td, .widget-table.table.table-bordered > thead:first-child > tr:first-child > th { border-top: none; } .widget-table.table.inverse-mode { background: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.75); } .widget-table.table.inverse-mode .widget-table-desc { color: rgba(255, 255, 255, 0.75); } .widget-table.table.inverse-mode thead th { color: #fff; } .widget-table.table.inverse-mode thead > tr > th { border-bottom-color: rgba(255, 255, 255, 0.15) !important; } .widget-table.table.inverse-mode tbody tr td, .widget-table.table.inverse-mode tbody tr th, .widget-table.table.inverse-mode tfoot tr td, .widget-table.table.inverse-mode tfoot tr th, .widget-table.table.inverse-mode thead tr td, .widget-table.table.inverse-mode thead tr th { border-color: rgba(255, 255, 255, 0.15); } .widget-todolist { background: rgba(255, 255, 255, 0.15); } .widget-todolist:after, .widget-todolist:before { content: ""; display: table; clear: both; } .widget-todolist .widget-todolist-header { display: table; width: 100%; } .widget-todolist .widget-todolist-header .widget-todolist-header-left, .widget-todolist .widget-todolist-header .widget-todolist-header-right { display: table-cell; vertical-align: middle; padding: 10px 15px; } .widget-todolist .widget-todolist-header .widget-todolist-header-right { width: 1%; text-align: center; } .widget-todolist .widget-todolist-header .widget-todolist-header-title { margin: 0; font-size: 18px; font-weight: 400; } .widget-todolist .widget-todolist-header .widget-todolist-header-total { font-size: 18px; font-weight: 600; color: #fff; } .widget-todolist .widget-todolist-header .widget-todolist-header-total small { display: block; font-size: 10px; line-height: 1; } .widget-todolist .widget-todolist-body { padding: 3px 0; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin-bottom: 20px; } .widget-todolist .widget-todolist-item { display: table; width: 100%; } .widget-todolist .widget-todolist-item .widget-todolist-icon { display: table-cell; padding: 10px 15px; vertical-align: middle; width: 1%; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.25); } .widget-todolist .widget-todolist-item .widget-todolist-input { display: table-cell; padding: 10px 15px; vertical-align: middle; width: 45px; text-align: center; } .widget-todolist .widget-todolist-item .widget-todolist-input + div { padding-left: 0; } .widget-todolist .widget-todolist-item .widget-todolist-content { display: table-cell; padding: 10px 15px; vertical-align: middle; border-top: 1px solid rgba(255, 255, 255, 0.25); } .widget-todolist .widget-todolist-item .widget-todolist-content .form-control { margin: -5px 0; border: none !important; padding-left: 0; background: 0 0; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .widget-todolist .widget-todolist-item .widget-todolist-title { font-size: 12px; margin: 0; } .widget-todolist .widget-todolist-item .widget-todolist-desc { font-size: 12px; margin: 0; } .widget-todolist .widget-todolist-item:first-child .widget-todolist-content, .widget-todolist .widget-todolist-item:first-child .widget-todolist-icon { border-top: none; } .widget-todolist.widget-todolist-rounded { -webkit-border-radius: 4px; border-radius: 4px; } .inverse-mode.widget-todolist { background: rgba(0, 0, 0, 0.25); } .inverse-mode.widget-todolist .widget-todolist-header .widget-todolist-header-title, .inverse-mode.widget-todolist .widget-todolist-header .widget-todolist-header-total { color: #fff; } .inverse-mode.widget-todolist .widget-todolist-body { border-color: rgba(255, 255, 255, 0.15); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-title { color: #fff; } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control { color: #fff; } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-content .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.45); } .inverse-mode.widget-todolist .widget-todolist-item .widget-todolist-desc { color: #999; } .inverse-mode.widget-todolist .widget-todolist-item + .widget-todolist-item .widget-todolist-content, .inverse-mode.widget-todolist .widget-todolist-item + .widget-todolist-item .widget-todolist-icon { border-color: rgba(255, 255, 255, 0.15); } .widget { overflow: hidden; margin-bottom: 20px; background: rgba(255, 255, 255, 0.15); color: inherit; padding: 0; -webkit-border-radius: 0; border-radius: 0; } .widget .widget-header { display: table; width: 100%; } .widget .widget-header .widget-header-title { font-size: 12px; margin: 0; line-height: 20px; width: 100%; display: table-cell; padding: 10px 15px; } .widget .widget-header .widget-header-icon { width: 1%; display: table-cell; padding: 10px 15px; } .widget .widget-header .widget-header-icon + .widget-header-icon { padding-left: 0; } .widget .widget-body { padding: 15px; } .widget.widget-rounded { -webkit-border-radius: 4px; border-radius: 4px; } .widget.inverse-mode { background: rgba(0, 0, 0, 0.25); } .widget.inverse-mode .vertical-box.with-border-top { border-color: #262626; } .widget.inverse-mode .vertical-box.with-grid > .vertical-box-column + .vertical-box-column { border-color: #262626; } .widget.inverse-mode hr { background: #262626; } .apexcharts-canvas .apexcharts-tooltip { border: none !important; font-size: inherit; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { font-family: inherit !important; padding: 6px 12px; margin: 0; border: 0 !important; font-weight: 600; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-marker { width: 8px; height: 8px; margin-right: 5px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group { padding-left: 12px; padding-right: 12px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group { padding: 6px 0; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group + .apexcharts-tooltip-series-group { margin-top: -6px; } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group.active, .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-series-group:last-child { padding-bottom: 0; } .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title { background: #f0f3f4; } .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-title { background: rgba(0, 0, 0, 0.5); } .apexcharts-canvas .apexcharts-xaxistooltip, .apexcharts-canvas .apexcharts-yaxistooltip { border: 0 !important; font-size: inherit; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); -webkit-border-radius: 4px; border-radius: 4px; } .apexcharts-canvas .apexcharts-xaxistooltip:after, .apexcharts-canvas .apexcharts-yaxistooltip:after { display: none; } .apexcharts-canvas .apexcharts-xaxistooltip.light, .apexcharts-canvas .apexcharts-yaxistooltip.light { background: #fff; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-top:before { border-top-color: #fff; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-bottom:before { border-bottom-color: #fff; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-left:before { border-left-color: #fff; } .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-xaxistooltip.light.apexcharts-yaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.light.apexcharts-yaxistooltip-right:before { border-right-color: #fff; } .apexcharts-canvas .apexcharts-xaxistooltip.dark, .apexcharts-canvas .apexcharts-yaxistooltip.dark { background: #000; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-top:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-top:before { border-top-color: #000; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-bottom:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-bottom:before { border-bottom-color: #000; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-left:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-left:before { border-left-color: #000; } .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-xaxistooltip.dark.apexcharts-yaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-xaxistooltip-right:before, .apexcharts-canvas .apexcharts-yaxistooltip.dark.apexcharts-yaxistooltip-right:before { border-right-color: #000; } .apexcharts-canvas .apexcharts-legend.center .apexcharts-legend-series, .apexcharts-canvas .apexcharts-legend.left .apexcharts-legend-series, .apexcharts-canvas .apexcharts-legend.right .apexcharts-legend-series { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .apexcharts-canvas .apexcharts-legend.center .apexcharts-legend-series .apexcharts-legend-marker, .apexcharts-canvas .apexcharts-legend.left .apexcharts-legend-series .apexcharts-legend-marker, .apexcharts-canvas .apexcharts-legend.right .apexcharts-legend-series .apexcharts-legend-marker { margin-right: 5px; width: 8px !important; height: 8px !important; } .bootstrap-calendar .calendar { background: 0 0; border: none; padding: 7px 0 10px; -webkit-border-radius: 0; border-radius: 0; } .bootstrap-calendar .calendar .table.header { padding: 0; margin: 0 0 2px; position: relative; background: 0 0; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-calendar .calendar .table.header td { width: 45px; padding: 5px 15px; vertical-align: middle; border: none; } .bootstrap-calendar .calendar .table.header td.year { width: calc(100% - 90px); } .bootstrap-calendar .calendar .table.header td .visualmonthyear { height: 100%; font-size: 16px; font-weight: 500; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bootstrap-calendar .calendar .table.header td .icon-arrow-left, .bootstrap-calendar .calendar .table.header td .icon-arrow-right { cursor: pointer; font-size: 14px; height: 100%; color: rgba(255, 255, 255, 0.75); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .bootstrap-calendar .calendar .table.header td .icon-arrow-left:focus, .bootstrap-calendar .calendar .table.header td .icon-arrow-left:hover, .bootstrap-calendar .calendar .table.header td .icon-arrow-right:focus, .bootstrap-calendar .calendar .table.header td .icon-arrow-right:hover { color: #fff; } .bootstrap-calendar .calendar .table.header td .icon-arrow-left:before { content: "\f060"; } .bootstrap-calendar .calendar .table.header td .icon-arrow-right:before { content: "\f061"; } .bootstrap-calendar .calendar .table.daysmonth { margin: 0; } .bootstrap-calendar .calendar .table.daysmonth tr td { border: none; padding: 7px 10px; font-weight: 600; color: rgba(255, 255, 255, 0.75); } .bootstrap-calendar .calendar .table.daysmonth tr td a { display: block; text-shadow: none; width: 26px; height: 26px; line-height: 26px; margin: -4px auto; color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 20px; border-radius: 20px; } .bootstrap-calendar .calendar .table.daysmonth tr td.event { background: 0 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-calendar .calendar .table.daysmonth tr td.event a { color: #fff; } .bootstrap-calendar .calendar .table.daysmonth tr.week_days td { background: 0 0; color: rgba(255, 255, 255, 0.75); font-weight: 700; } body .bootstrap-colorpalette .btn-color { width: 19px; height: 19px; border-color: rgba(255, 255, 255, 0.15); -webkit-border-radius: 4px; border-radius: 4px; } body .bootstrap-colorpalette .btn-color:focus, body .bootstrap-colorpalette .btn-color:hover { outline: 0; border: 1px solid rgba(255, 255, 255, 0.5) !important; } body .datetimepicker .next:before, body .datetimepicker .prev:before { display: none; } body .datetimepicker .datetimepicker-hours table, body .datetimepicker .datetimepicker-minutes table { min-width: 220px; } body .datetimepicker .glyphicon { font-size: 14px; color: #000; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .datetimepicker .glyphicon.glyphicon-chevron-up:before { content: "\f106"; } body .datetimepicker .glyphicon.glyphicon-chevron-down:before { content: "\f107"; } body .datetimepicker .glyphicon.icon-arrow-left:before { content: "\f104"; } body .datetimepicker .glyphicon.icon-arrow-right:before { content: "\f105"; } body .datetimepicker .glyphicon.glyphicon-time:before { content: "\f017"; } body .datetimepicker .glyphicon.glyphicon-calendar:before { content: "\f133"; } body .datetimepicker.dropdown-menu { max-width: 320px; min-width: 200px; width: auto; padding: 5px; color: #000; overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; } @media (max-width: 575.98px) { body .datetimepicker.dropdown-menu { max-width: 250px; } } body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today { padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; } body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.today:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.next:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.prev:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.switch:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.today:hover { color: #000; background: #f0f3f4; } body .datetimepicker.dropdown-menu .datetimepicker-days table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-days table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-hours table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-hours table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-minutes table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-months table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-months table thead tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-years table tfoot tr th.dow, body .datetimepicker.dropdown-menu .datetimepicker-years table thead tr th.dow { padding: 5px; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td { padding: 0; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day { padding: 7px 9px; height: auto; line-height: 16px !important; color: #4d4d4d; font-weight: 600; -webkit-border-radius: 6px; border-radius: 6px; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day:hover { color: #000; background: #f0f3f4; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active { color: #fff; background: #006cff !important; text-shadow: none; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.active:hover, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active:focus, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.active:hover { text-shadow: none; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .decade.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .hour.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .minute.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .month.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td .year.timepicker-second, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-hour, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-minute, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.timepicker-second { border: 1px solid rgba(255, 255, 255, 0.25); display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; -webkit-border-radius: 6px; border-radius: 6px; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today { background: #b3b3b3; color: #000; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today:before, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today:before { border-bottom-color: #737373; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today.active, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today.active { color: #fff; } body .datetimepicker.dropdown-menu .datetimepicker-days table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-hours table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-minutes table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-months table tbody tr td.day.today.active:before, body .datetimepicker.dropdown-menu .datetimepicker-years table tbody tr td.day.today.active:before { border-bottom-color: #99c4ff; } body .datetimepicker.dropdown-menu > ul > li .datepicker { padding: 5px; width: 320px; } @media (max-width: 575.98px) { body .datetimepicker.dropdown-menu > ul > li .datepicker { width: 250px; } } body .datetimepicker.dropdown-menu > ul > li .timepicker { width: auto; } body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-hours, body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-minutes, body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-picker { padding: 5px; } body .datetimepicker.dropdown-menu > ul > li .timepicker .timepicker-picker { width: 200px; margin: 0 auto; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td { padding: 0; height: auto; line-height: inherit; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute { padding: 10px; height: auto; line-height: 16px !important; color: #4d4d4d; font-weight: 600; -webkit-border-radius: 6px; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute:hover { color: #000; background: #f0f3f4; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.active, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.active { color: #fff; background: #000 !important; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.active:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.active:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.active:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.active:hover { text-shadow: none; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-minute, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-second, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-minute, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-second { border: 1px solid rgba(255, 255, 255, 0.25); display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; -webkit-border-radius: 6px; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td.separator { width: 1%; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn { padding: 0; border: none; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span { padding: 10px; height: auto; line-height: 16px !important; color: #4d4d4d; font-weight: 600; -webkit-border-radius: 6px; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span:hover { background: #f0f3f4; color: #000; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.active { color: #fff; background: #000 !important; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.active:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.active:hover { text-shadow: none; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-minute, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-second { border: 1px solid rgba(255, 255, 255, 0.25); display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; -webkit-border-radius: 6px; border-radius: 6px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary { padding: 5px 15px; background: #737373; margin-right: 5px; margin-left: 5px; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:hover { background: #4d4d4d; } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute { height: auto; line-height: 30px; border: 1px solid rgba(255, 255, 255, 0.25); } body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:hover, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:focus, body .datetimepicker.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:hover { background: 0 0; border-color: #737373; } body .datetimepicker.dropdown-menu > ul > li.picker-switch { width: 100%; } body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td span { display: block; width: auto; margin: -1px 0 0; background: #f0f3f4; height: 36px; line-height: 36px; -webkit-border-radius: 0; border-radius: 0; } body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td span:hover { background: #bababa; } body .datetimepicker.dropdown-menu > ul > li.picker-switch table tbody tr td a { text-decoration: none; } body .datetimepicker.dropdown-menu > ul > li.collapse.in { display: block; } body .datetimepicker.dropdown-menu.bottom:before { display: none; } body .datetimepicker.dropdown-menu.bottom:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; top: -7px; left: 15px; } body .datetimepicker.dropdown-menu.bottom.pull-right:after { left: auto; right: 15px; } body .datetimepicker + .input-group-addon { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } div .bootstrap-select .btn:active, div .bootstrap-select .btn:focus { outline: 0 !important; } div .bootstrap-select .btn.dropdown-toggle:after { content: ""; border: 5px solid transparent; border-top-color: rgba(255, 255, 255, 0.5); position: relative; top: 3px; } div .bootstrap-select .btn.btn-light, div .bootstrap-select .btn.btn-white { color: #595959 !important; } div .bootstrap-select .btn.btn-light.dropdown-toggle:after, div .bootstrap-select .btn.btn-white.dropdown-toggle:after { border-top-color: rgba(0, 0, 0, 0.5); } div .bootstrap-select .btn.bs-placeholder { color: rgba(255, 255, 255, 0.75) !important; } div .bootstrap-select .btn.bs-placeholder:active, div .bootstrap-select .btn.bs-placeholder:focus, div .bootstrap-select .btn.bs-placeholder:hover { color: rgba(255, 255, 255, 0.75) !important; } div .bootstrap-select .dropdown-menu .bs-searchbox { padding: 0 8px 8px; } .icon-eye-open { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .icon-eye-close:before { content: "\f070"; } .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute { width: 40px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.25); padding: 6px; background: #fff; color: #000; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 4px; border-radius: 4px; } .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-hour:focus, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-meridian:focus, .bootstrap-timepicker-widget table tbody tr td .bootstrap-timepicker-minute:focus { border-color: #5db0ff; outline: 0; -webkit-box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } .bootstrap-timepicker-widget table tbody tr td .glyphicon { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-up:before { content: "\f077"; } .bootstrap-timepicker-widget table tbody tr td .glyphicon.glyphicon-chevron-down:before { content: "\f078"; } .bootstrap-timepicker-widget table tbody tr td a { border: none; color: #4d4d4d; padding: 5px; -webkit-border-radius: 4px !important; border-radius: 4px !important; } .bootstrap-timepicker-widget table tbody tr td a:focus, .bootstrap-timepicker-widget table tbody tr td a:hover { background: #b3b3b3; color: #000; } .bootstrap-timepicker-widget table tbody tr td.separator { padding: 0 5px; } .bootstrap-timepicker-widget.dropdown-menu { padding: 5px !important; -webkit-border-radius: 6px !important; border-radius: 6px !important; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2) !important; } .bootstrap-timepicker-widget:before { display: none !important; } .bootstrap-timepicker-widget:after { left: 12px !important; top: -7px !important; border-width: 7px !important; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto !important; bottom: -7px; } .cke { border: none !important; } .cke .cke_top { border-color: rgba(255, 255, 255, 0.25); background: #bfbfbf; } .cke .cke_top .cke_button_off:focus, .cke .cke_top .cke_button_off:hover, .cke .cke_top .cke_combo_button:focus, .cke .cke_top .cke_combo_button:hover { border-color: rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.25); -webkit-border-radius: 4px; border-radius: 4px; } .cke .cke_top .cke_button_on, .cke .cke_top .cke_combo_on { background: #fff; border-color: rgba(255, 255, 255, 0.25); -webkit-border-radius: 4px; border-radius: 4px; } .cke .cke_bottom { border-color: rgba(255, 255, 255, 0.25); background: #bfbfbf; } .cke .cke_bottom .cke_resizer { border-right-color: #737373; } body .colorpicker { border: none; padding: 5px; z-index: 1010; -webkit-border-radius: 4px; border-radius: 4px; } body .colorpicker .colorpicker-alpha, body .colorpicker .colorpicker-hue { margin-bottom: 5px; margin-left: 5px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } body .colorpicker .colorpicker-saturation { margin-bottom: 5px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } body .colorpicker .colorpicker-saturation i { border-color: rgba(0, 0, 0, 0.25); } body .colorpicker .colorpicker-alpha, body .colorpicker .colorpicker-color { -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } body .colorpicker .colorpicker-alpha div, body .colorpicker .colorpicker-color div { -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } body .colorpicker .colorpicker-bar { margin-top: 5px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } body .colorpicker .colorpicker-bar div { -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } body .colorpicker:before { display: none; } body .colorpicker:after { border-width: 7px; top: -7px; } body .colorpicker.colorpicker-left:after { left: 12px; } body .colorpicker.colorpicker-right:after { right: 12px; } body .colorpicker.colorpicker-with-alpha { width: 168px; } body .colorpicker-component .input-group-addon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } body .colorpicker-bs-popover .popover-body { padding: 5px; } body .colorpicker-bs-popover .popover-body .colorpicker-popup.colorpicker-bs-popover-content { padding: 0; } .combobox + .input-group-addon, .combobox + .typeahead + .input-group-addon { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .combobox-container { width: 100%; } .combobox-container .input-group .combobox { width: auto; border: 1px solid transparent; background: rgba(255, 255, 255, 0.25); display: block; height: 34px; padding: 6px 12px; color: #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .combobox-container .input-group .combobox::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .combobox-container .input-group .combobox::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .combobox-container .input-group .combobox:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .combobox-container .input-group .combobox:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .combobox-container .input-group .combobox:focus { outline: 0; border-color: #5db0ff !important; -webkit-box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } .combobox-container .input-group .input-group-addon { width: 35px; } .combobox-container .input-group .input-group-addon .caret { margin: 0; } .combobox-container .input-group .input-group-addon .glyphicon { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .combobox-container .input-group .input-group-addon .glyphicon.glyphicon-remove:before { content: "\f00d"; } .combobox-container .input-group .input-group-addon.dropdown-toggle:before { display: none; } .combobox-container .input-group .typeahead.dropdown-menu > li > a { padding: 5px 15px; font-weight: 600; color: #262626; text-decoration: none; display: block; } .combobox-container .input-group .typeahead.dropdown-menu > li > a:focus, .combobox-container .input-group .typeahead.dropdown-menu > li > a:hover { color: #000; background: #bfbfbf; } body div.dt-autofill-background { z-index: 1030; } body div.dt-autofill-list { z-index: 1040; border: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; } body div.dt-autofill-list ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } body div.dt-autofill-list ul > li .dt-autofill-question { padding: 15px; border-color: rgba(0, 0, 0, 0.15); font-weight: 600; color: rgba(0, 0, 0, 0.75); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } body div.dt-autofill-list ul > li .dt-autofill-button { padding: 15px; width: 120px; border-color: rgba(0, 0, 0, 0.15); } body div.dt-autofill-list ul > li .dt-autofill-button .btn { display: block; width: 100%; position: relative; color: transparent; background: #599fff; border-color: #599fff; } body div.dt-autofill-list ul > li .dt-autofill-button .btn:focus, body div.dt-autofill-list ul > li .dt-autofill-button .btn:hover { background: #0d73ff; border-color: #0d73ff; } body div.dt-autofill-list ul > li .dt-autofill-button .btn:before { content: "Fill This"; color: #fff; position: absolute; left: 0; right: 0; } body div.dt-autofill-list ul > li:first-child { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } body div.dt-autofill-list ul > li:last-child { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } body div.dt-autofill-list ul > li:focus, body div.dt-autofill-list ul > li:hover { background: #fff; } body div.dt-button-info { border: none; padding: 15px; background: rgba(0, 0, 0, 0.95); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: none; box-shadow: none; } body div.dt-button-info h2 { border: none; background: 0 0; padding: 0; font-weight: 600; margin: 0; font-size: 24px; color: #fff; } body div.dt-button-info > div { padding: 0; margin-top: 5px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.75); } body div.DTCR_pointer { width: 2px; background: #599fff; margin-left: -1px; } body table.dataTable { border-collapse: collapse !important; } body table.dataTable thead tr th.sorting:before, body table.dataTable thead tr th.sorting_asc:before, body table.dataTable thead tr th.sorting_desc:before { display: none; } body table.dataTable thead tr th.sorting:after, body table.dataTable thead tr th.sorting_asc:after, body table.dataTable thead tr th.sorting_desc:after { opacity: 1; color: rgba(255, 255, 255, 0.5); bottom: 8px; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body table.dataTable thead tr th.sorting:after { content: "\f0dc"; } body table.dataTable thead tr th.sorting_asc:after { content: "\f0dd"; color: #599fff; } body table.dataTable thead tr th.sorting_desc:after { content: "\f0de"; color: #599fff; } body table.dataTable thead tr th:focus { outline: 0; } body table.dataTable tbody tr td.focus { outline: 0; z-index: 10; position: relative; -webkit-box-shadow: inset 0 0 0 2px #599fff; box-shadow: inset 0 0 0 2px #599fff; } body table.dataTable tbody tr td:focus { outline: 0; } body table.dataTable tbody tr.selected { background: rgba(255, 225, 51, 0.25); } body table.dataTable tbody tr.selected td { background: 0 0; font-weight: 500; } body table.dataTable tbody tr.dt-rowReorder-moving { outline: 2px solid rgba(0, 0, 0, 0.25); } body table.dataTable.fixedHeader-floating { z-index: 1030; background: rgba(26, 26, 26, 0.95); } body table.dataTable.dt-rowReorder-float { outline: 2px solid #599fff; } body table.dataTable.collapsed tbody tr td .dtr-details > li { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } body table.dataTable.collapsed tbody tr td:first-child:before { background: rgba(255, 255, 255, 0.25) !important; color: rgba(255, 255, 255, 0.75) !important; border: none !important; top: 10px !important; left: 8px !important; line-height: 16px !important; font-weight: 700 !important; height: 16px !important; width: 16px !important; text-align: center !important; text-indent: 0 !important; font-size: 14px !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; } body .DTFC_ScrollWrapper { margin: 0 0 15px; } body .DTFC_ScrollWrapper .DTFC_LeftWrapper .dataTable, body .DTFC_ScrollWrapper .DTFC_RightWrapper .dataTable, body .DTFC_ScrollWrapper .dataTables_scroll .dataTable { margin: 0 !important; } body .DTFC_ScrollWrapper .DTFC_LeftBodyWrapper .dataTable, body .DTFC_ScrollWrapper .DTFC_RightBodyWrapper .dataTable, body .DTFC_ScrollWrapper .dataTables_scrollBody .dataTable { border-bottom: none !important; } body .DTFC_ScrollWrapper .DTFC_LeftBodyWrapper .dataTable thead tr th, body .DTFC_ScrollWrapper .DTFC_RightBodyWrapper .dataTable thead tr th, body .DTFC_ScrollWrapper .dataTables_scrollBody .dataTable thead tr th { border: none !important; } body .DTFC_ScrollWrapper .dataTables_scroll { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .dataTables_wrapper.dt-bootstrap, .dataTables_wrapper.dt-bootstrap4 { display: block; } .dataTables_wrapper.dt-bootstrap .dataTables_length, .dataTables_wrapper.dt-bootstrap4 .dataTables_length { margin-bottom: 15px; } .dataTables_wrapper.dt-bootstrap .dataTables_length .custom-select, .dataTables_wrapper.dt-bootstrap4 .dataTables_length .custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (min-width: 576px) { .dataTables_wrapper.dt-bootstrap .dataTables_length, .dataTables_wrapper.dt-bootstrap4 .dataTables_length { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 768px) { .dataTables_wrapper.dt-bootstrap .dataTables_length + .dt-buttons, .dataTables_wrapper.dt-bootstrap4 .dataTables_length + .dt-buttons { margin-left: 10px; } } .dataTables_wrapper.dt-bootstrap .dataTables_length label, .dataTables_wrapper.dt-bootstrap4 .dataTables_length label { margin-left: auto; color: rgba(255, 255, 255, 0.75); font-weight: 600; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dataTables_wrapper.dt-bootstrap .dataTables_length label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_length label .form-control { display: block; margin: 0 8px; height: 34px; } .dataTables_wrapper.dt-bootstrap .dataTables_filter, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter { margin-bottom: 15px; } @media (min-width: 576px) { .dataTables_wrapper.dt-bootstrap .dataTables_filter, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter { float: right; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .dataTables_wrapper.dt-bootstrap .dataTables_filter label, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label { color: rgba(255, 255, 255, 0.75); font-weight: 600; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control { display: block; margin-left: 8px; width: 260px; height: 34px; } .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control::-webkit-input-placeholder, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control::-moz-placeholder, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control:-ms-input-placeholder, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control:-moz-placeholder, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } @media (max-width: 991.98px) { .dataTables_wrapper.dt-bootstrap .dataTables_filter label .form-control, .dataTables_wrapper.dt-bootstrap4 .dataTables_filter label .form-control { width: 100%; } } .dataTables_wrapper.dt-bootstrap .dataTable, .dataTables_wrapper.dt-bootstrap4 .dataTable { margin: 0 0 15px !important; } .dataTables_wrapper.dt-bootstrap .dataTables_info, .dataTables_wrapper.dt-bootstrap4 .dataTables_info { font-weight: 600; color: rgba(255, 255, 255, 0.75); } @media (max-width: 575.98px) { .dataTables_wrapper.dt-bootstrap .dataTables_info, .dataTables_wrapper.dt-bootstrap4 .dataTables_info { padding-bottom: 8px; } } .dataTables_wrapper.dt-bootstrap .dataTables_paginate, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination { margin-left: auto; } } @media (max-width: 575.98px) { .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination { margin-left: auto; margin-right: auto; } } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a { position: relative; display: block; padding: 8px 12px; margin-left: -1px; line-height: 1.25; color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.15); border: 1px solid transparent; font-weight: 600; text-decoration: none; outline: 0; -webkit-border-radius: 4px; border-radius: 4px; } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a:focus, .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a:hover, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a:focus, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a:hover { color: #fff; background: rgba(255, 255, 255, 0.3); } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.active a { border-color: #006cff; background: #006cff; color: #fff; } .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.disabled a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.disabled a { color: rgba(255, 255, 255, 0.25) !important; pointer-events: none; cursor: auto; background-color: rgba(255, 255, 255, 0.15) !important; border-color: transparent !important; } .dataTables_wrapper.dt-bootstrap .dt-autofill-handle, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-handle { background: #599fff; border-color: #599fff; margin-left: 1px; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select { background: #599fff; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.left, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.left { margin-left: 1px; margin-top: 0; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.top, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.top { margin-left: 1px; margin-top: 0; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.right, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.right { margin-left: -1px; margin-top: 0; margin-bottom: -1px; } .dataTables_wrapper.dt-bootstrap .dt-autofill-select.bottom, .dataTables_wrapper.dt-bootstrap4 .dt-autofill-select.bottom { margin-left: 1px; margin-top: -2px; } .dataTables_wrapper.dt-bootstrap .dt-buttons, .dataTables_wrapper.dt-bootstrap4 .dt-buttons { margin-bottom: 15px; } .dataTables_wrapper.dt-bootstrap .dt-buttons .btn, .dataTables_wrapper.dt-bootstrap4 .dt-buttons .btn { padding: 6px 12px; line-height: 20px; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll { margin: 0 0 15px !important; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTable, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTable { margin: 0 !important; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTables_scrollBody, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTables_scrollBody { background: 0 0; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTables_scrollBody .dataTable, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTables_scrollBody .dataTable { background: 0 0 !important; border-bottom: none !important; } .dataTables_wrapper.dt-bootstrap .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th, .dataTables_wrapper.dt-bootstrap4 .dataTables_scroll .dataTables_scrollBody .dataTable thead tr th { border: none !important; } .dataTables_wrapper.dt-bootstrap.DTS .dataTables_scroll .dataTables_scrollBody, .dataTables_wrapper.dt-bootstrap4.DTS .dataTables_scroll .dataTables_scrollBody { border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned { background: 0 0; } .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned tbody, .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned thead, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned tbody, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned thead { background: 0 0; } .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned tbody tr, .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned thead tr, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned tbody tr, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned thead tr { background: 0 0 !important; } .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned tbody tr td, .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned tbody tr th, .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned thead tr td, .dataTables_wrapper.dt-bootstrap .dataTable.DTFC_Cloned thead tr th, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned tbody tr td, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned tbody tr th, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned thead tr td, .dataTables_wrapper.dt-bootstrap4 .dataTable.DTFC_Cloned thead tr th { background: 0 0 !important; border-color: transparent !important; } body .datepicker { color: #000; -webkit-border-radius: 8px; border-radius: 8px; } body .datepicker table { width: 100%; } body .datepicker table tfoot .today:focus, body .datepicker table tfoot .today:hover { background: #bfbfbf; } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch, body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev { line-height: 20px; padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-centuries table thead tr th.next:focus, body .datepicker .datepicker-centuries table thead tr th.next:hover, body .datepicker .datepicker-centuries table thead tr th.prev:focus, body .datepicker .datepicker-centuries table thead tr th.prev:hover, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-days table thead tr th.next:focus, body .datepicker .datepicker-days table thead tr th.next:hover, body .datepicker .datepicker-days table thead tr th.prev:focus, body .datepicker .datepicker-days table thead tr th.prev:hover, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-decades table thead tr th.next:focus, body .datepicker .datepicker-decades table thead tr th.next:hover, body .datepicker .datepicker-decades table thead tr th.prev:focus, body .datepicker .datepicker-decades table thead tr th.prev:hover, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-months table thead tr th.next:focus, body .datepicker .datepicker-months table thead tr th.next:hover, body .datepicker .datepicker-months table thead tr th.prev:focus, body .datepicker .datepicker-months table thead tr th.prev:hover, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-years table thead tr th.next:focus, body .datepicker .datepicker-years table thead tr th.next:hover, body .datepicker .datepicker-years table thead tr th.prev:focus, body .datepicker .datepicker-years table thead tr th.prev:hover { background: #bfbfbf; } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-centuries table thead tr th.next:focus:before, body .datepicker .datepicker-centuries table thead tr th.next:hover:before, body .datepicker .datepicker-centuries table thead tr th.prev:focus:before, body .datepicker .datepicker-centuries table thead tr th.prev:hover:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-days table thead tr th.next:focus:before, body .datepicker .datepicker-days table thead tr th.next:hover:before, body .datepicker .datepicker-days table thead tr th.prev:focus:before, body .datepicker .datepicker-days table thead tr th.prev:hover:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-decades table thead tr th.next:focus:before, body .datepicker .datepicker-decades table thead tr th.next:hover:before, body .datepicker .datepicker-decades table thead tr th.prev:focus:before, body .datepicker .datepicker-decades table thead tr th.prev:hover:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-months table thead tr th.next:focus:before, body .datepicker .datepicker-months table thead tr th.next:hover:before, body .datepicker .datepicker-months table thead tr th.prev:focus:before, body .datepicker .datepicker-months table thead tr th.prev:hover:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-years table thead tr th.next:focus:before, body .datepicker .datepicker-years table thead tr th.next:hover:before, body .datepicker .datepicker-years table thead tr th.prev:focus:before, body .datepicker .datepicker-years table thead tr th.prev:hover:before { color: #000; } body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev { color: transparent; width: 14.28%; position: relative; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .datepicker .datepicker-centuries table thead tr th.next:before, body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.prev:before { color: #4d4d4d; position: absolute; font-size: 14px; height: 14px; top: 50%; margin-top: -7px; line-height: 1; } body .datepicker .datepicker-centuries table thead tr th.next i, body .datepicker .datepicker-centuries table thead tr th.prev i, body .datepicker .datepicker-days table thead tr th.next i, body .datepicker .datepicker-days table thead tr th.prev i, body .datepicker .datepicker-decades table thead tr th.next i, body .datepicker .datepicker-decades table thead tr th.prev i, body .datepicker .datepicker-months table thead tr th.next i, body .datepicker .datepicker-months table thead tr th.prev i, body .datepicker .datepicker-years table thead tr th.next i, body .datepicker .datepicker-years table thead tr th.prev i { display: none; } body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.prev:before { content: "\f104"; } body .datepicker .datepicker-centuries table thead tr th.next:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.next:before { content: "\f105"; } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.datepicker-switch { width: auto; } body .datepicker .datepicker-centuries table thead tr th.dow, body .datepicker .datepicker-days table thead tr th.dow, body .datepicker .datepicker-decades table thead tr th.dow, body .datepicker .datepicker-months table thead tr th.dow, body .datepicker .datepicker-years table thead tr th.dow { padding: 5px 0; } body .datepicker .datepicker-centuries table tbody tr td, body .datepicker .datepicker-days table tbody tr td, body .datepicker .datepicker-decades table tbody tr td, body .datepicker .datepicker-months table tbody tr td, body .datepicker .datepicker-years table tbody tr td { padding: 5px; } body .datepicker .datepicker-centuries table tbody tr td span.century, body .datepicker .datepicker-centuries table tbody tr td span.decade, body .datepicker .datepicker-centuries table tbody tr td span.month, body .datepicker .datepicker-centuries table tbody tr td span.year, body .datepicker .datepicker-days table tbody tr td span.century, body .datepicker .datepicker-days table tbody tr td span.decade, body .datepicker .datepicker-days table tbody tr td span.month, body .datepicker .datepicker-days table tbody tr td span.year, body .datepicker .datepicker-decades table tbody tr td span.century, body .datepicker .datepicker-decades table tbody tr td span.decade, body .datepicker .datepicker-decades table tbody tr td span.month, body .datepicker .datepicker-decades table tbody tr td span.year, body .datepicker .datepicker-months table tbody tr td span.century, body .datepicker .datepicker-months table tbody tr td span.decade, body .datepicker .datepicker-months table tbody tr td span.month, body .datepicker .datepicker-months table tbody tr td span.year, body .datepicker .datepicker-years table tbody tr td span.century, body .datepicker .datepicker-years table tbody tr td span.decade, body .datepicker .datepicker-years table tbody tr td span.month, body .datepicker .datepicker-years table tbody tr td span.year { font-weight: 600; color: #4d4d4d; text-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; } body .datepicker .datepicker-centuries table tbody tr td span.century:focus, body .datepicker .datepicker-centuries table tbody tr td span.century:hover, body .datepicker .datepicker-centuries table tbody tr td span.decade:focus, body .datepicker .datepicker-centuries table tbody tr td span.decade:hover, body .datepicker .datepicker-centuries table tbody tr td span.month:focus, body .datepicker .datepicker-centuries table tbody tr td span.month:hover, body .datepicker .datepicker-centuries table tbody tr td span.year:focus, body .datepicker .datepicker-centuries table tbody tr td span.year:hover, body .datepicker .datepicker-days table tbody tr td span.century:focus, body .datepicker .datepicker-days table tbody tr td span.century:hover, body .datepicker .datepicker-days table tbody tr td span.decade:focus, body .datepicker .datepicker-days table tbody tr td span.decade:hover, body .datepicker .datepicker-days table tbody tr td span.month:focus, body .datepicker .datepicker-days table tbody tr td span.month:hover, body .datepicker .datepicker-days table tbody tr td span.year:focus, body .datepicker .datepicker-days table tbody tr td span.year:hover, body .datepicker .datepicker-decades table tbody tr td span.century:focus, body .datepicker .datepicker-decades table tbody tr td span.century:hover, body .datepicker .datepicker-decades table tbody tr td span.decade:focus, body .datepicker .datepicker-decades table tbody tr td span.decade:hover, body .datepicker .datepicker-decades table tbody tr td span.month:focus, body .datepicker .datepicker-decades table tbody tr td span.month:hover, body .datepicker .datepicker-decades table tbody tr td span.year:focus, body .datepicker .datepicker-decades table tbody tr td span.year:hover, body .datepicker .datepicker-months table tbody tr td span.century:focus, body .datepicker .datepicker-months table tbody tr td span.century:hover, body .datepicker .datepicker-months table tbody tr td span.decade:focus, body .datepicker .datepicker-months table tbody tr td span.decade:hover, body .datepicker .datepicker-months table tbody tr td span.month:focus, body .datepicker .datepicker-months table tbody tr td span.month:hover, body .datepicker .datepicker-months table tbody tr td span.year:focus, body .datepicker .datepicker-months table tbody tr td span.year:hover, body .datepicker .datepicker-years table tbody tr td span.century:focus, body .datepicker .datepicker-years table tbody tr td span.century:hover, body .datepicker .datepicker-years table tbody tr td span.decade:focus, body .datepicker .datepicker-years table tbody tr td span.decade:hover, body .datepicker .datepicker-years table tbody tr td span.month:focus, body .datepicker .datepicker-years table tbody tr td span.month:hover, body .datepicker .datepicker-years table tbody tr td span.year:focus, body .datepicker .datepicker-years table tbody tr td span.year:hover { background: #bfbfbf; } body .datepicker .datepicker-centuries table tbody tr td span.century.focused, body .datepicker .datepicker-centuries table tbody tr td span.decade.focused, body .datepicker .datepicker-centuries table tbody tr td span.month.focused, body .datepicker .datepicker-centuries table tbody tr td span.year.focused, body .datepicker .datepicker-days table tbody tr td span.century.focused, body .datepicker .datepicker-days table tbody tr td span.decade.focused, body .datepicker .datepicker-days table tbody tr td span.month.focused, body .datepicker .datepicker-days table tbody tr td span.year.focused, body .datepicker .datepicker-decades table tbody tr td span.century.focused, body .datepicker .datepicker-decades table tbody tr td span.decade.focused, body .datepicker .datepicker-decades table tbody tr td span.month.focused, body .datepicker .datepicker-decades table tbody tr td span.year.focused, body .datepicker .datepicker-months table tbody tr td span.century.focused, body .datepicker .datepicker-months table tbody tr td span.decade.focused, body .datepicker .datepicker-months table tbody tr td span.month.focused, body .datepicker .datepicker-months table tbody tr td span.year.focused, body .datepicker .datepicker-years table tbody tr td span.century.focused, body .datepicker .datepicker-years table tbody tr td span.decade.focused, body .datepicker .datepicker-years table tbody tr td span.month.focused, body .datepicker .datepicker-years table tbody tr td span.year.focused { background: #b3b3b3; color: #000; } body .datepicker .datepicker-centuries table tbody tr td span.century.active, body .datepicker .datepicker-centuries table tbody tr td span.decade.active, body .datepicker .datepicker-centuries table tbody tr td span.month.active, body .datepicker .datepicker-centuries table tbody tr td span.year.active, body .datepicker .datepicker-days table tbody tr td span.century.active, body .datepicker .datepicker-days table tbody tr td span.decade.active, body .datepicker .datepicker-days table tbody tr td span.month.active, body .datepicker .datepicker-days table tbody tr td span.year.active, body .datepicker .datepicker-decades table tbody tr td span.century.active, body .datepicker .datepicker-decades table tbody tr td span.decade.active, body .datepicker .datepicker-decades table tbody tr td span.month.active, body .datepicker .datepicker-decades table tbody tr td span.year.active, body .datepicker .datepicker-months table tbody tr td span.century.active, body .datepicker .datepicker-months table tbody tr td span.decade.active, body .datepicker .datepicker-months table tbody tr td span.month.active, body .datepicker .datepicker-months table tbody tr td span.year.active, body .datepicker .datepicker-years table tbody tr td span.century.active, body .datepicker .datepicker-years table tbody tr td span.decade.active, body .datepicker .datepicker-years table tbody tr td span.month.active, body .datepicker .datepicker-years table tbody tr td span.year.active { background: #006cff !important; color: #fff; } body .datepicker .datepicker-centuries table tbody tr td.day, body .datepicker .datepicker-days table tbody tr td.day, body .datepicker .datepicker-decades table tbody tr td.day, body .datepicker .datepicker-months table tbody tr td.day, body .datepicker .datepicker-years table tbody tr td.day { font-weight: 600; color: #262626; padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; } body .datepicker .datepicker-centuries table tbody tr td.day.highlighted, body .datepicker .datepicker-centuries table tbody tr td.day.range, body .datepicker .datepicker-centuries table tbody tr td.day.selected, body .datepicker .datepicker-centuries table tbody tr td.day:focus, body .datepicker .datepicker-centuries table tbody tr td.day:hover, body .datepicker .datepicker-days table tbody tr td.day.highlighted, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-days table tbody tr td.day.selected, body .datepicker .datepicker-days table tbody tr td.day:focus, body .datepicker .datepicker-days table tbody tr td.day:hover, body .datepicker .datepicker-decades table tbody tr td.day.highlighted, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.selected, body .datepicker .datepicker-decades table tbody tr td.day:focus, body .datepicker .datepicker-decades table tbody tr td.day:hover, body .datepicker .datepicker-months table tbody tr td.day.highlighted, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.selected, body .datepicker .datepicker-months table tbody tr td.day:focus, body .datepicker .datepicker-months table tbody tr td.day:hover, body .datepicker .datepicker-years table tbody tr td.day.highlighted, body .datepicker .datepicker-years table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.selected, body .datepicker .datepicker-years table tbody tr td.day:focus, body .datepicker .datepicker-years table tbody tr td.day:hover { background: #bfbfbf; text-shadow: none; } body .datepicker .datepicker-centuries table tbody tr td.day.today, body .datepicker .datepicker-days table tbody tr td.day.today, body .datepicker .datepicker-decades table tbody tr td.day.today, body .datepicker .datepicker-months table tbody tr td.day.today, body .datepicker .datepicker-years table tbody tr td.day.today { background: #b3b3b3 !important; color: #000; } body .datepicker .datepicker-centuries table tbody tr td.day.active, body .datepicker .datepicker-days table tbody tr td.day.active, body .datepicker .datepicker-decades table tbody tr td.day.active, body .datepicker .datepicker-months table tbody tr td.day.active, body .datepicker .datepicker-years table tbody tr td.day.active { background: #006cff !important; color: #fff; text-shadow: none !important; } body .datepicker .datepicker-centuries table tbody tr td.day.range, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.range { -webkit-border-radius: 0; border-radius: 0; } body .datepicker .datepicker-centuries table tbody tr td.day.range-start, body .datepicker .datepicker-days table tbody tr td.day.range-start, body .datepicker .datepicker-decades table tbody tr td.day.range-start, body .datepicker .datepicker-months table tbody tr td.day.range-start, body .datepicker .datepicker-years table tbody tr td.day.range-start { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } body .datepicker .datepicker-centuries table tbody tr td.day.range-end, body .datepicker .datepicker-days table tbody tr td.day.range-end, body .datepicker .datepicker-decades table tbody tr td.day.range-end, body .datepicker .datepicker-months table tbody tr td.day.range-end, body .datepicker .datepicker-years table tbody tr td.day.range-end { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } body .datepicker .datepicker-centuries table tbody tr td.day.old, body .datepicker .datepicker-days table tbody tr td.day.old, body .datepicker .datepicker-decades table tbody tr td.day.old, body .datepicker .datepicker-months table tbody tr td.day.old, body .datepicker .datepicker-years table tbody tr td.day.old { color: #999; } body .datepicker .datepicker-centuries table tbody tr td.day.new, body .datepicker .datepicker-days table tbody tr td.day.new, body .datepicker .datepicker-decades table tbody tr td.day.new, body .datepicker .datepicker-months table tbody tr td.day.new, body .datepicker .datepicker-years table tbody tr td.day.new { color: #737373; } body .datepicker .datepicker-centuries table tbody tr td.day.disabled, body .datepicker .datepicker-days table tbody tr td.day.disabled, body .datepicker .datepicker-decades table tbody tr td.day.disabled, body .datepicker .datepicker-months table tbody tr td.day.disabled, body .datepicker .datepicker-years table tbody tr td.day.disabled { color: #999; } body .datepicker .datepicker-centuries table tbody tr td.day.disabled:focus, body .datepicker .datepicker-centuries table tbody tr td.day.disabled:hover, body .datepicker .datepicker-days table tbody tr td.day.disabled:focus, body .datepicker .datepicker-days table tbody tr td.day.disabled:hover, body .datepicker .datepicker-decades table tbody tr td.day.disabled:focus, body .datepicker .datepicker-decades table tbody tr td.day.disabled:hover, body .datepicker .datepicker-months table tbody tr td.day.disabled:focus, body .datepicker .datepicker-months table tbody tr td.day.disabled:hover, body .datepicker .datepicker-years table tbody tr td.day.disabled:focus, body .datepicker .datepicker-years table tbody tr td.day.disabled:hover { background: 0 0; } body .datepicker.datepicker-inline { display: block; width: auto; padding: 0; color: #fff; } body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.datepicker-switch:focus, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.datepicker-switch:hover, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.next:focus, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.next:hover, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.prev:focus, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.prev:hover, body .datepicker.datepicker-inline .datepicker-days table thead tr th.datepicker-switch:focus, body .datepicker.datepicker-inline .datepicker-days table thead tr th.datepicker-switch:hover, body .datepicker.datepicker-inline .datepicker-days table thead tr th.next:focus, body .datepicker.datepicker-inline .datepicker-days table thead tr th.next:hover, body .datepicker.datepicker-inline .datepicker-days table thead tr th.prev:focus, body .datepicker.datepicker-inline .datepicker-days table thead tr th.prev:hover, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.datepicker-switch:focus, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.datepicker-switch:hover, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.next:focus, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.next:hover, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.prev:focus, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.prev:hover, body .datepicker.datepicker-inline .datepicker-months table thead tr th.datepicker-switch:focus, body .datepicker.datepicker-inline .datepicker-months table thead tr th.datepicker-switch:hover, body .datepicker.datepicker-inline .datepicker-months table thead tr th.next:focus, body .datepicker.datepicker-inline .datepicker-months table thead tr th.next:hover, body .datepicker.datepicker-inline .datepicker-months table thead tr th.prev:focus, body .datepicker.datepicker-inline .datepicker-months table thead tr th.prev:hover, body .datepicker.datepicker-inline .datepicker-years table thead tr th.datepicker-switch:focus, body .datepicker.datepicker-inline .datepicker-years table thead tr th.datepicker-switch:hover, body .datepicker.datepicker-inline .datepicker-years table thead tr th.next:focus, body .datepicker.datepicker-inline .datepicker-years table thead tr th.next:hover, body .datepicker.datepicker-inline .datepicker-years table thead tr th.prev:focus, body .datepicker.datepicker-inline .datepicker-years table thead tr th.prev:hover { background: rgba(255, 255, 255, 0.25); } body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.datepicker-switch:focus:before, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.datepicker-switch:hover:before, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.next:focus:before, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.next:hover:before, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.prev:focus:before, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.prev:hover:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.datepicker-switch:focus:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.datepicker-switch:hover:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.next:focus:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.next:hover:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.prev:focus:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.prev:hover:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.datepicker-switch:focus:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.datepicker-switch:hover:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.next:focus:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.next:hover:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.prev:focus:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.prev:hover:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.datepicker-switch:focus:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.datepicker-switch:hover:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.next:focus:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.next:hover:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.prev:focus:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.prev:hover:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.datepicker-switch:focus:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.datepicker-switch:hover:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.next:focus:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.next:hover:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.prev:focus:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.prev:hover:before { color: #fff; } body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.next:before, body .datepicker.datepicker-inline .datepicker-centuries table thead tr th.prev:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.next:before, body .datepicker.datepicker-inline .datepicker-days table thead tr th.prev:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.next:before, body .datepicker.datepicker-inline .datepicker-decades table thead tr th.prev:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.next:before, body .datepicker.datepicker-inline .datepicker-months table thead tr th.prev:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.next:before, body .datepicker.datepicker-inline .datepicker-years table thead tr th.prev:before { color: rgba(255, 255, 255, 0.5); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.century, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.decade, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.month, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.year, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.century, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.decade, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.month, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.year, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.century, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.decade, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.month, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.year, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.century, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.decade, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.month, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.year, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.century, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.decade, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.month, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.year { color: rgba(255, 255, 255, 0.75); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.century:focus, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.century:hover, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.decade:focus, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.decade:hover, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.month:focus, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.month:hover, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.year:focus, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.year:hover, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.century:focus, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.century:hover, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.decade:focus, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.decade:hover, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.month:focus, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.month:hover, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.year:focus, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.year:hover, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.century:focus, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.century:hover, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.decade:focus, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.decade:hover, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.month:focus, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.month:hover, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.year:focus, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.year:hover, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.century:focus, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.century:hover, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.decade:focus, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.decade:hover, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.month:focus, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.month:hover, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.year:focus, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.year:hover, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.century:focus, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.century:hover, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.decade:focus, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.decade:hover, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.month:focus, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.month:hover, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.year:focus, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.year:hover { background: rgba(255, 255, 255, 0.15); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.century.focused, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.decade.focused, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.month.focused, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.year.focused, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.century.focused, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.decade.focused, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.month.focused, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.year.focused, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.century.focused, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.decade.focused, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.month.focused, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.year.focused, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.century.focused, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.decade.focused, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.month.focused, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.year.focused, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.century.focused, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.decade.focused, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.month.focused, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.year.focused { background: rgba(255, 255, 255, 0.15); color: #fff; } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.century.active, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.decade.active, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.month.active, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td span.year.active, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.century.active, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.decade.active, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.month.active, body .datepicker.datepicker-inline .datepicker-days table tbody tr td span.year.active, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.century.active, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.decade.active, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.month.active, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td span.year.active, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.century.active, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.decade.active, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.month.active, body .datepicker.datepicker-inline .datepicker-months table tbody tr td span.year.active, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.century.active, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.decade.active, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.month.active, body .datepicker.datepicker-inline .datepicker-years table tbody tr td span.year.active { color: #fff; } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day { color: rgba(255, 255, 255, 0.75); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.highlighted, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.range, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.selected, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day:focus, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day:hover, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.highlighted, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.range, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.selected, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day:focus, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day:hover, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.highlighted, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.range, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.selected, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day:focus, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day:hover, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.highlighted, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.range, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.selected, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day:focus, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day:hover, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.highlighted, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.range, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.selected, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day:focus, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day:hover { background: rgba(255, 255, 255, 0.15); text-shadow: none; } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.today, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.today, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.today, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.today, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.today { background: rgba(255, 255, 255, 0.15) !important; color: #fff; } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.active, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.active, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.active, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.active, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.active { background: #006cff !important; color: #fff; text-shadow: none !important; } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.old, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.old, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.old, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.old, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.old { color: rgba(255, 255, 255, 0.4); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.new, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.new, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.new, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.new, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.new { color: rgba(255, 255, 255, 0.5); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.disabled, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.disabled, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.disabled, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.disabled, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.disabled { color: rgba(255, 255, 255, 0.6); } body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.disabled:focus, body .datepicker.datepicker-inline .datepicker-centuries table tbody tr td.day.disabled:hover, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.disabled:focus, body .datepicker.datepicker-inline .datepicker-days table tbody tr td.day.disabled:hover, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.disabled:focus, body .datepicker.datepicker-inline .datepicker-decades table tbody tr td.day.disabled:hover, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.disabled:focus, body .datepicker.datepicker-inline .datepicker-months table tbody tr td.day.disabled:hover, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.disabled:focus, body .datepicker.datepicker-inline .datepicker-years table tbody tr td.day.disabled:hover { background: 0 0; } body .datepicker.dropdown-menu { min-width: 250px; width: 320px; border: none; font-family: inherit; font-size: 12px; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.15); } @media (max-width: 575.98px) { body .datepicker.dropdown-menu { width: 250px; } } body .datepicker.dropdown-menu:before { display: none; } body .datepicker.dropdown-menu.datepicker-orient-left:after { left: 15px; } body .datepicker.dropdown-menu.datepicker-orient-right:after { right: 15px; } body .datepicker.dropdown-menu.datepicker-orient-top { margin-bottom: 7px; } body .datepicker.dropdown-menu.datepicker-orient-bottom { margin-top: 7px; } .datepicker .input-daterange .input-group-addon { margin: 0; font-weight: 600; background: #a6a6a6; color: #4d4d4d; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-border-radius: 0; border-radius: 0; } .datepicker .input-daterange .input-group-addon + .form-control { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } body .input-daterange .input-group-addon { font-size: 12px; line-height: 1; min-width: 30px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 0; border-radius: 0; } body .daterangepicker { z-index: 1020; border: none; font-family: inherit; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); } body .daterangepicker:before { display: none; } body .daterangepicker:after { border-width: 7px; top: -7px; left: 10px; } body .daterangepicker .drp-calendar { max-width: inherit; padding: 15px; } body .daterangepicker .drp-calendar .calendar-table table thead tr th { min-width: auto; width: auto; height: auto; line-height: 1; padding: 7px 7px; color: #000; font-weight: 700; border: none; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.next span, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev span { border-color: #000; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:hover, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:hover { background: #f0f3f4; color: #000; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect { border-color: rgba(255, 255, 255, 0.25); background: #fff; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect:focus { outline: 0; border-color: #5db0ff; -webkit-box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); box-shadow: 0 0 0 0.125rem rgba(93, 176, 255, 0.3); } body .daterangepicker .drp-calendar .calendar-table table thead tr:last-child th { padding-bottom: 14px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td { min-width: auto; width: auto; height: auto; line-height: 1; padding: 7px 9px; font-weight: 600; color: #000; border: none; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available { -webkit-border-radius: 4px; border-radius: 4px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:focus, body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:hover { background: #f0f3f4; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range { background: #cce2ff; color: #002b66; -webkit-border-radius: 0; border-radius: 0; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.active { background: #006cff; color: #fff; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.start-date { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.end-date { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.off { background: 0 0; color: #999; } body .daterangepicker .drp-calendar.left { padding: 10px !important; } body .daterangepicker .drp-calendar.left .calendar-table { padding: 0 !important; } body .daterangepicker .drp-calendar.right { padding: 10px !important; border-left: 1px solid rgba(255, 255, 255, 0.25); } @media (max-width: 575.98px) { body .daterangepicker .drp-calendar.right { border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.25); } } body .daterangepicker .drp-buttons { padding: 10px; border-color: rgba(255, 255, 255, 0.25); } body .daterangepicker .drp-buttons .drp-selected { font-weight: 600; color: #4d4d4d; } body .daterangepicker .ranges { display: none; } body .daterangepicker.show-ranges .ranges { position: relative; display: block; } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .ranges { float: none; margin: 0; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); overflow: scroll; max-width: 560px; } } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .ranges ul { width: auto; white-space: nowrap; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } body .daterangepicker.show-ranges .ranges ul li { font-weight: 600; color: #4d4d4d; } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .ranges ul li { margin-right: 10px !important; -webkit-border-radius: 4px; border-radius: 4px; } } body .daterangepicker.show-ranges .ranges ul li:focus, body .daterangepicker.show-ranges .ranges ul li:hover { background: #f0f3f4; color: #000; } body .daterangepicker.show-ranges .ranges ul li.active { background: #006cff; color: #fff; margin-right: -1px; } body .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid rgba(255, 255, 255, 0.25); } @media (max-width: 991.98px) { body .daterangepicker.show-ranges .drp-calendar.left { border-left: none; } } .dropzone { border: 2px dashed #999 !important; background: 0 0 !important; } .dropzone .dz-message { font-weight: 300 !important; color: inherit !important; font-size: 28px !important; text-align: center !important; margin: 45px 0 !important; } .dropzone .dz-message .dz-note { font-size: 14px !important; font-weight: 400 !important; display: block !important; margin-top: 20px; color: rgba(255, 255, 255, 0.5); } .dropzone .dz-preview .dz-image { -webkit-border-radius: 6px !important; border-radius: 6px !important; } .dropzone .dz-preview .dz-error-message { background: #ff3502 !important; } .dropzone .dz-preview .dz-error-message:after { border-bottom-color: #ff3502 !important; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background: 0 0 !important; } .dropzone .dz-preview .dz-error-mark { z-index: 1020 !important; } .dropzone .dz-preview .dz-error-mark:before { content: "\f00d"; width: 54px; height: 54px; background: #999; font-size: 28px; color: #4d4d4d; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 40px; border-radius: 40px; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .dropzone .dz-preview .dz-error-mark:focus:before, .dropzone .dz-preview .dz-error-mark:hover:before { background: #737373; color: #262626; } .dropzone .dz-preview .dz-error-mark svg { display: none !important; } .dropzone .dz-preview.dz-file-preview .dz-image { background: #f0f3f4 !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; } .dropzone .dz-preview.dz-image-preview { background: 0 0 !important; } .dropzone.dz-clickable:focus, .dropzone.dz-clickable:hover { background: rgba(255, 255, 255, 0.15) !important; } .dropzone.dz-clickable .dz-message { cursor: pointer; } .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-clickable.dz-started:focus, .dropzone.dz-clickable.dz-started:hover { background: 0 0 !important; } .inverse-mode .dropzone { border-color: rgba(255, 255, 255, 0.25) !important; } .inverse-mode .dropzone .dz-clickable:focus, .inverse-mode .dropzone .dz-clickable:hover { background: rgba(255, 255, 255, 0.15) !important; } .inverse-mode .dropzone .dz-message { color: inherit !important; } .inverse-mode .dropzone .dz-message .dz-note { color: rgba(255, 255, 255, 0.75) !important; } body .bootstrap-datetimepicker-widget .next:before, body .bootstrap-datetimepicker-widget .prev:before { display: none; } body .bootstrap-datetimepicker-widget .glyphicon { font-size: 14px; color: #000; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-up:before { content: "\f106"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-down:before { content: "\f107"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-left:before { content: "\f104"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-right:before { content: "\f105"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-time:before { content: "\f017"; } body .bootstrap-datetimepicker-widget .glyphicon.glyphicon-calendar:before { content: "\f133"; } body .bootstrap-datetimepicker-widget.dropdown-menu { max-width: 320px; min-width: 200px; width: auto; padding: 0; color: #000; overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; } @media (max-width: 575.98px) { body .bootstrap-datetimepicker-widget.dropdown-menu { max-width: 250px; } } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker { padding: 5px; width: 320px; } @media (max-width: 575.98px) { body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker { width: 250px; } } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.next, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.picker-switch, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.prev { padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.next:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.next:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.picker-switch:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.picker-switch:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.prev:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.prev:hover { color: #000; background: #f0f3f4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table thead tr th.dow { padding: 5px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td { padding: 0; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute { padding: 7px 9px; height: auto; line-height: 16px !important; color: #4d4d4d; font-weight: 600; -webkit-border-radius: 6px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute:hover { color: #000; background: #f0f3f4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.active { color: #fff; background: #006cff !important; text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.active:hover { text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .decade.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .month.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td .year.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.minute.timepicker-second { border: 1px solid rgba(255, 255, 255, 0.25); display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; -webkit-border-radius: 6px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today { background: #b3b3b3; color: #000; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today:before { border-bottom-color: #737373; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today.active { color: #fff; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .datepicker table tbody tr td.day.today.active:before { border-bottom-color: #99c4ff; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker { width: auto; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-hours, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-minutes, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-picker { padding: 5px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker .timepicker-picker { width: 200px; margin: 0 auto; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td { padding: 0; height: auto; line-height: inherit; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute { padding: 10px; height: auto; line-height: 16px !important; color: #4d4d4d; font-weight: 600; -webkit-border-radius: 6px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute:hover { color: #000; background: #f0f3f4; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.active, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.active { color: #fff; background: #000 !important; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.active:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.active:hover { text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.hour.timepicker-second, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.minute.timepicker-second { border: 1px solid rgba(255, 255, 255, 0.25); display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; -webkit-border-radius: 6px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td.separator { width: 1%; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn { padding: 0; border: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span { padding: 10px; height: auto; line-height: 16px !important; color: #4d4d4d; font-weight: 600; -webkit-border-radius: 6px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span:hover { background: #f0f3f4; color: #000; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.active { color: #fff; background: #000 !important; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.active:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.active:hover { text-shadow: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-minute, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn span.timepicker-second { border: 1px solid rgba(255, 255, 255, 0.25); display: block; width: 80px; margin: 0 auto; line-height: 22px; height: auto; padding: 6px 15px; -webkit-border-radius: 6px; border-radius: 6px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary { padding: 5px 15px; background: #737373; margin-right: 5px; margin-left: 5px; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .btn.btn-primary:hover { background: #4d4d4d; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute { height: auto; line-height: 30px; border: 1px solid rgba(255, 255, 255, 0.25); } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-hour:hover, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:focus, body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li .timepicker table tr td .timepicker-minute:hover { background: 0 0; border-color: #737373; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch { width: 100%; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch table tbody tr td span { display: block; width: auto; margin: -1px 0 0; background: #f0f3f4; height: 36px; line-height: 36px; -webkit-border-radius: 0; border-radius: 0; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch table tbody tr td span:hover { background: #bababa; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.picker-switch table tbody tr td a { text-decoration: none; } body .bootstrap-datetimepicker-widget.dropdown-menu > ul > li.collapse.in { display: block; } body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { display: none; } body .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; top: -7px; left: 15px; } body .bootstrap-datetimepicker-widget.dropdown-menu.bottom.pull-right:after { left: auto; right: 15px; } body .bootstrap-datetimepicker-widget + .input-group-addon { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .legend { background: rgba(255, 255, 255, 0.9); z-index: 1020; } .legend .legendLayer .background { fill: none; } .flot-x-axis text, .flot-y-axis text { fill: #fff; } .flot-tooltip { position: absolute; display: none; border: 0; padding: 6px 10px; color: rgba(255, 255, 255, 0.9); font-weight: 600; font-size: 11px; background: rgba(0, 0, 0, 0.85); z-index: 10000 !important; -webkit-border-radius: 4px; border-radius: 4px; } .fc .fc-toolbar.fc-header-chunk { margin-bottom: 0; } .fc .fc-toolbar.fc-header-chunk:after, .fc .fc-toolbar.fc-header-chunk:before { content: ""; display: table; clear: both; } .fc .fc-toolbar.fc-header-chunk h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .fc .fc-toolbar.fc-header-chunk .fc-button-group { margin-bottom: 10px; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button { text-shadow: none; background: rgba(255, 255, 255, 0.25); text-transform: capitalize; font-weight: 600; border: none; padding: 6px 12px; height: auto; color: #fff; margin: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button + .fc-button { margin-left: 1px; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button .fc-icon { margin: 0 -3px; top: 0; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button .fc-icon .fc-icon-left-single-arrow { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button .fc-icon .fc-icon-left-single-arrow:after { content: "\f0d9"; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button .fc-icon .fc-icon-right-single-arrow { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button .fc-icon .fc-icon-right-single-arrow:after { content: "\f0da"; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-state-disabled { opacity: 1; color: #737373; cursor: not-allowed; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-state-active { background: #fff; color: #000; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-state-active:focus, .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-state-active:hover { color: #000; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button:focus, .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button:hover { color: #fff; outline: 0; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-next-button, .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-prev-button { color: #fff; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-next-button:focus, .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-next-button:hover, .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-prev-button:focus, .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-prev-button:hover { color: #fff; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-today-button { color: #fff; } .fc .fc-toolbar.fc-header-chunk .fc-button-group .fc-button.fc-today-button.fc-state-disabled { color: #a6a6a6; cursor: not-allowed; } .fc .fc-view-container { background: rgba(38, 38, 38, 0.65); } .fc .fc-view-container .fc-head .fc-head-container { border: none; } .fc .fc-view-container .fc-head .fc-head-container .fc-widget-header { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .fc .fc-view-container .fc-head .fc-head-container .fc-widget-header th { background: rgba(255, 255, 255, 0.25); font-weight: 600; color: #fff; padding: 2px 15px; border-color: rgba(255, 255, 255, 0.15); } .fc .fc-view-container .fc-head .fc-head-container .fc-widget-header th.fc-axis { padding-left: 4px; padding-right: 4px; } .fc .fc-view-container .fc-body > tr > td.fc-widget-content { border: none; } .fc .fc-view-container .fc-body > tr > td.fc-widget-content .fc-divider { background: rgba(255, 255, 255, 0.5); border-color: transparent; } .fc .fc-view-container .fc-body > tr > td.fc-widget-content .fc-widget-content { border-color: rgba(255, 255, 255, 0.15); } .fc .fc-view-container .fc-body .fc-bg td { border-color: rgba(255, 255, 255, 0.25); } .fc .fc-view-container .fc-body .fc-bg td.fc-highlight { background: #a6a6a6; } .fc .fc-view-container .fc-body .fc-bg td.fc-today { background: rgba(255, 236, 128, 0.35); } .fc .fc-view-container .fc-body .fc-bg td:first-child { border-left: none; } .fc .fc-view-container .fc-body .fc-content-skeleton .fc-day-number { font-weight: 600; } .fc .fc-view-container .fc-body .fc-content-skeleton .fc-event-container .fc-event { border: none; background: #737373; font-weight: 600; color: #fff; -webkit-border-radius: 0; border-radius: 0; } .fc .fc-view-container .fc-body .fc-content-skeleton .fc-event-container .fc-event.fc-day-grid-event { padding: 1px 2px; } .fc .fc-view-container .fc-body .fc-highlight-skeleton .fc-highlight { background: #a6a6a6; } .fc .fc-scroller { overflow: initial; height: auto !important; } .fc .fc-axis, .fc .fc-time { font-weight: 600; } .fc .fc-event, .fc a.fc-event, .fc a.fc-event:not([href]) { border: none; background: #262626; font-weight: 600; color: #fff; -webkit-border-radius: 0; border-radius: 0; } .fc .fc-event:focus, .fc .fc-event:hover, .fc a.fc-event:focus, .fc a.fc-event:hover, .fc a.fc-event:not([href]):focus, .fc a.fc-event:not([href]):hover { color: #fff; opacity: 0.85; } .fc .fc-event.fc-day-grid-event, .fc a.fc-event.fc-day-grid-event, .fc a.fc-event:not([href]).fc-day-grid-event { padding: 1px 2px; } .fc-event-list .fc-event { background: 0 0; border: none; color: #fff; padding: 7px 10px 7px 35px; font-size: 12px; line-height: 16px; position: relative; background: rgba(255, 255, 255, 0.25); margin-bottom: 5px; -webkit-border-radius: 4px; border-radius: 4px; } .fc-event-list .fc-event + .fc-event { margin-top: 0; } .fc-event-list .fc-event .fc-event-icon { float: right; margin-left: 10px; } .fc-event-list .fc-event .fc-event-icon i { float: left; line-height: 18px; } .fc-event-list .fc-event.ui-draggable-dragging { border: none; } .fc-event-list .fc-event:before { content: "\f0b2"; position: absolute; top: 0; bottom: 0; left: 0; width: 25px; text-align: center; padding-top: 7px; padding-bottom: 7px; background: rgba(0, 0, 0, 0.25); color: #999; font-size: 14px; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .fc-event-list .fc-event:focus, .fc-event-list .fc-event:hover { color: #000; cursor: pointer; background: #fff; } .fc-event-list .fc-event:focus:before, .fc-event-list .fc-event:hover:before { color: #4d4d4d; } .fc-event.fc-event-dragging { background: #000; -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-border-radius: 4px; border-radius: 4px; } .fc-event.fc-event-dragging .fc-event-icon { margin-right: 10px; margin-left: 10px; } body #gritter-notice-wrapper { width: 420px; z-index: 1030; } @media (max-width: 575.98px) { body #gritter-notice-wrapper { width: 320px; } } @media (max-width: 359.98px) { body #gritter-notice-wrapper { width: 280px; } } body #gritter-notice-wrapper .gritter-item-wrapper { background: 0 0; background: rgba(0, 0, 0, 0.9); -webkit-border-radius: 6px; border-radius: 6px; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-bottom, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-top { background: 0 0; display: none; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item { font-family: inherit; padding: 12px 95px 12px 15px; background: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-align: center; align-items: center; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item { padding: 10px 70px 10px 10px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image { float: none; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image { margin: 0 15px 0 0; height: auto; -webkit-border-radius: 80px; border-radius: 80px; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image { width: 36px; margin-right: 10px; } } @media (max-width: 359.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image { width: 24px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title { font-size: 14px; line-height: 20px; padding-bottom: 0; font-weight: 600; color: #fff; text-shadow: none; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title { font-size: 12px; line-height: 18px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p { font-size: 11px; line-height: 16px; letter-spacing: 0.15px; color: #999; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p { font-size: 10px; line-height: 14px; letter-spacing: 0; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close { left: auto; right: 0; top: 0; bottom: 0; background: 0 0; width: 80px; height: auto; display: block !important; font-family: inherit; border-left: 1px solid rgba(255, 255, 255, 0.1); color: #737373; } @media (max-width: 575.98px) { body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close { width: 60px; } } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:before { content: "Close"; position: absolute; text-align: center; top: 50%; right: 0; left: 0; color: inherit; z-index: 10; text-indent: 0; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 12px; margin-top: -6px; } body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:focus, body #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover { color: #fff; outline: 0; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-bottom, body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item, body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-top { background: rgba(255, 255, 255, 0.95); color: #4d4d4d; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item .gritter-title { color: #000; font-weight: 600; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-item p { color: #262626; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close { border-color: rgba(255, 255, 255, 0.25); color: #4d4d4d; } body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:focus:before, body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light .gritter-close:hover:before { color: #000; } body #gritter-notice-wrapper .gritter-item-wrapper.without-rounded-img .gritter-item .gritter-image { -webkit-border-radius: 0; border-radius: 0; } .hljs-wrapper { background: rgba(0, 0, 0, 0.25); position: relative; -webkit-border-radius: 4px; border-radius: 4px; } .hljs-wrapper pre { border: none; padding: 0; background: 0 0; -webkit-border-radius: 0; border-radius: 0; } .hljs-wrapper pre .hljs, .hljs-wrapper pre.hljs { padding: 15px; display: block; overflow-x: auto; border: none; font-size: 12px; background: 0 0; color: rgba(255, 255, 255, 0.5); -webkit-border-radius: 0; border-radius: 0; } .hljs-wrapper pre .hljs .hljs-deletion, .hljs-wrapper pre .hljs .hljs-name, .hljs-wrapper pre .hljs .hljs-section, .hljs-wrapper pre .hljs .hljs-selector-tag, .hljs-wrapper pre .hljs .hljs-subst, .hljs-wrapper pre .hljs .hljs-tag, .hljs-wrapper pre.hljs .hljs-deletion, .hljs-wrapper pre.hljs .hljs-name, .hljs-wrapper pre.hljs .hljs-section, .hljs-wrapper pre.hljs .hljs-selector-tag, .hljs-wrapper pre.hljs .hljs-subst, .hljs-wrapper pre.hljs .hljs-tag { color: #4d98ff; } .hljs-wrapper pre .hljs .hljs-attr, .hljs-wrapper pre .hljs .hljs-number, .hljs-wrapper pre .hljs .hljs-selector-attr, .hljs-wrapper pre .hljs .hljs-selector-class, .hljs-wrapper pre .hljs .hljs-selector-pseudo, .hljs-wrapper pre .hljs .hljs-template-variable, .hljs-wrapper pre .hljs .hljs-type, .hljs-wrapper pre .hljs .hljs-variable, .hljs-wrapper pre.hljs .hljs-attr, .hljs-wrapper pre.hljs .hljs-number, .hljs-wrapper pre.hljs .hljs-selector-attr, .hljs-wrapper pre.hljs .hljs-selector-class, .hljs-wrapper pre.hljs .hljs-selector-pseudo, .hljs-wrapper pre.hljs .hljs-template-variable, .hljs-wrapper pre.hljs .hljs-type, .hljs-wrapper pre.hljs .hljs-variable { color: #99c4ff; } .hljs-wrapper pre .hljs .hljs-addition, .hljs-wrapper pre .hljs .hljs-attribute, .hljs-wrapper pre .hljs .hljs-meta-string, .hljs-wrapper pre .hljs .hljs-regexp, .hljs-wrapper pre .hljs .hljs-string, .hljs-wrapper pre.hljs .hljs-addition, .hljs-wrapper pre.hljs .hljs-attribute, .hljs-wrapper pre.hljs .hljs-meta-string, .hljs-wrapper pre.hljs .hljs-regexp, .hljs-wrapper pre.hljs .hljs-string { color: #ff724f; } .hljs-wrapper pre .hljs .hljs-comment, .hljs-wrapper pre.hljs .hljs-comment { color: #666; } .hljs-wrapper .btn-clipboard { position: absolute; right: 10px; top: 10px; } .panel-body + .hljs-wrapper { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .modal .hljs-wrapper { margin-top: -1px; -webkit-border-radius: 0; border-radius: 0; } .modal .hljs-wrapper + .modal-footer { border-top: none; } .irs { font-family: inherit !important; } .irs .irs .irs-line { height: 4px; top: 27px; } .irs .irs .irs-line .irs-line-left, .irs .irs .irs-line .irs-line-mid, .irs .irs .irs-line .irs-line-right { background: #b3b3b3; height: 4px; } .irs .irs .irs-line .irs-line-left { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .irs .irs .irs-line .irs-line-right { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .irs .irs .irs-from, .irs .irs .irs-single, .irs .irs .irs-to { background: #000; } .irs .irs-bar-edge { background: #b3b3b3; border-right: 1px solid #fff; top: 27px; height: 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .irs .irs-bar { background: #006cff; height: 4px; top: 27px; } .irs .irs-max, .irs .irs-min { font-size: 0.75rem; background: #bfbfbf; color: #262626; font-weight: 600; } .irs .irs-slider { background: #fff; cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); -webkit-border-radius: 40px; border-radius: 40px; } .irs.irs--flat .irs-bar { height: 4px; top: 27px; background: #006cff; } .irs.irs--flat .irs-handle { height: 14px; } .irs.irs--flat .irs-handle > i:first-child { background: #006cff; width: 4px; } .irs.irs--flat .irs-handle.state_hover > i:first-child, .irs.irs--flat .irs-handle:focus > i:first-child, .irs.irs--flat .irs-handle:hover > i:first-child { background: #003680; } .irs.irs--big { height: 40px; } .irs.irs--big .irs .irs-line { background: #b3b3b3; border: none; } .irs.irs--big .irs-bar { height: 4px; top: 27px; background: #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--big .irs-handle { top: 20px; width: 20px; height: 20px; background: #fff; border: none; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); } .irs.irs--big .irs-handle.state_hover, .irs.irs--big .irs-handle:focus, .irs.irs--big .irs-handle:hover { background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); } .irs.irs--modern { height: 40px; } .irs.irs--modern .irs .irs-line { background: #b3b3b3; border: none; } .irs.irs--modern .irs-bar { height: 4px; top: 27px; background: #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--modern .irs-handle { width: 12px; border: none; background: #eee; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .irs.irs--modern .irs-handle > i:nth-child(1) { background: 0 0; border: 6px solid transparent; border-bottom-color: #eee; top: -12px; left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .irs.irs--modern .irs-handle > i:nth-child(2) { background: #eee; left: 1px; -webkit-border-radius: 0; border-radius: 0; } .irs.irs--modern .irs-handle > i:nth-child(3) { top: 2px; left: 4px; width: 4px; height: 8px; border-color: #fbfbfb; } .irs.irs--modern .irs-handle.state_hover, .irs.irs--modern .irs-handle:focus, .irs.irs--modern .irs-handle:hover { background: #eee; } .irs.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs.irs--modern .irs-handle:focus > i:nth-child(1), .irs.irs--modern .irs-handle:hover > i:nth-child(1) { border: 6px solid transparent; border-bottom-color: #eee; } .irs.irs--modern .irs-handle.state_hover > i:nth-child(2), .irs.irs--modern .irs-handle:focus > i:nth-child(2), .irs.irs--modern .irs-handle:hover > i:nth-child(2) { background: #eee; } .irs.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs.irs--modern .irs-handle:focus > i:nth-child(3), .irs.irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #777; } .irs.irs--sharp { height: 40px; } .irs.irs--sharp .irs .irs-line { background: #b3b3b3; border: none; } .irs.irs--sharp .irs-bar { height: 4px; top: 27px; background: #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--sharp .irs-handle { top: 23px; background: #4091ff; } .irs.irs--sharp .irs-handle > i:first-child { border-top-color: #4091ff; } .irs.irs--sharp .irs-handle.state_hover, .irs.irs--sharp .irs-handle:focus, .irs.irs--sharp .irs-handle:hover { background: #000; } .irs.irs--sharp .irs-handle.state_hover > i:first-child, .irs.irs--sharp .irs-handle:focus > i:first-child, .irs.irs--sharp .irs-handle:hover > i:first-child { border-top-color: #000; } .irs.irs--round { height: 40px; } .irs.irs--round .irs-bar { height: 4px; top: 27px; background: #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--round .irs-handle { top: 20px; width: 20px; height: 20px; border: 3px solid #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--square { height: 40px; } .irs.irs--square .irs-bar { height: 4px; top: 27px; background: #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--square .irs-handle { top: 21px; width: 16px; height: 16px; border: 3px solid #006cff; -webkit-box-shadow: none; box-shadow: none; } .irs.irs--big .irs-from, .irs.irs--big .irs-single, .irs.irs--big .irs-to, .irs.irs--flat .irs-from, .irs.irs--flat .irs-single, .irs.irs--flat .irs-to, .irs.irs--modern .irs-from, .irs.irs--modern .irs-single, .irs.irs--modern .irs-to, .irs.irs--round .irs-from, .irs.irs--round .irs-single, .irs.irs--round .irs-to, .irs.irs--sharp .irs-from, .irs.irs--sharp .irs-single, .irs.irs--sharp .irs-to, .irs.irs--square .irs-from, .irs.irs--square .irs-single, .irs.irs--square .irs-to { font-size: 11px; font-weight: 600; } .irs.irs--big .irs-from:before, .irs.irs--big .irs-single:before, .irs.irs--big .irs-to:before, .irs.irs--flat .irs-from:before, .irs.irs--flat .irs-single:before, .irs.irs--flat .irs-to:before, .irs.irs--modern .irs-from:before, .irs.irs--modern .irs-single:before, .irs.irs--modern .irs-to:before, .irs.irs--round .irs-from:before, .irs.irs--round .irs-single:before, .irs.irs--round .irs-to:before, .irs.irs--sharp .irs-from:before, .irs.irs--sharp .irs-single:before, .irs.irs--sharp .irs-to:before, .irs.irs--square .irs-from:before, .irs.irs--square .irs-single:before, .irs.irs--square .irs-to:before { border-top-color: #000; } .irs.irs--big .irs-max, .irs.irs--big .irs-min, .irs.irs--flat .irs-max, .irs.irs--flat .irs-min, .irs.irs--modern .irs-max, .irs.irs--modern .irs-min, .irs.irs--round .irs-max, .irs.irs--round .irs-min, .irs.irs--sharp .irs-max, .irs.irs--sharp .irs-min, .irs.irs--square .irs-max, .irs.irs--square .irs-min { color: #000; font-size: 11px; font-weight: 600; background: #f7f7f7; } .ui-widget { font-family: inherit; z-index: 1010; } .ui-widget.ui-autocomplete { padding: 5px 0; border: none; font-size: 12px; -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .ui-widget.ui-autocomplete .ui-menu-item-wrapper { padding: 5px 12px; } .ui-widget.ui-autocomplete .ui-menu-item-wrapper.ui-state-active { background: #006cff; border: none; color: #fff; margin: 0; -webkit-border-radius: 0; border-radius: 0; } .ui-sortable .panel-heading { cursor: move; } .ui-sortable .ui-sortable-placeholder { border: 1px dashed #737373 !important; visibility: visible !important; background: 0 0 !important; margin: 0 !important; } .ui-sortable .ui-sortable-placeholder.panel { margin: -1px -1px 19px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ui-sortable.ui-sortable-disabled .panel-heading { cursor: default; } .jstree .jstree-container-ul .jstree-node { position: relative; background: 0 0 !important; } .jstree .jstree-container-ul .jstree-node:before { content: ""; position: absolute; left: 10px; top: 0; bottom: 1px; border-left: 1px dotted #999; } .jstree .jstree-container-ul .jstree-node:last-child:before { bottom: 11px; } .jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl { position: relative; background: 0 0; } .jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl:before { content: ""; position: absolute; left: 50%; right: 1px; top: 50%; border-top: 1px dotted #999; } .jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl:after { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -3px; margin-top: -3px; border: 5px solid transparent; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .jstree .jstree-container-ul .jstree-node .jstree-anchor { color: rgba(255, 255, 255, 0.5); font-weight: 600; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox { background: 0 0; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox:before { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border: 1px solid rgba(255, 255, 255, 0.25); display: block; background: rgba(255, 255, 255, 0.25); -webkit-border-radius: 3px; border-radius: 3px; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox:after { content: ""; position: absolute; left: 7px; top: 7px; right: 7px; bottom: 7px; display: block; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .jstree .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon.jstree-checkbox.jstree-undetermined:after { background: rgba(255, 255, 255, 0.25); } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked { color: #fff; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked .jstree-icon.jstree-checkbox:after { content: "\f00c"; font-size: 10px; line-height: 15px; color: #fff; top: 5px; left: 5px; right: 5px; bottom: 5px; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-disabled { color: #737373; } .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-disabled > .jstree-icon { opacity: 0.4; -webkit-filter: none; filter: none; } .jstree .jstree-container-ul .jstree-node .jstree-hovered, .jstree .jstree-container-ul .jstree-node .jstree-wholerow-hovered { background: 0 0; color: #fff; -webkit-box-shadow: none; box-shadow: none; } .jstree .jstree-container-ul .jstree-node .jstree-clicked, .jstree .jstree-container-ul .jstree-node .jstree-wholerow-clicked { background: rgba(255, 255, 255, 0.15); -webkit-box-shadow: none; box-shadow: none; } .jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor > .fa-folder:before { content: "\f07c"; color: rgba(255, 255, 255, 0.5); } .jstree .jstree-container-ul .jstree-node.jstree-open .jstree-anchor.jstree-clicked > .fa-folder:before { color: #fff; } .jstree .jstree-container-ul .jstree-node.jstree-open > .jstree-ocl:after { border-left-color: #737373; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .jstree .jstree-container-ul .jstree-node.jstree-closed > .jstree-ocl:after { border-left-color: #737373; margin-top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .jstree.jstree-checkbox-selection .jstree-wholerow-ul .jstree-clicked { background: 0 0; } .jvectormap-container .jvectormap-zoomin, .jvectormap-container .jvectormap-zoomout { width: 16px; height: 16px; padding: 0; line-height: 16px; left: 15px; color: #000; background: #fff; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); } .jvectormap-container .jvectormap-label { padding: 3px 6px; border: none; background: rgba(0, 0, 0, 0.6); } .jvectormap-tip { padding: 3px 6px !important; border: none !important; background: rgba(0, 0, 0, 0.6) !important; } .map .jvectormap-zoomin, .map .jvectormap-zoomout { width: 20px !important; height: 20px !important; font-size: 14px; line-height: 20px !important; left: 30px !important; } @media (max-width: 767.98px) { .map .jvectormap-zoomin, .map .jvectormap-zoomout { left: 20px !important; } } .map .jvectormap-zoomin { top: 70px; } @media (max-width: 1199.98px) { .map .jvectormap-zoomin { top: 100px; } } .map .jvectormap-zoomout { top: 95px; } @media (max-width: 1199.98px) { .map .jvectormap-zoomout { top: 125px; } } .material-icons { text-rendering: optimizeLegibility; } html .nvd3-svg { direction: ltr; } html .nvtooltip { font-family: inherit; font-size: 12px; border: none; padding: 5px 10px; background: rgba(255, 255, 255, 0.95); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); -webkit-border-radius: 8px; border-radius: 8px; } html .nvtooltip table thead tr th strong { text-decoration: underline; } html .nvtooltip table tbody td.legend-color-guide div { border: none; -webkit-border-radius: 4px; border-radius: 4px; } html .nvd3 line.nv-guideline { stroke: rgba(255, 255, 255, 0.5); } html .nvd3 .nv-bars text { fill: #fff; } html .nvd3 .nv-axis line, html .nvd3 .nv-axis path { fill: none; stroke: rgba(255, 255, 255, 0.15); } html .nvd3 .nv-legend-text, html .nvd3 .nv-x text, html .nvd3 .nv-y text { font-family: inherit; fill: rgba(255, 255, 255, 0.75); font-size: 11px; font-weight: 500; } html .nvd3 .nv-label text { fill: rgba(255, 255, 255, 0.75) !important; } html .nvd3.nv-pie .nv-pie-title { fill: rgba(255, 255, 255, 0.75); } html .nvd3.nv-pie path { stroke: rgba(255, 255, 255, 0.2); } html .nvd3 .nv-legend-symbol { stroke-width: 0 !important; -webkit-transform: translate(-1px); -moz-transform: translate(-1px); -ms-transform: translate(-1px); -o-transform: translate(-1px); transform: translate(-1px); } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .pace-top .pace .pace-progress { top: 0 !important; } .pace-top .pace .pace-activity { top: 15px !important; } .pace { background: 0 0; position: fixed; top: 0; left: 0; right: 0; z-index: 1080; opacity: 1; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .pace .pace-progress { top: 0; height: 3px; background: #bfbfbf; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .pace .pace-progress .pace-progress-inner { display: none; } .pace .pace-activity { display: block; position: fixed; z-index: 1080; top: 63px; right: 10px; width: 15px; height: 15px; border: 2px solid transparent; border-top-color: #bfbfbf; border-left-color: #bfbfbf; -webkit-animation: pace-spinner 0.4s linear infinite; -moz-animation: pace-spinner 0.4s linear infinite; -ms-animation: pace-spinner 0.4s linear infinite; -o-animation: pace-spinner 0.4s linear infinite; animation: pace-spinner 0.4s linear infinite; -webkit-border-radius: 40px; border-radius: 40px; } @media (max-width: 767.98px) { .pace .pace-activity { top: 113px; } } .pace.pace-inactive { display: block; opacity: 0; } .pace-done .pace.pace-inactive { display: block; } .parsley-error { background: rgba(255, 255, 255, 0.25) !important; border-color: #ff724f !important; color: #fff !important; } .parsley-error:focus { border-color: #ff724f !important; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .parsley-success { background: rgba(255, 255, 255, 0.25) !important; border-color: #17fa62 !important; color: #fff !important; } .parsley-success:focus { border-color: #17fa62 !important; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .parsley-errors-list { padding: 0 !important; list-style-type: none !important; margin: 0 !important; color: #ff724f; font-size: 12px !important; line-height: inherit !important; } .parsley-errors-list.filled { margin-top: 5px !important; } .slider-wrapper { padding: 15px 30px; } .slider-wrapper .range-bar { background: #b3b3b3; } .slider-wrapper .range-bar .range-max, .slider-wrapper .range-bar .range-min { color: #fff; } .slider-wrapper .range-bar .range-handle { cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } .slider-wrapper .range-bar .range-quantity { background: #006cff; } .slider-wrapper.red .range-bar .range-quantity { background: #ff3502; } .slider-wrapper.teal .range-bar .range-quantity { background: #01caca; } .slider-wrapper.purple .range-bar .range-quantity { background: #9800ff; } .slider-wrapper.orange .range-bar .range-quantity { background: #ff7b01; } .slider-wrapper.black .range-bar .range-quantity { background: #000; } .slider-wrapper.slider-without-range { padding: 15px 0; } .slider-wrapper.slider-vertical { padding-left: 15px; padding-right: 15px; } .pwstrength-progress .progress { height: 12px; -webkit-border-radius: 60px; border-radius: 60px; } .pwstrength-progress .progress .progress-bar { min-width: 10% !important; } .simplecolorpicker { z-index: 1010 !important; } .simplecolorpicker .color, .simplecolorpicker .icon, .simplecolorpicker.icon { width: 20px; height: 20px; -webkit-border-radius: 4px; border-radius: 4px; } .simplecolorpicker .color:focus, .simplecolorpicker .icon:focus, .simplecolorpicker.icon:focus { outline: 0 !important; } .simplecolorpicker.fontawesome .color[data-selected]:after { display: block; text-align: center; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .simplecolorpicker.glyphicons .color[data-selected]:after { content: "\f00c" !important; margin-left: 2px !important; top: 0 !important; display: block; text-align: center; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .simplecolorpicker.inline { padding: 5px 0 0 !important; } .simplecolorpicker.picker { border: none !important; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important; } .simplecolorpicker.picker .color { width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slimScrollDiv .slimScrollBar, .slimScrollDiv .slimScrollRail { width: 6px !important; right: 2px !important; } .slimScrollDiv .slimScrollBar { background: 0 0 !important; } .slimScrollDiv .slimScrollBar:before { content: ""; position: absolute; top: 2px; right: 0; bottom: 2px; left: 0; background: #fff !important; -webkit-border-radius: 8px; border-radius: 8px; } .inverse-mode .slimScrollDiv .slimScrollBar:before { background: rgba(255, 255, 255, 0.5) !important; } body .jqstooltip { border: none; width: auto !important; height: auto !important; background: rgba(0, 0, 0, 0.9); -webkit-border-radius: 4px; border-radius: 4px; } .note-editor .note-toolbar { background: #000; padding: 10px 15px !important; -webkit-border-radius: 0; border-radius: 0; } .note-editor .note-toolbar.panel-heading { background: rgba(0, 0, 0, 0.25); } .note-editor .note-toolbar.panel-heading .note-btn-group { margin-top: 0 !important; } .note-editor .note-toolbar.panel-heading .note-btn-group .btn { margin: 0 !important; } .note-editor .note-toolbar .dropdown-menu > li > a { display: block; padding: 5px 15px; color: #000; text-decoration: none; white-space: nowrap; } .note-editor .note-placeholder { padding: 15px !important; } .note-editor .note-editing-area .note-editable { padding: 15px !important; } .note-editor .modal .modal-header { display: block; } .note-editor .modal .modal-header .close { margin-top: -10px; } .note-editor.note-frame { border: none !important; margin: 0 !important; background: 0 0; } .note-editor.fullscreen .note-toolbar-wrapper { display: none; } .note-popover.popover { display: none; } .note-popover.popover .note-toolbar, .note-popover.popover .popover-content { padding: 10px 15px !important; background: #000; -webkit-border-radius: 0; border-radius: 0; } .note-toolbar .dropdown-toggle:after { display: none !important; } .superbox.superbox-active { font-size: 0; margin: -1px -1px 0 0; } .superbox.superbox-active .superbox-list { display: inline-block; position: relative; background: 0 0; } .superbox.superbox-active .superbox-list .superbox-img { width: 100%; cursor: pointer; display: block; padding-top: 75%; position: relative; } .superbox.superbox-active .superbox-list .superbox-img img { display: none; } .superbox.superbox-active .superbox-list .superbox-img span { position: absolute; top: 1px; left: 1px; right: 1px; bottom: 1px; background-size: cover !important; background-position: center !important; } .superbox.superbox-active .superbox-list .superbox-img:hover { opacity: 0.8; } .superbox.superbox-active .superbox-list.superbox-O { z-index: 10; } .superbox.superbox-active .superbox-list.superbox-O:before { content: ""; position: absolute; left: 50%; bottom: 0; border: 10px solid transparent; border-bottom-color: #333; margin-left: -10px; z-index: 10; } .superbox.superbox-active .superbox-list.superbox-O:after { content: ""; position: absolute; left: 50%; bottom: -3px; border: 10px solid transparent; border-bottom-color: #000; margin-left: -10px; z-index: 20; } .superbox.superbox-active .superbox-show { background: #000 !important; margin: 1px 0; -webkit-box-shadow: none; box-shadow: none; } .superbox.superbox-active .superbox-show .superbox-current-img { max-width: 100%; border: none; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.15); box-shadow: 0 0 16px rgba(0, 0, 0, 0.15); } .superbox.superbox-active .superbox-close { cursor: pointer; position: absolute; top: 15px; right: 25px; width: 35px; height: 35px; } .swal-overlay .swal-modal .swal-icon--success, .swal-overlay .swal-modal .swal-icon--success__ring { border-color: rgba(4, 193, 66, 0.2); } .swal-overlay .swal-modal .swal-icon--success__line--long, .swal-overlay .swal-modal .swal-icon--success__line--tip { background-color: #04c142; } .swal-overlay .swal-modal .swal-icon--info { border-color: #00cbff; } .swal-overlay .swal-modal .swal-icon--info:after, .swal-overlay .swal-modal .swal-icon--info:before { background-color: #00cbff; } .swal-overlay .swal-modal .swal-icon--warning { border-color: #ff7b01; } .swal-overlay .swal-modal .swal-icon--warning .swal-icon--warning__body, .swal-overlay .swal-modal .swal-icon--warning .swal-icon--warning__dot { background-color: #ff7b01; } .swal-overlay .swal-modal .swal-icon--error { border-color: #ff3502; } .swal-overlay .swal-modal .swal-icon--error .swal-icon--error__line { background-color: #ff3502; } .tagit.ui-widget { border: 1px solid transparent; background: rgba(255, 255, 255, 0.25); padding: 3px 6px; margin-bottom: 0; font-family: inherit; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tagit.ui-widget li { float: none; } .tagit.ui-widget li.tagit-choice { background: rgba(0, 0, 0, 0.25); border: none; color: #fff; padding: 2px 24px 2px 6px; font-weight: 500; -webkit-border-radius: 3px; border-radius: 3px; } .tagit.ui-widget li.tagit-choice .tagit-close { right: 2px; line-height: 24px; text-align: center; top: 0; margin: 0; } .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close { background: 0 0; height: 24px; width: 16px; text-indent: 0; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:before { content: "\f00d"; font-size: 10px; color: inherit; } .tagit.ui-widget li.tagit-choice .tagit-close:focus .ui-icon-close:before, .tagit.ui-widget li.tagit-choice .tagit-close:hover .ui-icon-close:before { color: rgba(0, 0, 0, 0.4); } .tagit.ui-widget li.tagit-new { padding: 2px 0; } .tagit.ui-widget li.tagit-new input { color: #fff; } .tagit.ui-widget.inverse li.tagit-choice { background: #000; color: #fff; } .tagit.ui-widget.inverse li.tagit-choice .tagit-close:focus .ui-icon-close:before, .tagit.ui-widget.inverse li.tagit-choice .tagit-close:hover .ui-icon-close:before { color: rgba(255, 255, 255, 0.4); } .tagit.ui-widget.primary li.tagit-choice { background: #006cff; color: #fff; } .tagit.ui-widget.info li.tagit-choice { background: #00cbff; color: #fff; } .tagit.ui-widget.success li.tagit-choice { background: #01caca; color: #fff; } .tagit.ui-widget.warning li.tagit-choice { background: #ff7b01; color: #fff; } .tagit.ui-widget.danger li.tagit-choice { background: #ff3502; color: #fff; } .wysihtml5-sandbox { width: 100% !important; border-color: rgba(255, 255, 255, 0.25) !important; padding: 15px !important; background: #fff !important; color: #000 !important; } body ul.wysihtml5-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body ul.wysihtml5-toolbar > li { float: none; } body ul.wysihtml5-toolbar .glyphicon { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-quote:before { display: none; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-quote:after { content: "\f10d"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-list:before { content: "\f03a"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-indent-right:before { content: "\f038"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-indent-left:before { content: "\f036"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-th-list:before { content: "\f00b"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-share:before { content: "\f064"; } body ul.wysihtml5-toolbar .glyphicon.glyphicon-picture:before { content: "\f03e"; } body ul.wysihtml5-toolbar + .form-control { color: #000 !important; } .panel-form .wysihtml5-toolbar { padding: 15px 15px 5px; } .panel-form .wysihtml5-sandbox { -webkit-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important; } .editable-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .editable-container .editableform { display: block; } .editable-container .editableform .form-group > div { margin-bottom: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-flow: row wrap; flex-flow: row wrap; } .editable-container .editableform .form-group > div .editable-input { margin-right: 5px; margin-bottom: 5px; } .editable-container .editableform .form-group > div .editable-input .editable-clear-x { right: 12px; } .editable-container .editableform .form-group > div .editable-input .editable-checklist > div > label { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } .editable-container .editableform .form-group > div .editable-input .editable-checklist > div > label input { margin-right: 5px; height: inherit; } .editable-container .editableform .form-group > div .editable-input .input-append.date { position: relative; } .editable-container .editableform .form-group > div .editable-input .input-append.date .form-control { margin-top: -1px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .add-on { background: rgba(255, 255, 255, 0.25); padding: 5px 10px; min-height: 34px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .editable-container .editableform .form-group > div .editable-input .input-append.date .add-on i { width: auto; height: auto; margin: 0; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-input .input-append.date .add-on i:before { content: "\f133"; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker { width: 300px; color: #000; -webkit-border-radius: 8px; border-radius: 8px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker table { width: 100%; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker table tfoot .today:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker table tfoot .today:hover { background: #bfbfbf; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th { border: none; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch { line-height: 20px; padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:hover { background: #bfbfbf; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:hover:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:focus:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch:hover:before { color: #000; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev { color: transparent; width: 14.28%; font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:before { color: #4d4d4d; position: absolute; font-size: 14px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.prev:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.prev:before { content: "\f104"; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.next:before, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.next:before { content: "\f105"; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.switch, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.switch { width: auto; font-weight: 700; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table thead tr th.dow, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table thead tr th.dow { padding: 5px 0; border: none; font-weight: 700; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td { padding: 5px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year { font-weight: 600; color: #4d4d4d; text-shadow: none; -webkit-border-radius: 4px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year:hover { background: #bfbfbf; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month.focused, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year.focused { background: #b3b3b3; color: #000; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td span.year.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.century.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.decade.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.hour.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.month.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td span.year.active { background: #006cff !important; color: #fff; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day { font-weight: 600; color: #262626; padding: 5px; -webkit-border-radius: 4px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day:hover, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day:focus, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day:hover { background: #bfbfbf; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.today, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.today { background: #b3b3b3 !important; color: #000; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.active, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.active { background: #006cff !important; color: #fff; text-shadow: none !important; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.old, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.old { color: #999; } .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-centuries table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-days table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-decades table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-hours table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-months table tbody tr td.day.new, .editable-container .editableform .form-group > div .editable-input .input-append.date .datetimepicker .datetimepicker-years table tbody tr td.day.new { color: #737373; } .editable-container .editableform .form-group > div .editable-input .editable-address input { border: 1px solid rgba(255, 255, 255, 0.25); padding: 6px 10px; -webkit-border-radius: 4px; border-radius: 4px; } .editable-container .editableform .form-group > div .editable-input .editable-address input:focus { outline: 0; border-color: #5db0ff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 108, 255, 0.25); } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-hint { line-height: 22px; padding: 5px 11px; opacity: 0.6; } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-dropdown-menu { border: none; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-dropdown-menu .tt-suggestion { padding: 5px 12px; } .editable-container .editableform .form-group > div .editable-input .twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor { background: #006cff; color: #fff; } .editable-container .editableform .form-group > div .editable-buttons { margin-left: 0; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .editable-container .editableform .form-group > div .editable-buttons .btn { width: 34px; height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .editable-container .editableform .form-group > div .editable-buttons .btn + .btn { margin-left: 5px; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-ok { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-ok:before { content: "\f00c"; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-remove { font-family: Font Awesome\5 Free, Font Awesome\5 Pro, FontAwesome !important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } .editable-container .editableform .form-group > div .editable-buttons .btn .glyphicon-remove:before { content: "\f00d"; } .editable-container .editableform .form-group > div .editable-buttons.editable-buttons-bottom { display: block; } .editable-container .editableform .form-group > div .editable-buttons.editable-buttons-bottom .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .editable-container .editableform .form-group.has-error .form-control { border-color: #ec3102; background: #ffebe6; } .editable-container .editableform .form-group.has-error .editable-error-block { margin: 0 0 0 10px; white-space: nowrap; color: #d92d02; } .row.row-space-0 { margin-left: 0; margin-right: 0; } .row.row-space-0 > [class*="col-"] { padding-left: 0; padding-right: 0; } .row.row-space-2 { margin-left: -1; margin-right: -1; } .row.row-space-2 > [class*="col-"] { padding-left: 1; padding-right: 1; } .row.row-space-4 { margin-left: -2; margin-right: -2; } .row.row-space-4 > [class*="col-"] { padding-left: 2; padding-right: 2; } .row.row-space-6 { margin-left: -3; margin-right: -3; } .row.row-space-6 > [class*="col-"] { padding-left: 3; padding-right: 3; } .row.row-space-8 { margin-left: -4; margin-right: -4; } .row.row-space-8 > [class*="col-"] { padding-left: 4; padding-right: 4; } .row.row-space-10 { margin-left: -5; margin-right: -5; } .row.row-space-10 > [class*="col-"] { padding-left: 5; padding-right: 5; } .row.row-space-12 { margin-left: -6; margin-right: -6; } .row.row-space-12 > [class*="col-"] { padding-left: 6; padding-right: 6; } .row.row-space-14 { margin-left: -7; margin-right: -7; } .row.row-space-14 > [class*="col-"] { padding-left: 7; padding-right: 7; } .row.row-space-16 { margin-left: -8; margin-right: -8; } .row.row-space-16 > [class*="col-"] { padding-left: 8; padding-right: 8; } .row.row-space-18 { margin-left: -9; margin-right: -9; } .row.row-space-18 > [class*="col-"] { padding-left: 9; padding-right: 9; } .row.row-space-20 { margin-left: -10; margin-right: -10; } .row.row-space-20 > [class*="col-"] { padding-left: 10; padding-right: 10; } .row.row-space-22 { margin-left: -11; margin-right: -11; } .row.row-space-22 > [class*="col-"] { padding-left: 11; padding-right: 11; } .row.row-space-24 { margin-left: -12; margin-right: -12; } .row.row-space-24 > [class*="col-"] { padding-left: 12; padding-right: 12; } .row.row-space-26 { margin-left: -13; margin-right: -13; } .row.row-space-26 > [class*="col-"] { padding-left: 13; padding-right: 13; } .row.row-space-28 { margin-left: -14; margin-right: -14; } .row.row-space-28 > [class*="col-"] { padding-left: 14; padding-right: 14; } .row.row-space-30 { margin-left: -15; margin-right: -15; } .row.row-space-30 > [class*="col-"] { padding-left: 15; padding-right: 15; } .m-auto { margin: auto !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 1px !important; } .m-2 { margin: 2px !important; } .m-3 { margin: 3px !important; } .m-4 { margin: 4px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-t-auto { margin-top: auto !important; } .m-t-0 { margin-top: 0 !important; } .m-t-1 { margin-top: 1px !important; } .m-t-2 { margin-top: 2px !important; } .m-t-3 { margin-top: 3px !important; } .m-t-4 { margin-top: 4px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-r-auto { margin-right: auto !important; } .m-r-0 { margin-right: 0 !important; } .m-r-1 { margin-right: 1px !important; } .m-r-2 { margin-right: 2px !important; } .m-r-3 { margin-right: 3px !important; } .m-r-4 { margin-right: 4px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-b-auto { margin-bottom: auto !important; } .m-b-0 { margin-bottom: 0 !important; } .m-b-1 { margin-bottom: 1px !important; } .m-b-2 { margin-bottom: 2px !important; } .m-b-3 { margin-bottom: 3px !important; } .m-b-4 { margin-bottom: 4px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-auto { margin-left: auto !important; } .m-l-0 { margin-left: 0 !important; } .m-l-1 { margin-left: 1px !important; } .m-l-2 { margin-left: 2px !important; } .m-l-3 { margin-left: 3px !important; } .m-l-4 { margin-left: 4px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .p-auto { padding: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 1px !important; } .p-2 { padding: 2px !important; } .p-3 { padding: 3px !important; } .p-4 { padding: 4px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-t-auto { padding-top: auto !important; } .p-t-0 { padding-top: 0 !important; } .p-t-1 { padding-top: 1px !important; } .p-t-2 { padding-top: 2px !important; } .p-t-3 { padding-top: 3px !important; } .p-t-4 { padding-top: 4px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-r-auto { padding-right: auto !important; } .p-r-0 { padding-right: 0 !important; } .p-r-1 { padding-right: 1px !important; } .p-r-2 { padding-right: 2px !important; } .p-r-3 { padding-right: 3px !important; } .p-r-4 { padding-right: 4px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-b-auto { padding-bottom: auto !important; } .p-b-0 { padding-bottom: 0 !important; } .p-b-1 { padding-bottom: 1px !important; } .p-b-2 { padding-bottom: 2px !important; } .p-b-3 { padding-bottom: 3px !important; } .p-b-4 { padding-bottom: 4px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-auto { padding-left: auto !important; } .p-l-0 { padding-left: 0 !important; } .p-l-1 { padding-left: 1px !important; } .p-l-2 { padding-left: 2px !important; } .p-l-3 { padding-left: 3px !important; } .p-l-4 { padding-left: 4px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .f-s-8 { font-size: 8px !important; } .f-s-9 { font-size: 9px !important; } .f-s-10 { font-size: 10px !important; } .f-s-11 { font-size: 11px !important; } .f-s-12 { font-size: 12px !important; } .f-s-13 { font-size: 13px !important; } .f-s-14 { font-size: 14px !important; } .f-s-15 { font-size: 15px !important; } .f-s-16 { font-size: 16px !important; } .f-s-17 { font-size: 17px !important; } .f-s-18 { font-size: 18px !important; } .f-s-19 { font-size: 19px !important; } .f-s-20 { font-size: 20px !important; } .f-s-21 { font-size: 21px !important; } .f-s-22 { font-size: 22px !important; } .f-s-23 { font-size: 23px !important; } .f-s-24 { font-size: 24px !important; } .f-s-25 { font-size: 25px !important; } .f-s-26 { font-size: 26px !important; } .f-s-27 { font-size: 27px !important; } .f-s-28 { font-size: 28px !important; } .f-s-29 { font-size: 29px !important; } .f-s-30 { font-size: 30px !important; } .f-s-31 { font-size: 31px !important; } .f-s-32 { font-size: 32px !important; } .f-s-33 { font-size: 33px !important; } .f-s-34 { font-size: 34px !important; } .f-s-35 { font-size: 35px !important; } .f-s-36 { font-size: 36px !important; } .f-s-37 { font-size: 37px !important; } .f-s-38 { font-size: 38px !important; } .f-s-39 { font-size: 39px !important; } .f-s-40 { font-size: 40px !important; } .f-s-41 { font-size: 41px !important; } .f-s-42 { font-size: 42px !important; } .f-s-43 { font-size: 43px !important; } .f-s-44 { font-size: 44px !important; } .f-s-45 { font-size: 45px !important; } .f-s-46 { font-size: 46px !important; } .f-s-47 { font-size: 47px !important; } .f-s-48 { font-size: 48px !important; } .f-s-49 { font-size: 49px !important; } .f-s-50 { font-size: 50px !important; } .f-s-51 { font-size: 51px !important; } .f-s-52 { font-size: 52px !important; } .f-s-53 { font-size: 53px !important; } .f-s-54 { font-size: 54px !important; } .f-s-55 { font-size: 55px !important; } .f-s-56 { font-size: 56px !important; } .f-s-57 { font-size: 57px !important; } .f-s-58 { font-size: 58px !important; } .f-s-59 { font-size: 59px !important; } .f-s-60 { font-size: 60px !important; } .f-s-61 { font-size: 61px !important; } .f-s-62 { font-size: 62px !important; } .f-s-63 { font-size: 63px !important; } .f-s-64 { font-size: 64px !important; } .f-s-65 { font-size: 65px !important; } .f-s-66 { font-size: 66px !important; } .f-s-67 { font-size: 67px !important; } .f-s-68 { font-size: 68px !important; } .f-s-69 { font-size: 69px !important; } .f-s-70 { font-size: 70px !important; } .f-s-71 { font-size: 71px !important; } .f-s-72 { font-size: 72px !important; } .f-s-73 { font-size: 73px !important; } .f-s-74 { font-size: 74px !important; } .f-s-75 { font-size: 75px !important; } .f-s-76 { font-size: 76px !important; } .f-s-77 { font-size: 77px !important; } .f-s-78 { font-size: 78px !important; } .f-s-79 { font-size: 79px !important; } .f-s-80 { font-size: 80px !important; } .f-w-100 { font-weight: 100 !important; } .f-w-200 { font-weight: 200 !important; } .f-w-300 { font-weight: 300 !important; } .f-w-400 { font-weight: 400 !important; } .f-w-500 { font-weight: 500 !important; } .f-w-600 { font-weight: 600 !important; } .f-w-700 { font-weight: 700 !important; } .f-w-800 { font-weight: 800 !important; } .clearfix:after, .clearfix:before { content: ""; display: table; clear: both; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-nowrap { white-space: nowrap !important; } .text-ellipsis { white-space: nowrap !important; text-overflow: ellipsis; overflow: hidden; } .text-underline { text-decoration: underline !important; } .text-gradient { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .line-height-1 { line-height: 1 !important; } .text-decoration-line-through { text-decoration: line-through !important; } .row.row-col-border > [class^="col-"] + [class^="col-"] { border-left: 1px solid rgba(255, 255, 255, 0.25); } .pull-left { float: left !important; } .pull-right { float: right !important; } .pull-none { float: none !important; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .rounded-corner { border-radius: 100px !important; } .table-td-valign-middle td, .table-th-valign-middle th, .table-valign-middle td, .table-valign-middle th { vertical-align: middle !important; } .table-td-valign-top td, .table-th-valign-top th, .table-valign-top td, .table-valign-top th { vertical-align: top !important; } .table-td-valign-bottom td, .table-th-valign-bottom th, .table-valign-bottom td, .table-valign-bottom th { vertical-align: bottom !important; } .table-th-without-border th { border-left: none !important; border-right: none !important; } .table-td-without-border td { border: none !important; } .table-td-bg-animate { -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } .valign-middle { vertical-align: middle !important; } .valign-top { vertical-align: top !important; } .valign-bottom { vertical-align: bottom !important; } .valign-middle-container { display: table; height: 100%; width: 100%; } .valign-middle-inner-container { display: table-cell; vertical-align: middle; } .width-full { width: 100%; } .width-0 { width: 0 !important; } .width-50 { width: 50 !important; } .width-100 { width: 100 !important; } .width-150 { width: 150 !important; } .width-200 { width: 200 !important; } .width-250 { width: 250 !important; } .width-300 { width: 300 !important; } .width-350 { width: 350 !important; } .width-400 { width: 400 !important; } .width-450 { width: 450 !important; } .width-500 { width: 500 !important; } .width-550 { width: 550 !important; } .width-600 { width: 600 !important; } .height-full { height: 100%; } .height-0 { height: 0 !important; } .height-50 { height: 50 !important; } .height-100 { height: 100 !important; } .height-150 { height: 150 !important; } .height-200 { height: 200 !important; } .height-250 { height: 250 !important; } .height-300 { height: 300 !important; } .height-350 { height: 350 !important; } .height-400 { height: 400 !important; } .height-450 { height: 450 !important; } .height-500 { height: 500 !important; } .height-550 { height: 550 !important; } .height-600 { height: 600 !important; } .loading { cursor: progress; } .bg-theme { background-color: #006cff !important; } .label-theme { background-color: #006cff; } .text-theme { color: #006cff; } .text-primary { color: #006cff !important; } .text-primary-lighter { color: #4091ff !important; } .text-primary-darker { color: #0051bf !important; } .bg-primary { background-color: #006cff !important; } .bg-primary-lighter { background-color: #4091ff !important; } .bg-primary-darker { background-color: #0051bf !important; } .bg-gradient-primary { background: #006cff !important; background: -moz-linear-gradient(to bottom, #00c1ff 0, #0057ff 100%) !important; background: -webkit-linear-gradient(to bottom, #00c1ff 0, #0057ff 100%) !important; background: linear-gradient(to bottom, #00c1ff 0, #0057ff 100%) !important; } .app-theme-primary .app-sidebar .nav > li.active > a { background-color: #006cff !important; } .bg-primary-transparent-1 { background-color: rgba(0, 108, 255, 0.1) !important; } .text-primary-transparent-1 { color: rgba(0, 108, 255, 0.1) !important; } .bg-primary-transparent-2 { background-color: rgba(0, 108, 255, 0.2) !important; } .text-primary-transparent-2 { color: rgba(0, 108, 255, 0.2) !important; } .bg-primary-transparent-3 { background-color: rgba(0, 108, 255, 0.3) !important; } .text-primary-transparent-3 { color: rgba(0, 108, 255, 0.3) !important; } .bg-primary-transparent-4 { background-color: rgba(0, 108, 255, 0.4) !important; } .text-primary-transparent-4 { color: rgba(0, 108, 255, 0.4) !important; } .bg-primary-transparent-5 { background-color: rgba(0, 108, 255, 0.5) !important; } .text-primary-transparent-5 { color: rgba(0, 108, 255, 0.5) !important; } .bg-primary-transparent-6 { background-color: rgba(0, 108, 255, 0.6) !important; } .text-primary-transparent-6 { color: rgba(0, 108, 255, 0.6) !important; } .bg-primary-transparent-7 { background-color: rgba(0, 108, 255, 0.7) !important; } .text-primary-transparent-7 { color: rgba(0, 108, 255, 0.7) !important; } .bg-primary-transparent-8 { background-color: rgba(0, 108, 255, 0.8) !important; } .text-primary-transparent-8 { color: rgba(0, 108, 255, 0.8) !important; } .bg-primary-transparent-9 { background-color: rgba(0, 108, 255, 0.9) !important; } .text-primary-transparent-9 { color: rgba(0, 108, 255, 0.9) !important; } .text-secondary { color: #666 !important; } .text-secondary-lighter { color: #8c8c8c !important; } .text-secondary-darker { color: #4d4d4d !important; } .bg-secondary { background-color: #666 !important; } .bg-secondary-lighter { background-color: #8c8c8c !important; } .bg-secondary-darker { background-color: #4d4d4d !important; } .bg-gradient-secondary { background: #666 !important; background: -moz-linear-gradient(to bottom, #666 0, #666 100%) !important; background: -webkit-linear-gradient(to bottom, #666 0, #666 100%) !important; background: linear-gradient(to bottom, #666 0, #666 100%) !important; } .app-theme-secondary .app-sidebar .nav > li.active > a { background-color: #666 !important; } .bg-secondary-transparent-1 { background-color: rgba(102, 102, 102, 0.1) !important; } .text-secondary-transparent-1 { color: rgba(102, 102, 102, 0.1) !important; } .bg-secondary-transparent-2 { background-color: rgba(102, 102, 102, 0.2) !important; } .text-secondary-transparent-2 { color: rgba(102, 102, 102, 0.2) !important; } .bg-secondary-transparent-3 { background-color: rgba(102, 102, 102, 0.3) !important; } .text-secondary-transparent-3 { color: rgba(102, 102, 102, 0.3) !important; } .bg-secondary-transparent-4 { background-color: rgba(102, 102, 102, 0.4) !important; } .text-secondary-transparent-4 { color: rgba(102, 102, 102, 0.4) !important; } .bg-secondary-transparent-5 { background-color: rgba(102, 102, 102, 0.5) !important; } .text-secondary-transparent-5 { color: rgba(102, 102, 102, 0.5) !important; } .bg-secondary-transparent-6 { background-color: rgba(102, 102, 102, 0.6) !important; } .text-secondary-transparent-6 { color: rgba(102, 102, 102, 0.6) !important; } .bg-secondary-transparent-7 { background-color: rgba(102, 102, 102, 0.7) !important; } .text-secondary-transparent-7 { color: rgba(102, 102, 102, 0.7) !important; } .bg-secondary-transparent-8 { background-color: rgba(102, 102, 102, 0.8) !important; } .text-secondary-transparent-8 { color: rgba(102, 102, 102, 0.8) !important; } .bg-secondary-transparent-9 { background-color: rgba(102, 102, 102, 0.9) !important; } .text-secondary-transparent-9 { color: rgba(102, 102, 102, 0.9) !important; } .text-success { color: #04c142 !important; } .text-success-lighter { color: #43d171 !important; } .text-success-darker { color: #039132 !important; } .bg-success { background-color: #04c142 !important; } .bg-success-lighter { background-color: #43d171 !important; } .bg-success-darker { background-color: #039132 !important; } .bg-gradient-success { background: #04c142 !important; background: -moz-linear-gradient(to bottom, #04c152 0, #05c104 100%) !important; background: -webkit-linear-gradient(to bottom, #04c152 0, #05c104 100%) !important; background: linear-gradient(to bottom, #04c152 0, #05c104 100%) !important; } .app-theme-success .app-sidebar .nav > li.active > a { background-color: #04c142 !important; } .bg-success-transparent-1 { background-color: rgba(4, 193, 66, 0.1) !important; } .text-success-transparent-1 { color: rgba(4, 193, 66, 0.1) !important; } .bg-success-transparent-2 { background-color: rgba(4, 193, 66, 0.2) !important; } .text-success-transparent-2 { color: rgba(4, 193, 66, 0.2) !important; } .bg-success-transparent-3 { background-color: rgba(4, 193, 66, 0.3) !important; } .text-success-transparent-3 { color: rgba(4, 193, 66, 0.3) !important; } .bg-success-transparent-4 { background-color: rgba(4, 193, 66, 0.4) !important; } .text-success-transparent-4 { color: rgba(4, 193, 66, 0.4) !important; } .bg-success-transparent-5 { background-color: rgba(4, 193, 66, 0.5) !important; } .text-success-transparent-5 { color: rgba(4, 193, 66, 0.5) !important; } .bg-success-transparent-6 { background-color: rgba(4, 193, 66, 0.6) !important; } .text-success-transparent-6 { color: rgba(4, 193, 66, 0.6) !important; } .bg-success-transparent-7 { background-color: rgba(4, 193, 66, 0.7) !important; } .text-success-transparent-7 { color: rgba(4, 193, 66, 0.7) !important; } .bg-success-transparent-8 { background-color: rgba(4, 193, 66, 0.8) !important; } .text-success-transparent-8 { color: rgba(4, 193, 66, 0.8) !important; } .bg-success-transparent-9 { background-color: rgba(4, 193, 66, 0.9) !important; } .text-success-transparent-9 { color: rgba(4, 193, 66, 0.9) !important; } .text-info { color: #00cbff !important; } .text-info-lighter { color: #40d8ff !important; } .text-info-darker { color: #0098bf !important; } .bg-info { background-color: #00cbff !important; } .bg-info-lighter { background-color: #40d8ff !important; } .bg-info-darker { background-color: #0098bf !important; } .bg-gradient-info { background: #00cbff !important; background: -moz-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: -webkit-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; } .app-theme-info .app-sidebar .nav > li.active > a { background-color: #00cbff !important; } .bg-info-transparent-1 { background-color: rgba(0, 203, 255, 0.1) !important; } .text-info-transparent-1 { color: rgba(0, 203, 255, 0.1) !important; } .bg-info-transparent-2 { background-color: rgba(0, 203, 255, 0.2) !important; } .text-info-transparent-2 { color: rgba(0, 203, 255, 0.2) !important; } .bg-info-transparent-3 { background-color: rgba(0, 203, 255, 0.3) !important; } .text-info-transparent-3 { color: rgba(0, 203, 255, 0.3) !important; } .bg-info-transparent-4 { background-color: rgba(0, 203, 255, 0.4) !important; } .text-info-transparent-4 { color: rgba(0, 203, 255, 0.4) !important; } .bg-info-transparent-5 { background-color: rgba(0, 203, 255, 0.5) !important; } .text-info-transparent-5 { color: rgba(0, 203, 255, 0.5) !important; } .bg-info-transparent-6 { background-color: rgba(0, 203, 255, 0.6) !important; } .text-info-transparent-6 { color: rgba(0, 203, 255, 0.6) !important; } .bg-info-transparent-7 { background-color: rgba(0, 203, 255, 0.7) !important; } .text-info-transparent-7 { color: rgba(0, 203, 255, 0.7) !important; } .bg-info-transparent-8 { background-color: rgba(0, 203, 255, 0.8) !important; } .text-info-transparent-8 { color: rgba(0, 203, 255, 0.8) !important; } .bg-info-transparent-9 { background-color: rgba(0, 203, 255, 0.9) !important; } .text-info-transparent-9 { color: rgba(0, 203, 255, 0.9) !important; } .text-warning { color: #ff7b01 !important; } .text-warning-lighter { color: #ff9c41 !important; } .text-warning-darker { color: #bf5c01 !important; } .bg-warning { background-color: #ff7b01 !important; } .bg-warning-lighter { background-color: #ff9c41 !important; } .bg-warning-darker { background-color: #bf5c01 !important; } .bg-gradient-warning { background: #ff7b01 !important; background: -moz-linear-gradient(to bottom, #ff9001 0, #ff2601 100%) !important; background: -webkit-linear-gradient(to bottom, #ff9001 0, #ff2601 100%) !important; background: linear-gradient(to bottom, #ff9001 0, #ff2601 100%) !important; } .app-theme-warning .app-sidebar .nav > li.active > a { background-color: #ff7b01 !important; } .bg-warning-transparent-1 { background-color: rgba(255, 123, 1, 0.1) !important; } .text-warning-transparent-1 { color: rgba(255, 123, 1, 0.1) !important; } .bg-warning-transparent-2 { background-color: rgba(255, 123, 1, 0.2) !important; } .text-warning-transparent-2 { color: rgba(255, 123, 1, 0.2) !important; } .bg-warning-transparent-3 { background-color: rgba(255, 123, 1, 0.3) !important; } .text-warning-transparent-3 { color: rgba(255, 123, 1, 0.3) !important; } .bg-warning-transparent-4 { background-color: rgba(255, 123, 1, 0.4) !important; } .text-warning-transparent-4 { color: rgba(255, 123, 1, 0.4) !important; } .bg-warning-transparent-5 { background-color: rgba(255, 123, 1, 0.5) !important; } .text-warning-transparent-5 { color: rgba(255, 123, 1, 0.5) !important; } .bg-warning-transparent-6 { background-color: rgba(255, 123, 1, 0.6) !important; } .text-warning-transparent-6 { color: rgba(255, 123, 1, 0.6) !important; } .bg-warning-transparent-7 { background-color: rgba(255, 123, 1, 0.7) !important; } .text-warning-transparent-7 { color: rgba(255, 123, 1, 0.7) !important; } .bg-warning-transparent-8 { background-color: rgba(255, 123, 1, 0.8) !important; } .text-warning-transparent-8 { color: rgba(255, 123, 1, 0.8) !important; } .bg-warning-transparent-9 { background-color: rgba(255, 123, 1, 0.9) !important; } .text-warning-transparent-9 { color: rgba(255, 123, 1, 0.9) !important; } .text-danger { color: #ff3502 !important; } .text-danger-lighter { color: #ff6841 !important; } .text-danger-darker { color: #bf2802 !important; } .bg-danger { background-color: #ff3502 !important; } .bg-danger-lighter { background-color: #ff6841 !important; } .bg-danger-darker { background-color: #bf2802 !important; } .bg-gradient-danger { background: #ff3502 !important; background: -moz-linear-gradient(to bottom, #ff4a02 0, #ff0223 100%) !important; background: -webkit-linear-gradient(to bottom, #ff4a02 0, #ff0223 100%) !important; background: linear-gradient(to bottom, #ff4a02 0, #ff0223 100%) !important; } .app-theme-danger .app-sidebar .nav > li.active > a { background-color: #ff3502 !important; } .bg-danger-transparent-1 { background-color: rgba(255, 53, 2, 0.1) !important; } .text-danger-transparent-1 { color: rgba(255, 53, 2, 0.1) !important; } .bg-danger-transparent-2 { background-color: rgba(255, 53, 2, 0.2) !important; } .text-danger-transparent-2 { color: rgba(255, 53, 2, 0.2) !important; } .bg-danger-transparent-3 { background-color: rgba(255, 53, 2, 0.3) !important; } .text-danger-transparent-3 { color: rgba(255, 53, 2, 0.3) !important; } .bg-danger-transparent-4 { background-color: rgba(255, 53, 2, 0.4) !important; } .text-danger-transparent-4 { color: rgba(255, 53, 2, 0.4) !important; } .bg-danger-transparent-5 { background-color: rgba(255, 53, 2, 0.5) !important; } .text-danger-transparent-5 { color: rgba(255, 53, 2, 0.5) !important; } .bg-danger-transparent-6 { background-color: rgba(255, 53, 2, 0.6) !important; } .text-danger-transparent-6 { color: rgba(255, 53, 2, 0.6) !important; } .bg-danger-transparent-7 { background-color: rgba(255, 53, 2, 0.7) !important; } .text-danger-transparent-7 { color: rgba(255, 53, 2, 0.7) !important; } .bg-danger-transparent-8 { background-color: rgba(255, 53, 2, 0.8) !important; } .text-danger-transparent-8 { color: rgba(255, 53, 2, 0.8) !important; } .bg-danger-transparent-9 { background-color: rgba(255, 53, 2, 0.9) !important; } .text-danger-transparent-9 { color: rgba(255, 53, 2, 0.9) !important; } .text-light { color: #f0f3f4 !important; } .text-light-lighter { color: #f4f6f7 !important; } .text-light-darker { color: #b4b6b7 !important; } .bg-light { background-color: #f0f3f4 !important; } .bg-light-lighter { background-color: #f4f6f7 !important; } .bg-light-darker { background-color: #b4b6b7 !important; } .bg-gradient-light { background: #f0f3f4 !important; background: -moz-linear-gradient(to bottom, #f0f4f4 0, #f0f3f4 100%) !important; background: -webkit-linear-gradient(to bottom, #f0f4f4 0, #f0f3f4 100%) !important; background: linear-gradient(to bottom, #f0f4f4 0, #f0f3f4 100%) !important; } .app-theme-light .app-sidebar .nav > li.active > a { background-color: #f0f3f4 !important; } .bg-light-transparent-1 { background-color: rgba(240, 243, 244, 0.1) !important; } .text-light-transparent-1 { color: rgba(240, 243, 244, 0.1) !important; } .bg-light-transparent-2 { background-color: rgba(240, 243, 244, 0.2) !important; } .text-light-transparent-2 { color: rgba(240, 243, 244, 0.2) !important; } .bg-light-transparent-3 { background-color: rgba(240, 243, 244, 0.3) !important; } .text-light-transparent-3 { color: rgba(240, 243, 244, 0.3) !important; } .bg-light-transparent-4 { background-color: rgba(240, 243, 244, 0.4) !important; } .text-light-transparent-4 { color: rgba(240, 243, 244, 0.4) !important; } .bg-light-transparent-5 { background-color: rgba(240, 243, 244, 0.5) !important; } .text-light-transparent-5 { color: rgba(240, 243, 244, 0.5) !important; } .bg-light-transparent-6 { background-color: rgba(240, 243, 244, 0.6) !important; } .text-light-transparent-6 { color: rgba(240, 243, 244, 0.6) !important; } .bg-light-transparent-7 { background-color: rgba(240, 243, 244, 0.7) !important; } .text-light-transparent-7 { color: rgba(240, 243, 244, 0.7) !important; } .bg-light-transparent-8 { background-color: rgba(240, 243, 244, 0.8) !important; } .text-light-transparent-8 { color: rgba(240, 243, 244, 0.8) !important; } .bg-light-transparent-9 { background-color: rgba(240, 243, 244, 0.9) !important; } .text-light-transparent-9 { color: rgba(240, 243, 244, 0.9) !important; } .text-dark { color: #000 !important; } .text-dark-lighter { color: #404040 !important; } .text-dark-darker { color: #000 !important; } .bg-dark { background-color: #000 !important; } .bg-dark-lighter { background-color: #404040 !important; } .bg-dark-darker { background-color: #000 !important; } .bg-gradient-dark { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-dark .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-dark-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-dark-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-dark-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-dark-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-dark-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-dark-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-dark-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-dark-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-dark-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-dark-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-dark-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-dark-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-dark-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-dark-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-dark-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-dark-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-dark-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-dark-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-inverse { color: #000 !important; } .text-inverse-lighter { color: #404040 !important; } .text-inverse-darker { color: #000 !important; } .bg-inverse { background-color: #000 !important; } .bg-inverse-lighter { background-color: #404040 !important; } .bg-inverse-darker { background-color: #000 !important; } .bg-gradient-inverse { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-inverse .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-inverse-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-inverse-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-inverse-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-inverse-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-inverse-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-inverse-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-inverse-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-inverse-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-inverse-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-inverse-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-inverse-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-inverse-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-inverse-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-inverse-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-inverse-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-inverse-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-inverse-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-inverse-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-black { color: #000 !important; } .text-black-lighter { color: #404040 !important; } .text-black-darker { color: #000 !important; } .bg-black { background-color: #000 !important; } .bg-black-lighter { background-color: #404040 !important; } .bg-black-darker { background-color: #000 !important; } .bg-gradient-black { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-black .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-black-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-black-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-black-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-black-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-black-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-black-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-black-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-black-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-black-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-black-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-black-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-black-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-black-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-black-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-black-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-black-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-black-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-black-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-white { color: #fff !important; } .text-white-lighter { color: #fff !important; } .text-white-darker { color: #bfbfbf !important; } .bg-white { background-color: #fff !important; } .bg-white-lighter { background-color: #fff !important; } .bg-white-darker { background-color: #bfbfbf !important; } .bg-gradient-white { background: #fff !important; background: -moz-linear-gradient(to bottom, #fff 0, #fff 100%) !important; background: -webkit-linear-gradient(to bottom, #fff 0, #fff 100%) !important; background: linear-gradient(to bottom, #fff 0, #fff 100%) !important; } .app-theme-white .app-sidebar .nav > li.active > a { background-color: #fff !important; } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; } .text-white-transparent-1 { color: rgba(255, 255, 255, 0.1) !important; } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; } .text-white-transparent-2 { color: rgba(255, 255, 255, 0.2) !important; } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; } .text-white-transparent-3 { color: rgba(255, 255, 255, 0.3) !important; } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; } .text-white-transparent-4 { color: rgba(255, 255, 255, 0.4) !important; } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; } .text-white-transparent-5 { color: rgba(255, 255, 255, 0.5) !important; } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; } .text-white-transparent-6 { color: rgba(255, 255, 255, 0.6) !important; } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; } .text-white-transparent-7 { color: rgba(255, 255, 255, 0.7) !important; } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; } .text-white-transparent-8 { color: rgba(255, 255, 255, 0.8) !important; } .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; } .text-white-transparent-9 { color: rgba(255, 255, 255, 0.9) !important; } .text-grey { color: #eee !important; } .text-grey-lighter { color: #f2f2f2 !important; } .text-grey-darker { color: #b3b3b3 !important; } .bg-grey { background-color: #eee !important; } .bg-grey-lighter { background-color: #f2f2f2 !important; } .bg-grey-darker { background-color: #b3b3b3 !important; } .bg-gradient-grey { background: #eee !important; background: -moz-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: -webkit-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: linear-gradient(to bottom, #eee 0, #eee 100%) !important; } .app-theme-grey .app-sidebar .nav > li.active > a { background-color: #eee !important; } .bg-grey-transparent-1 { background-color: rgba(238, 238, 238, 0.1) !important; } .text-grey-transparent-1 { color: rgba(238, 238, 238, 0.1) !important; } .bg-grey-transparent-2 { background-color: rgba(238, 238, 238, 0.2) !important; } .text-grey-transparent-2 { color: rgba(238, 238, 238, 0.2) !important; } .bg-grey-transparent-3 { background-color: rgba(238, 238, 238, 0.3) !important; } .text-grey-transparent-3 { color: rgba(238, 238, 238, 0.3) !important; } .bg-grey-transparent-4 { background-color: rgba(238, 238, 238, 0.4) !important; } .text-grey-transparent-4 { color: rgba(238, 238, 238, 0.4) !important; } .bg-grey-transparent-5 { background-color: rgba(238, 238, 238, 0.5) !important; } .text-grey-transparent-5 { color: rgba(238, 238, 238, 0.5) !important; } .bg-grey-transparent-6 { background-color: rgba(238, 238, 238, 0.6) !important; } .text-grey-transparent-6 { color: rgba(238, 238, 238, 0.6) !important; } .bg-grey-transparent-7 { background-color: rgba(238, 238, 238, 0.7) !important; } .text-grey-transparent-7 { color: rgba(238, 238, 238, 0.7) !important; } .bg-grey-transparent-8 { background-color: rgba(238, 238, 238, 0.8) !important; } .text-grey-transparent-8 { color: rgba(238, 238, 238, 0.8) !important; } .bg-grey-transparent-9 { background-color: rgba(238, 238, 238, 0.9) !important; } .text-grey-transparent-9 { color: rgba(238, 238, 238, 0.9) !important; } .text-muted { color: #eee !important; } .text-muted-lighter { color: #f2f2f2 !important; } .text-muted-darker { color: #b3b3b3 !important; } .bg-muted { background-color: #eee !important; } .bg-muted-lighter { background-color: #f2f2f2 !important; } .bg-muted-darker { background-color: #b3b3b3 !important; } .bg-gradient-muted { background: #eee !important; background: -moz-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: -webkit-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: linear-gradient(to bottom, #eee 0, #eee 100%) !important; } .app-theme-muted .app-sidebar .nav > li.active > a { background-color: #eee !important; } .bg-muted-transparent-1 { background-color: rgba(238, 238, 238, 0.1) !important; } .text-muted-transparent-1 { color: rgba(238, 238, 238, 0.1) !important; } .bg-muted-transparent-2 { background-color: rgba(238, 238, 238, 0.2) !important; } .text-muted-transparent-2 { color: rgba(238, 238, 238, 0.2) !important; } .bg-muted-transparent-3 { background-color: rgba(238, 238, 238, 0.3) !important; } .text-muted-transparent-3 { color: rgba(238, 238, 238, 0.3) !important; } .bg-muted-transparent-4 { background-color: rgba(238, 238, 238, 0.4) !important; } .text-muted-transparent-4 { color: rgba(238, 238, 238, 0.4) !important; } .bg-muted-transparent-5 { background-color: rgba(238, 238, 238, 0.5) !important; } .text-muted-transparent-5 { color: rgba(238, 238, 238, 0.5) !important; } .bg-muted-transparent-6 { background-color: rgba(238, 238, 238, 0.6) !important; } .text-muted-transparent-6 { color: rgba(238, 238, 238, 0.6) !important; } .bg-muted-transparent-7 { background-color: rgba(238, 238, 238, 0.7) !important; } .text-muted-transparent-7 { color: rgba(238, 238, 238, 0.7) !important; } .bg-muted-transparent-8 { background-color: rgba(238, 238, 238, 0.8) !important; } .text-muted-transparent-8 { color: rgba(238, 238, 238, 0.8) !important; } .bg-muted-transparent-9 { background-color: rgba(238, 238, 238, 0.9) !important; } .text-muted-transparent-9 { color: rgba(238, 238, 238, 0.9) !important; } .text-silver { color: #eee !important; } .text-silver-lighter { color: #f2f2f2 !important; } .text-silver-darker { color: #b3b3b3 !important; } .bg-silver { background-color: #eee !important; } .bg-silver-lighter { background-color: #f2f2f2 !important; } .bg-silver-darker { background-color: #b3b3b3 !important; } .bg-gradient-silver { background: #eee !important; background: -moz-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: -webkit-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: linear-gradient(to bottom, #eee 0, #eee 100%) !important; } .app-theme-silver .app-sidebar .nav > li.active > a { background-color: #eee !important; } .bg-silver-transparent-1 { background-color: rgba(238, 238, 238, 0.1) !important; } .text-silver-transparent-1 { color: rgba(238, 238, 238, 0.1) !important; } .bg-silver-transparent-2 { background-color: rgba(238, 238, 238, 0.2) !important; } .text-silver-transparent-2 { color: rgba(238, 238, 238, 0.2) !important; } .bg-silver-transparent-3 { background-color: rgba(238, 238, 238, 0.3) !important; } .text-silver-transparent-3 { color: rgba(238, 238, 238, 0.3) !important; } .bg-silver-transparent-4 { background-color: rgba(238, 238, 238, 0.4) !important; } .text-silver-transparent-4 { color: rgba(238, 238, 238, 0.4) !important; } .bg-silver-transparent-5 { background-color: rgba(238, 238, 238, 0.5) !important; } .text-silver-transparent-5 { color: rgba(238, 238, 238, 0.5) !important; } .bg-silver-transparent-6 { background-color: rgba(238, 238, 238, 0.6) !important; } .text-silver-transparent-6 { color: rgba(238, 238, 238, 0.6) !important; } .bg-silver-transparent-7 { background-color: rgba(238, 238, 238, 0.7) !important; } .text-silver-transparent-7 { color: rgba(238, 238, 238, 0.7) !important; } .bg-silver-transparent-8 { background-color: rgba(238, 238, 238, 0.8) !important; } .text-silver-transparent-8 { color: rgba(238, 238, 238, 0.8) !important; } .bg-silver-transparent-9 { background-color: rgba(238, 238, 238, 0.9) !important; } .text-silver-transparent-9 { color: rgba(238, 238, 238, 0.9) !important; } .text-lime { color: #c2e900 !important; } .text-lime-lighter { color: #d1ef40 !important; } .text-lime-darker { color: #92af00 !important; } .bg-lime { background-color: #c2e900 !important; } .bg-lime-lighter { background-color: #d1ef40 !important; } .bg-lime-darker { background-color: #92af00 !important; } .bg-gradient-lime { background: #c2e900 !important; background: -moz-linear-gradient(to bottom, #afe900 0, #e9c200 100%) !important; background: -webkit-linear-gradient(to bottom, #afe900 0, #e9c200 100%) !important; background: linear-gradient(to bottom, #afe900 0, #e9c200 100%) !important; } .app-theme-lime .app-sidebar .nav > li.active > a { background-color: #c2e900 !important; } .bg-lime-transparent-1 { background-color: rgba(194, 233, 0, 0.1) !important; } .text-lime-transparent-1 { color: rgba(194, 233, 0, 0.1) !important; } .bg-lime-transparent-2 { background-color: rgba(194, 233, 0, 0.2) !important; } .text-lime-transparent-2 { color: rgba(194, 233, 0, 0.2) !important; } .bg-lime-transparent-3 { background-color: rgba(194, 233, 0, 0.3) !important; } .text-lime-transparent-3 { color: rgba(194, 233, 0, 0.3) !important; } .bg-lime-transparent-4 { background-color: rgba(194, 233, 0, 0.4) !important; } .text-lime-transparent-4 { color: rgba(194, 233, 0, 0.4) !important; } .bg-lime-transparent-5 { background-color: rgba(194, 233, 0, 0.5) !important; } .text-lime-transparent-5 { color: rgba(194, 233, 0, 0.5) !important; } .bg-lime-transparent-6 { background-color: rgba(194, 233, 0, 0.6) !important; } .text-lime-transparent-6 { color: rgba(194, 233, 0, 0.6) !important; } .bg-lime-transparent-7 { background-color: rgba(194, 233, 0, 0.7) !important; } .text-lime-transparent-7 { color: rgba(194, 233, 0, 0.7) !important; } .bg-lime-transparent-8 { background-color: rgba(194, 233, 0, 0.8) !important; } .text-lime-transparent-8 { color: rgba(194, 233, 0, 0.8) !important; } .bg-lime-transparent-9 { background-color: rgba(194, 233, 0, 0.9) !important; } .text-lime-transparent-9 { color: rgba(194, 233, 0, 0.9) !important; } .text-aqua { color: #00cbff !important; } .text-aqua-lighter { color: #40d8ff !important; } .text-aqua-darker { color: #0098bf !important; } .bg-aqua { background-color: #00cbff !important; } .bg-aqua-lighter { background-color: #40d8ff !important; } .bg-aqua-darker { background-color: #0098bf !important; } .bg-gradient-aqua { background: #00cbff !important; background: -moz-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: -webkit-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; } .app-theme-aqua .app-sidebar .nav > li.active > a { background-color: #00cbff !important; } .bg-aqua-transparent-1 { background-color: rgba(0, 203, 255, 0.1) !important; } .text-aqua-transparent-1 { color: rgba(0, 203, 255, 0.1) !important; } .bg-aqua-transparent-2 { background-color: rgba(0, 203, 255, 0.2) !important; } .text-aqua-transparent-2 { color: rgba(0, 203, 255, 0.2) !important; } .bg-aqua-transparent-3 { background-color: rgba(0, 203, 255, 0.3) !important; } .text-aqua-transparent-3 { color: rgba(0, 203, 255, 0.3) !important; } .bg-aqua-transparent-4 { background-color: rgba(0, 203, 255, 0.4) !important; } .text-aqua-transparent-4 { color: rgba(0, 203, 255, 0.4) !important; } .bg-aqua-transparent-5 { background-color: rgba(0, 203, 255, 0.5) !important; } .text-aqua-transparent-5 { color: rgba(0, 203, 255, 0.5) !important; } .bg-aqua-transparent-6 { background-color: rgba(0, 203, 255, 0.6) !important; } .text-aqua-transparent-6 { color: rgba(0, 203, 255, 0.6) !important; } .bg-aqua-transparent-7 { background-color: rgba(0, 203, 255, 0.7) !important; } .text-aqua-transparent-7 { color: rgba(0, 203, 255, 0.7) !important; } .bg-aqua-transparent-8 { background-color: rgba(0, 203, 255, 0.8) !important; } .text-aqua-transparent-8 { color: rgba(0, 203, 255, 0.8) !important; } .bg-aqua-transparent-9 { background-color: rgba(0, 203, 255, 0.9) !important; } .text-aqua-transparent-9 { color: rgba(0, 203, 255, 0.9) !important; } .text-blue { color: #006cff !important; } .text-blue-lighter { color: #4091ff !important; } .text-blue-darker { color: #0051bf !important; } .bg-blue { background-color: #006cff !important; } .bg-blue-lighter { background-color: #4091ff !important; } .bg-blue-darker { background-color: #0051bf !important; } .bg-gradient-blue { background: #006cff !important; background: -moz-linear-gradient(to bottom, #00c1ff 0, #0057ff 100%) !important; background: -webkit-linear-gradient(to bottom, #00c1ff 0, #0057ff 100%) !important; background: linear-gradient(to bottom, #00c1ff 0, #0057ff 100%) !important; } .app-theme-blue .app-sidebar .nav > li.active > a { background-color: #006cff !important; } .bg-blue-transparent-1 { background-color: rgba(0, 108, 255, 0.1) !important; } .text-blue-transparent-1 { color: rgba(0, 108, 255, 0.1) !important; } .bg-blue-transparent-2 { background-color: rgba(0, 108, 255, 0.2) !important; } .text-blue-transparent-2 { color: rgba(0, 108, 255, 0.2) !important; } .bg-blue-transparent-3 { background-color: rgba(0, 108, 255, 0.3) !important; } .text-blue-transparent-3 { color: rgba(0, 108, 255, 0.3) !important; } .bg-blue-transparent-4 { background-color: rgba(0, 108, 255, 0.4) !important; } .text-blue-transparent-4 { color: rgba(0, 108, 255, 0.4) !important; } .bg-blue-transparent-5 { background-color: rgba(0, 108, 255, 0.5) !important; } .text-blue-transparent-5 { color: rgba(0, 108, 255, 0.5) !important; } .bg-blue-transparent-6 { background-color: rgba(0, 108, 255, 0.6) !important; } .text-blue-transparent-6 { color: rgba(0, 108, 255, 0.6) !important; } .bg-blue-transparent-7 { background-color: rgba(0, 108, 255, 0.7) !important; } .text-blue-transparent-7 { color: rgba(0, 108, 255, 0.7) !important; } .bg-blue-transparent-8 { background-color: rgba(0, 108, 255, 0.8) !important; } .text-blue-transparent-8 { color: rgba(0, 108, 255, 0.8) !important; } .bg-blue-transparent-9 { background-color: rgba(0, 108, 255, 0.9) !important; } .text-blue-transparent-9 { color: rgba(0, 108, 255, 0.9) !important; } .text-indigo { color: #5600ff !important; } .text-indigo-lighter { color: #8040ff !important; } .text-indigo-darker { color: #4100bf !important; } .bg-indigo { background-color: #5600ff !important; } .bg-indigo-lighter { background-color: #8040ff !important; } .bg-indigo-darker { background-color: #4100bf !important; } .bg-gradient-indigo { background: #5600ff !important; background: -moz-linear-gradient(to bottom, #6b00ff 0, #0100ff 100%) !important; background: -webkit-linear-gradient(to bottom, #6b00ff 0, #0100ff 100%) !important; background: linear-gradient(to bottom, #6b00ff 0, #0100ff 100%) !important; } .app-theme-indigo .app-sidebar .nav > li.active > a { background-color: #5600ff !important; } .bg-indigo-transparent-1 { background-color: rgba(86, 0, 255, 0.1) !important; } .text-indigo-transparent-1 { color: rgba(86, 0, 255, 0.1) !important; } .bg-indigo-transparent-2 { background-color: rgba(86, 0, 255, 0.2) !important; } .text-indigo-transparent-2 { color: rgba(86, 0, 255, 0.2) !important; } .bg-indigo-transparent-3 { background-color: rgba(86, 0, 255, 0.3) !important; } .text-indigo-transparent-3 { color: rgba(86, 0, 255, 0.3) !important; } .bg-indigo-transparent-4 { background-color: rgba(86, 0, 255, 0.4) !important; } .text-indigo-transparent-4 { color: rgba(86, 0, 255, 0.4) !important; } .bg-indigo-transparent-5 { background-color: rgba(86, 0, 255, 0.5) !important; } .text-indigo-transparent-5 { color: rgba(86, 0, 255, 0.5) !important; } .bg-indigo-transparent-6 { background-color: rgba(86, 0, 255, 0.6) !important; } .text-indigo-transparent-6 { color: rgba(86, 0, 255, 0.6) !important; } .bg-indigo-transparent-7 { background-color: rgba(86, 0, 255, 0.7) !important; } .text-indigo-transparent-7 { color: rgba(86, 0, 255, 0.7) !important; } .bg-indigo-transparent-8 { background-color: rgba(86, 0, 255, 0.8) !important; } .text-indigo-transparent-8 { color: rgba(86, 0, 255, 0.8) !important; } .bg-indigo-transparent-9 { background-color: rgba(86, 0, 255, 0.9) !important; } .text-indigo-transparent-9 { color: rgba(86, 0, 255, 0.9) !important; } .text-purple { color: #9800ff !important; } .text-purple-lighter { color: #b240ff !important; } .text-purple-darker { color: #7200bf !important; } .bg-purple { background-color: #9800ff !important; } .bg-purple-lighter { background-color: #b240ff !important; } .bg-purple-darker { background-color: #7200bf !important; } .bg-gradient-purple { background: #9800ff !important; background: -moz-linear-gradient(to bottom, #ad00ff 0, #4300ff 100%) !important; background: -webkit-linear-gradient(to bottom, #ad00ff 0, #4300ff 100%) !important; background: linear-gradient(to bottom, #ad00ff 0, #4300ff 100%) !important; } .app-theme-purple .app-sidebar .nav > li.active > a { background-color: #9800ff !important; } .bg-purple-transparent-1 { background-color: rgba(152, 0, 255, 0.1) !important; } .text-purple-transparent-1 { color: rgba(152, 0, 255, 0.1) !important; } .bg-purple-transparent-2 { background-color: rgba(152, 0, 255, 0.2) !important; } .text-purple-transparent-2 { color: rgba(152, 0, 255, 0.2) !important; } .bg-purple-transparent-3 { background-color: rgba(152, 0, 255, 0.3) !important; } .text-purple-transparent-3 { color: rgba(152, 0, 255, 0.3) !important; } .bg-purple-transparent-4 { background-color: rgba(152, 0, 255, 0.4) !important; } .text-purple-transparent-4 { color: rgba(152, 0, 255, 0.4) !important; } .bg-purple-transparent-5 { background-color: rgba(152, 0, 255, 0.5) !important; } .text-purple-transparent-5 { color: rgba(152, 0, 255, 0.5) !important; } .bg-purple-transparent-6 { background-color: rgba(152, 0, 255, 0.6) !important; } .text-purple-transparent-6 { color: rgba(152, 0, 255, 0.6) !important; } .bg-purple-transparent-7 { background-color: rgba(152, 0, 255, 0.7) !important; } .text-purple-transparent-7 { color: rgba(152, 0, 255, 0.7) !important; } .bg-purple-transparent-8 { background-color: rgba(152, 0, 255, 0.8) !important; } .text-purple-transparent-8 { color: rgba(152, 0, 255, 0.8) !important; } .bg-purple-transparent-9 { background-color: rgba(152, 0, 255, 0.9) !important; } .text-purple-transparent-9 { color: rgba(152, 0, 255, 0.9) !important; } .text-pink { color: #ff0081 !important; } .text-pink-lighter { color: #ff40a1 !important; } .text-pink-darker { color: #bf0061 !important; } .bg-pink { background-color: #ff0081 !important; } .bg-pink-lighter { background-color: #ff40a1 !important; } .bg-pink-darker { background-color: #bf0061 !important; } .bg-gradient-pink { background: #ff0081 !important; background: -moz-linear-gradient(to bottom, #ff00d6 0, #ff006c 100%) !important; background: -webkit-linear-gradient(to bottom, #ff00d6 0, #ff006c 100%) !important; background: linear-gradient(to bottom, #ff00d6 0, #ff006c 100%) !important; } .app-theme-pink .app-sidebar .nav > li.active > a { background-color: #ff0081 !important; } .bg-pink-transparent-1 { background-color: rgba(255, 0, 129, 0.1) !important; } .text-pink-transparent-1 { color: rgba(255, 0, 129, 0.1) !important; } .bg-pink-transparent-2 { background-color: rgba(255, 0, 129, 0.2) !important; } .text-pink-transparent-2 { color: rgba(255, 0, 129, 0.2) !important; } .bg-pink-transparent-3 { background-color: rgba(255, 0, 129, 0.3) !important; } .text-pink-transparent-3 { color: rgba(255, 0, 129, 0.3) !important; } .bg-pink-transparent-4 { background-color: rgba(255, 0, 129, 0.4) !important; } .text-pink-transparent-4 { color: rgba(255, 0, 129, 0.4) !important; } .bg-pink-transparent-5 { background-color: rgba(255, 0, 129, 0.5) !important; } .text-pink-transparent-5 { color: rgba(255, 0, 129, 0.5) !important; } .bg-pink-transparent-6 { background-color: rgba(255, 0, 129, 0.6) !important; } .text-pink-transparent-6 { color: rgba(255, 0, 129, 0.6) !important; } .bg-pink-transparent-7 { background-color: rgba(255, 0, 129, 0.7) !important; } .text-pink-transparent-7 { color: rgba(255, 0, 129, 0.7) !important; } .bg-pink-transparent-8 { background-color: rgba(255, 0, 129, 0.8) !important; } .text-pink-transparent-8 { color: rgba(255, 0, 129, 0.8) !important; } .bg-pink-transparent-9 { background-color: rgba(255, 0, 129, 0.9) !important; } .text-pink-transparent-9 { color: rgba(255, 0, 129, 0.9) !important; } .text-red { color: #ff3502 !important; } .text-red-lighter { color: #ff6841 !important; } .text-red-darker { color: #bf2802 !important; } .bg-red { background-color: #ff3502 !important; } .bg-red-lighter { background-color: #ff6841 !important; } .bg-red-darker { background-color: #bf2802 !important; } .bg-gradient-red { background: #ff3502 !important; background: -moz-linear-gradient(to bottom, #ff4a02 0, #ff0223 100%) !important; background: -webkit-linear-gradient(to bottom, #ff4a02 0, #ff0223 100%) !important; background: linear-gradient(to bottom, #ff4a02 0, #ff0223 100%) !important; } .app-theme-red .app-sidebar .nav > li.active > a { background-color: #ff3502 !important; } .bg-red-transparent-1 { background-color: rgba(255, 53, 2, 0.1) !important; } .text-red-transparent-1 { color: rgba(255, 53, 2, 0.1) !important; } .bg-red-transparent-2 { background-color: rgba(255, 53, 2, 0.2) !important; } .text-red-transparent-2 { color: rgba(255, 53, 2, 0.2) !important; } .bg-red-transparent-3 { background-color: rgba(255, 53, 2, 0.3) !important; } .text-red-transparent-3 { color: rgba(255, 53, 2, 0.3) !important; } .bg-red-transparent-4 { background-color: rgba(255, 53, 2, 0.4) !important; } .text-red-transparent-4 { color: rgba(255, 53, 2, 0.4) !important; } .bg-red-transparent-5 { background-color: rgba(255, 53, 2, 0.5) !important; } .text-red-transparent-5 { color: rgba(255, 53, 2, 0.5) !important; } .bg-red-transparent-6 { background-color: rgba(255, 53, 2, 0.6) !important; } .text-red-transparent-6 { color: rgba(255, 53, 2, 0.6) !important; } .bg-red-transparent-7 { background-color: rgba(255, 53, 2, 0.7) !important; } .text-red-transparent-7 { color: rgba(255, 53, 2, 0.7) !important; } .bg-red-transparent-8 { background-color: rgba(255, 53, 2, 0.8) !important; } .text-red-transparent-8 { color: rgba(255, 53, 2, 0.8) !important; } .bg-red-transparent-9 { background-color: rgba(255, 53, 2, 0.9) !important; } .text-red-transparent-9 { color: rgba(255, 53, 2, 0.9) !important; } .text-orange { color: #ff7b01 !important; } .text-orange-lighter { color: #ff9c41 !important; } .text-orange-darker { color: #bf5c01 !important; } .bg-orange { background-color: #ff7b01 !important; } .bg-orange-lighter { background-color: #ff9c41 !important; } .bg-orange-darker { background-color: #bf5c01 !important; } .bg-gradient-orange { background: #ff7b01 !important; background: -moz-linear-gradient(to bottom, #ff9001 0, #ff2601 100%) !important; background: -webkit-linear-gradient(to bottom, #ff9001 0, #ff2601 100%) !important; background: linear-gradient(to bottom, #ff9001 0, #ff2601 100%) !important; } .app-theme-orange .app-sidebar .nav > li.active > a { background-color: #ff7b01 !important; } .bg-orange-transparent-1 { background-color: rgba(255, 123, 1, 0.1) !important; } .text-orange-transparent-1 { color: rgba(255, 123, 1, 0.1) !important; } .bg-orange-transparent-2 { background-color: rgba(255, 123, 1, 0.2) !important; } .text-orange-transparent-2 { color: rgba(255, 123, 1, 0.2) !important; } .bg-orange-transparent-3 { background-color: rgba(255, 123, 1, 0.3) !important; } .text-orange-transparent-3 { color: rgba(255, 123, 1, 0.3) !important; } .bg-orange-transparent-4 { background-color: rgba(255, 123, 1, 0.4) !important; } .text-orange-transparent-4 { color: rgba(255, 123, 1, 0.4) !important; } .bg-orange-transparent-5 { background-color: rgba(255, 123, 1, 0.5) !important; } .text-orange-transparent-5 { color: rgba(255, 123, 1, 0.5) !important; } .bg-orange-transparent-6 { background-color: rgba(255, 123, 1, 0.6) !important; } .text-orange-transparent-6 { color: rgba(255, 123, 1, 0.6) !important; } .bg-orange-transparent-7 { background-color: rgba(255, 123, 1, 0.7) !important; } .text-orange-transparent-7 { color: rgba(255, 123, 1, 0.7) !important; } .bg-orange-transparent-8 { background-color: rgba(255, 123, 1, 0.8) !important; } .text-orange-transparent-8 { color: rgba(255, 123, 1, 0.8) !important; } .bg-orange-transparent-9 { background-color: rgba(255, 123, 1, 0.9) !important; } .text-orange-transparent-9 { color: rgba(255, 123, 1, 0.9) !important; } .text-yellow { color: #ffd900 !important; } .text-yellow-lighter { color: #ffe340 !important; } .text-yellow-darker { color: #bfa300 !important; } .bg-yellow { background-color: #ffd900 !important; } .bg-yellow-lighter { background-color: #ffe340 !important; } .bg-yellow-darker { background-color: #bfa300 !important; } .bg-gradient-yellow { background: #ffd900 !important; background: -moz-linear-gradient(to bottom, #fe0 0, #ff8400 100%) !important; background: -webkit-linear-gradient(to bottom, #fe0 0, #ff8400 100%) !important; background: linear-gradient(to bottom, #fe0 0, #ff8400 100%) !important; } .app-theme-yellow .app-sidebar .nav > li.active > a { background-color: #ffd900 !important; } .bg-yellow-transparent-1 { background-color: rgba(255, 217, 0, 0.1) !important; } .text-yellow-transparent-1 { color: rgba(255, 217, 0, 0.1) !important; } .bg-yellow-transparent-2 { background-color: rgba(255, 217, 0, 0.2) !important; } .text-yellow-transparent-2 { color: rgba(255, 217, 0, 0.2) !important; } .bg-yellow-transparent-3 { background-color: rgba(255, 217, 0, 0.3) !important; } .text-yellow-transparent-3 { color: rgba(255, 217, 0, 0.3) !important; } .bg-yellow-transparent-4 { background-color: rgba(255, 217, 0, 0.4) !important; } .text-yellow-transparent-4 { color: rgba(255, 217, 0, 0.4) !important; } .bg-yellow-transparent-5 { background-color: rgba(255, 217, 0, 0.5) !important; } .text-yellow-transparent-5 { color: rgba(255, 217, 0, 0.5) !important; } .bg-yellow-transparent-6 { background-color: rgba(255, 217, 0, 0.6) !important; } .text-yellow-transparent-6 { color: rgba(255, 217, 0, 0.6) !important; } .bg-yellow-transparent-7 { background-color: rgba(255, 217, 0, 0.7) !important; } .text-yellow-transparent-7 { color: rgba(255, 217, 0, 0.7) !important; } .bg-yellow-transparent-8 { background-color: rgba(255, 217, 0, 0.8) !important; } .text-yellow-transparent-8 { color: rgba(255, 217, 0, 0.8) !important; } .bg-yellow-transparent-9 { background-color: rgba(255, 217, 0, 0.9) !important; } .text-yellow-transparent-9 { color: rgba(255, 217, 0, 0.9) !important; } .text-green { color: #04c142 !important; } .text-green-lighter { color: #43d171 !important; } .text-green-darker { color: #039132 !important; } .bg-green { background-color: #04c142 !important; } .bg-green-lighter { background-color: #43d171 !important; } .bg-green-darker { background-color: #039132 !important; } .bg-gradient-green { background: #04c142 !important; background: -moz-linear-gradient(to bottom, #04c152 0, #05c104 100%) !important; background: -webkit-linear-gradient(to bottom, #04c152 0, #05c104 100%) !important; background: linear-gradient(to bottom, #04c152 0, #05c104 100%) !important; } .app-theme-green .app-sidebar .nav > li.active > a { background-color: #04c142 !important; } .bg-green-transparent-1 { background-color: rgba(4, 193, 66, 0.1) !important; } .text-green-transparent-1 { color: rgba(4, 193, 66, 0.1) !important; } .bg-green-transparent-2 { background-color: rgba(4, 193, 66, 0.2) !important; } .text-green-transparent-2 { color: rgba(4, 193, 66, 0.2) !important; } .bg-green-transparent-3 { background-color: rgba(4, 193, 66, 0.3) !important; } .text-green-transparent-3 { color: rgba(4, 193, 66, 0.3) !important; } .bg-green-transparent-4 { background-color: rgba(4, 193, 66, 0.4) !important; } .text-green-transparent-4 { color: rgba(4, 193, 66, 0.4) !important; } .bg-green-transparent-5 { background-color: rgba(4, 193, 66, 0.5) !important; } .text-green-transparent-5 { color: rgba(4, 193, 66, 0.5) !important; } .bg-green-transparent-6 { background-color: rgba(4, 193, 66, 0.6) !important; } .text-green-transparent-6 { color: rgba(4, 193, 66, 0.6) !important; } .bg-green-transparent-7 { background-color: rgba(4, 193, 66, 0.7) !important; } .text-green-transparent-7 { color: rgba(4, 193, 66, 0.7) !important; } .bg-green-transparent-8 { background-color: rgba(4, 193, 66, 0.8) !important; } .text-green-transparent-8 { color: rgba(4, 193, 66, 0.8) !important; } .bg-green-transparent-9 { background-color: rgba(4, 193, 66, 0.9) !important; } .text-green-transparent-9 { color: rgba(4, 193, 66, 0.9) !important; } .text-teal { color: #01caca !important; } .text-teal-lighter { color: #41d7d7 !important; } .text-teal-darker { color: #019898 !important; } .bg-teal { background-color: #01caca !important; } .bg-teal-lighter { background-color: #41d7d7 !important; } .bg-teal-darker { background-color: #019898 !important; } .bg-gradient-teal { background: #01caca !important; background: -moz-linear-gradient(to bottom, #01ca87 0, #01b9ca 100%) !important; background: -webkit-linear-gradient(to bottom, #01ca87 0, #01b9ca 100%) !important; background: linear-gradient(to bottom, #01ca87 0, #01b9ca 100%) !important; } .app-theme-teal .app-sidebar .nav > li.active > a { background-color: #01caca !important; } .bg-teal-transparent-1 { background-color: rgba(1, 202, 202, 0.1) !important; } .text-teal-transparent-1 { color: rgba(1, 202, 202, 0.1) !important; } .bg-teal-transparent-2 { background-color: rgba(1, 202, 202, 0.2) !important; } .text-teal-transparent-2 { color: rgba(1, 202, 202, 0.2) !important; } .bg-teal-transparent-3 { background-color: rgba(1, 202, 202, 0.3) !important; } .text-teal-transparent-3 { color: rgba(1, 202, 202, 0.3) !important; } .bg-teal-transparent-4 { background-color: rgba(1, 202, 202, 0.4) !important; } .text-teal-transparent-4 { color: rgba(1, 202, 202, 0.4) !important; } .bg-teal-transparent-5 { background-color: rgba(1, 202, 202, 0.5) !important; } .text-teal-transparent-5 { color: rgba(1, 202, 202, 0.5) !important; } .bg-teal-transparent-6 { background-color: rgba(1, 202, 202, 0.6) !important; } .text-teal-transparent-6 { color: rgba(1, 202, 202, 0.6) !important; } .bg-teal-transparent-7 { background-color: rgba(1, 202, 202, 0.7) !important; } .text-teal-transparent-7 { color: rgba(1, 202, 202, 0.7) !important; } .bg-teal-transparent-8 { background-color: rgba(1, 202, 202, 0.8) !important; } .text-teal-transparent-8 { color: rgba(1, 202, 202, 0.8) !important; } .bg-teal-transparent-9 { background-color: rgba(1, 202, 202, 0.9) !important; } .text-teal-transparent-9 { color: rgba(1, 202, 202, 0.9) !important; } .text-cyan { color: #00cbff !important; } .text-cyan-lighter { color: #40d8ff !important; } .text-cyan-darker { color: #0098bf !important; } .bg-cyan { background-color: #00cbff !important; } .bg-cyan-lighter { background-color: #40d8ff !important; } .bg-cyan-darker { background-color: #0098bf !important; } .bg-gradient-cyan { background: #00cbff !important; background: -moz-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: -webkit-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; } .app-theme-cyan .app-sidebar .nav > li.active > a { background-color: #00cbff !important; } .bg-cyan-transparent-1 { background-color: rgba(0, 203, 255, 0.1) !important; } .text-cyan-transparent-1 { color: rgba(0, 203, 255, 0.1) !important; } .bg-cyan-transparent-2 { background-color: rgba(0, 203, 255, 0.2) !important; } .text-cyan-transparent-2 { color: rgba(0, 203, 255, 0.2) !important; } .bg-cyan-transparent-3 { background-color: rgba(0, 203, 255, 0.3) !important; } .text-cyan-transparent-3 { color: rgba(0, 203, 255, 0.3) !important; } .bg-cyan-transparent-4 { background-color: rgba(0, 203, 255, 0.4) !important; } .text-cyan-transparent-4 { color: rgba(0, 203, 255, 0.4) !important; } .bg-cyan-transparent-5 { background-color: rgba(0, 203, 255, 0.5) !important; } .text-cyan-transparent-5 { color: rgba(0, 203, 255, 0.5) !important; } .bg-cyan-transparent-6 { background-color: rgba(0, 203, 255, 0.6) !important; } .text-cyan-transparent-6 { color: rgba(0, 203, 255, 0.6) !important; } .bg-cyan-transparent-7 { background-color: rgba(0, 203, 255, 0.7) !important; } .text-cyan-transparent-7 { color: rgba(0, 203, 255, 0.7) !important; } .bg-cyan-transparent-8 { background-color: rgba(0, 203, 255, 0.8) !important; } .text-cyan-transparent-8 { color: rgba(0, 203, 255, 0.8) !important; } .bg-cyan-transparent-9 { background-color: rgba(0, 203, 255, 0.9) !important; } .text-cyan-transparent-9 { color: rgba(0, 203, 255, 0.9) !important; } .text-white { color: #fff !important; } .text-white-lighter { color: #fff !important; } .text-white-darker { color: #bfbfbf !important; } .bg-white { background-color: #fff !important; } .bg-white-lighter { background-color: #fff !important; } .bg-white-darker { background-color: #bfbfbf !important; } .bg-gradient-white { background: #fff !important; background: -moz-linear-gradient(to bottom, #fff 0, #fff 100%) !important; background: -webkit-linear-gradient(to bottom, #fff 0, #fff 100%) !important; background: linear-gradient(to bottom, #fff 0, #fff 100%) !important; } .app-theme-white .app-sidebar .nav > li.active > a { background-color: #fff !important; } .bg-white-transparent-1 { background-color: rgba(255, 255, 255, 0.1) !important; } .text-white-transparent-1 { color: rgba(255, 255, 255, 0.1) !important; } .bg-white-transparent-2 { background-color: rgba(255, 255, 255, 0.2) !important; } .text-white-transparent-2 { color: rgba(255, 255, 255, 0.2) !important; } .bg-white-transparent-3 { background-color: rgba(255, 255, 255, 0.3) !important; } .text-white-transparent-3 { color: rgba(255, 255, 255, 0.3) !important; } .bg-white-transparent-4 { background-color: rgba(255, 255, 255, 0.4) !important; } .text-white-transparent-4 { color: rgba(255, 255, 255, 0.4) !important; } .bg-white-transparent-5 { background-color: rgba(255, 255, 255, 0.5) !important; } .text-white-transparent-5 { color: rgba(255, 255, 255, 0.5) !important; } .bg-white-transparent-6 { background-color: rgba(255, 255, 255, 0.6) !important; } .text-white-transparent-6 { color: rgba(255, 255, 255, 0.6) !important; } .bg-white-transparent-7 { background-color: rgba(255, 255, 255, 0.7) !important; } .text-white-transparent-7 { color: rgba(255, 255, 255, 0.7) !important; } .bg-white-transparent-8 { background-color: rgba(255, 255, 255, 0.8) !important; } .text-white-transparent-8 { color: rgba(255, 255, 255, 0.8) !important; } .bg-white-transparent-9 { background-color: rgba(255, 255, 255, 0.9) !important; } .text-white-transparent-9 { color: rgba(255, 255, 255, 0.9) !important; } .text-gray { color: #666 !important; } .text-gray-lighter { color: #8c8c8c !important; } .text-gray-darker { color: #4d4d4d !important; } .bg-gray { background-color: #666 !important; } .bg-gray-lighter { background-color: #8c8c8c !important; } .bg-gray-darker { background-color: #4d4d4d !important; } .bg-gradient-gray { background: #666 !important; background: -moz-linear-gradient(to bottom, #666 0, #666 100%) !important; background: -webkit-linear-gradient(to bottom, #666 0, #666 100%) !important; background: linear-gradient(to bottom, #666 0, #666 100%) !important; } .app-theme-gray .app-sidebar .nav > li.active > a { background-color: #666 !important; } .bg-gray-transparent-1 { background-color: rgba(102, 102, 102, 0.1) !important; } .text-gray-transparent-1 { color: rgba(102, 102, 102, 0.1) !important; } .bg-gray-transparent-2 { background-color: rgba(102, 102, 102, 0.2) !important; } .text-gray-transparent-2 { color: rgba(102, 102, 102, 0.2) !important; } .bg-gray-transparent-3 { background-color: rgba(102, 102, 102, 0.3) !important; } .text-gray-transparent-3 { color: rgba(102, 102, 102, 0.3) !important; } .bg-gray-transparent-4 { background-color: rgba(102, 102, 102, 0.4) !important; } .text-gray-transparent-4 { color: rgba(102, 102, 102, 0.4) !important; } .bg-gray-transparent-5 { background-color: rgba(102, 102, 102, 0.5) !important; } .text-gray-transparent-5 { color: rgba(102, 102, 102, 0.5) !important; } .bg-gray-transparent-6 { background-color: rgba(102, 102, 102, 0.6) !important; } .text-gray-transparent-6 { color: rgba(102, 102, 102, 0.6) !important; } .bg-gray-transparent-7 { background-color: rgba(102, 102, 102, 0.7) !important; } .text-gray-transparent-7 { color: rgba(102, 102, 102, 0.7) !important; } .bg-gray-transparent-8 { background-color: rgba(102, 102, 102, 0.8) !important; } .text-gray-transparent-8 { color: rgba(102, 102, 102, 0.8) !important; } .bg-gray-transparent-9 { background-color: rgba(102, 102, 102, 0.9) !important; } .text-gray-transparent-9 { color: rgba(102, 102, 102, 0.9) !important; } .text-gray-dark { color: #1a1a1a !important; } .text-gray-dark-lighter { color: #535353 !important; } .text-gray-dark-darker { color: #141414 !important; } .bg-gray-dark { background-color: #1a1a1a !important; } .bg-gray-dark-lighter { background-color: #535353 !important; } .bg-gray-dark-darker { background-color: #141414 !important; } .bg-gradient-gray-dark { background: #1a1a1a !important; background: -moz-linear-gradient(to bottom, #1a1a1a 0, #1a1a1a 100%) !important; background: -webkit-linear-gradient(to bottom, #1a1a1a 0, #1a1a1a 100%) !important; background: linear-gradient(to bottom, #1a1a1a 0, #1a1a1a 100%) !important; } .app-theme-gray-dark .app-sidebar .nav > li.active > a { background-color: #1a1a1a !important; } .bg-gray-dark-transparent-1 { background-color: rgba(26, 26, 26, 0.1) !important; } .text-gray-dark-transparent-1 { color: rgba(26, 26, 26, 0.1) !important; } .bg-gray-dark-transparent-2 { background-color: rgba(26, 26, 26, 0.2) !important; } .text-gray-dark-transparent-2 { color: rgba(26, 26, 26, 0.2) !important; } .bg-gray-dark-transparent-3 { background-color: rgba(26, 26, 26, 0.3) !important; } .text-gray-dark-transparent-3 { color: rgba(26, 26, 26, 0.3) !important; } .bg-gray-dark-transparent-4 { background-color: rgba(26, 26, 26, 0.4) !important; } .text-gray-dark-transparent-4 { color: rgba(26, 26, 26, 0.4) !important; } .bg-gray-dark-transparent-5 { background-color: rgba(26, 26, 26, 0.5) !important; } .text-gray-dark-transparent-5 { color: rgba(26, 26, 26, 0.5) !important; } .bg-gray-dark-transparent-6 { background-color: rgba(26, 26, 26, 0.6) !important; } .text-gray-dark-transparent-6 { color: rgba(26, 26, 26, 0.6) !important; } .bg-gray-dark-transparent-7 { background-color: rgba(26, 26, 26, 0.7) !important; } .text-gray-dark-transparent-7 { color: rgba(26, 26, 26, 0.7) !important; } .bg-gray-dark-transparent-8 { background-color: rgba(26, 26, 26, 0.8) !important; } .text-gray-dark-transparent-8 { color: rgba(26, 26, 26, 0.8) !important; } .bg-gray-dark-transparent-9 { background-color: rgba(26, 26, 26, 0.9) !important; } .text-gray-dark-transparent-9 { color: rgba(26, 26, 26, 0.9) !important; } .text-black { color: #000 !important; } .text-black-lighter { color: #404040 !important; } .text-black-darker { color: #000 !important; } .bg-black { background-color: #000 !important; } .bg-black-lighter { background-color: #404040 !important; } .bg-black-darker { background-color: #000 !important; } .bg-gradient-black { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-black .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-black-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-black-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-black-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-black-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-black-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-black-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-black-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-black-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-black-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-black-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-black-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-black-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-black-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-black-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-black-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-black-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-black-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-black-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-dark { color: #000 !important; } .text-dark-lighter { color: #404040 !important; } .text-dark-darker { color: #000 !important; } .bg-dark { background-color: #000 !important; } .bg-dark-lighter { background-color: #404040 !important; } .bg-dark-darker { background-color: #000 !important; } .bg-gradient-dark { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-dark .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-dark-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-dark-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-dark-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-dark-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-dark-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-dark-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-dark-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-dark-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-dark-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-dark-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-dark-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-dark-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-dark-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-dark-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-dark-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-dark-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-dark-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-dark-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-dark-darker { color: #000 !important; } .text-dark-darker-lighter { color: #404040 !important; } .text-dark-darker-darker { color: #000 !important; } .bg-dark-darker { background-color: #000 !important; } .bg-dark-darker-lighter { background-color: #404040 !important; } .bg-dark-darker-darker { background-color: #000 !important; } .bg-gradient-dark-darker { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-dark-darker .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-dark-darker-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-dark-darker-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-dark-darker-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-dark-darker-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-dark-darker-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-dark-darker-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-dark-darker-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-dark-darker-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-dark-darker-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-dark-darker-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-dark-darker-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-dark-darker-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-dark-darker-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-dark-darker-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-dark-darker-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-dark-darker-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-dark-darker-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-dark-darker-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .text-lime { color: #c2e900 !important; } .text-lime-lighter { color: #d1ef40 !important; } .text-lime-darker { color: #92af00 !important; } .bg-lime { background-color: #c2e900 !important; } .bg-lime-lighter { background-color: #d1ef40 !important; } .bg-lime-darker { background-color: #92af00 !important; } .bg-gradient-lime { background: #c2e900 !important; background: -moz-linear-gradient(to bottom, #afe900 0, #e9c200 100%) !important; background: -webkit-linear-gradient(to bottom, #afe900 0, #e9c200 100%) !important; background: linear-gradient(to bottom, #afe900 0, #e9c200 100%) !important; } .app-theme-lime .app-sidebar .nav > li.active > a { background-color: #c2e900 !important; } .bg-lime-transparent-1 { background-color: rgba(194, 233, 0, 0.1) !important; } .text-lime-transparent-1 { color: rgba(194, 233, 0, 0.1) !important; } .bg-lime-transparent-2 { background-color: rgba(194, 233, 0, 0.2) !important; } .text-lime-transparent-2 { color: rgba(194, 233, 0, 0.2) !important; } .bg-lime-transparent-3 { background-color: rgba(194, 233, 0, 0.3) !important; } .text-lime-transparent-3 { color: rgba(194, 233, 0, 0.3) !important; } .bg-lime-transparent-4 { background-color: rgba(194, 233, 0, 0.4) !important; } .text-lime-transparent-4 { color: rgba(194, 233, 0, 0.4) !important; } .bg-lime-transparent-5 { background-color: rgba(194, 233, 0, 0.5) !important; } .text-lime-transparent-5 { color: rgba(194, 233, 0, 0.5) !important; } .bg-lime-transparent-6 { background-color: rgba(194, 233, 0, 0.6) !important; } .text-lime-transparent-6 { color: rgba(194, 233, 0, 0.6) !important; } .bg-lime-transparent-7 { background-color: rgba(194, 233, 0, 0.7) !important; } .text-lime-transparent-7 { color: rgba(194, 233, 0, 0.7) !important; } .bg-lime-transparent-8 { background-color: rgba(194, 233, 0, 0.8) !important; } .text-lime-transparent-8 { color: rgba(194, 233, 0, 0.8) !important; } .bg-lime-transparent-9 { background-color: rgba(194, 233, 0, 0.9) !important; } .text-lime-transparent-9 { color: rgba(194, 233, 0, 0.9) !important; } .text-light { color: #f0f3f4 !important; } .text-light-lighter { color: #f4f6f7 !important; } .text-light-darker { color: #b4b6b7 !important; } .bg-light { background-color: #f0f3f4 !important; } .bg-light-lighter { background-color: #f4f6f7 !important; } .bg-light-darker { background-color: #b4b6b7 !important; } .bg-gradient-light { background: #f0f3f4 !important; background: -moz-linear-gradient(to bottom, #f0f4f4 0, #f0f3f4 100%) !important; background: -webkit-linear-gradient(to bottom, #f0f4f4 0, #f0f3f4 100%) !important; background: linear-gradient(to bottom, #f0f4f4 0, #f0f3f4 100%) !important; } .app-theme-light .app-sidebar .nav > li.active > a { background-color: #f0f3f4 !important; } .bg-light-transparent-1 { background-color: rgba(240, 243, 244, 0.1) !important; } .text-light-transparent-1 { color: rgba(240, 243, 244, 0.1) !important; } .bg-light-transparent-2 { background-color: rgba(240, 243, 244, 0.2) !important; } .text-light-transparent-2 { color: rgba(240, 243, 244, 0.2) !important; } .bg-light-transparent-3 { background-color: rgba(240, 243, 244, 0.3) !important; } .text-light-transparent-3 { color: rgba(240, 243, 244, 0.3) !important; } .bg-light-transparent-4 { background-color: rgba(240, 243, 244, 0.4) !important; } .text-light-transparent-4 { color: rgba(240, 243, 244, 0.4) !important; } .bg-light-transparent-5 { background-color: rgba(240, 243, 244, 0.5) !important; } .text-light-transparent-5 { color: rgba(240, 243, 244, 0.5) !important; } .bg-light-transparent-6 { background-color: rgba(240, 243, 244, 0.6) !important; } .text-light-transparent-6 { color: rgba(240, 243, 244, 0.6) !important; } .bg-light-transparent-7 { background-color: rgba(240, 243, 244, 0.7) !important; } .text-light-transparent-7 { color: rgba(240, 243, 244, 0.7) !important; } .bg-light-transparent-8 { background-color: rgba(240, 243, 244, 0.8) !important; } .text-light-transparent-8 { color: rgba(240, 243, 244, 0.8) !important; } .bg-light-transparent-9 { background-color: rgba(240, 243, 244, 0.9) !important; } .text-light-transparent-9 { color: rgba(240, 243, 244, 0.9) !important; } .text-silver { color: #eee !important; } .text-silver-lighter { color: #f2f2f2 !important; } .text-silver-darker { color: #b3b3b3 !important; } .bg-silver { background-color: #eee !important; } .bg-silver-lighter { background-color: #f2f2f2 !important; } .bg-silver-darker { background-color: #b3b3b3 !important; } .bg-gradient-silver { background: #eee !important; background: -moz-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: -webkit-linear-gradient(to bottom, #eee 0, #eee 100%) !important; background: linear-gradient(to bottom, #eee 0, #eee 100%) !important; } .app-theme-silver .app-sidebar .nav > li.active > a { background-color: #eee !important; } .bg-silver-transparent-1 { background-color: rgba(238, 238, 238, 0.1) !important; } .text-silver-transparent-1 { color: rgba(238, 238, 238, 0.1) !important; } .bg-silver-transparent-2 { background-color: rgba(238, 238, 238, 0.2) !important; } .text-silver-transparent-2 { color: rgba(238, 238, 238, 0.2) !important; } .bg-silver-transparent-3 { background-color: rgba(238, 238, 238, 0.3) !important; } .text-silver-transparent-3 { color: rgba(238, 238, 238, 0.3) !important; } .bg-silver-transparent-4 { background-color: rgba(238, 238, 238, 0.4) !important; } .text-silver-transparent-4 { color: rgba(238, 238, 238, 0.4) !important; } .bg-silver-transparent-5 { background-color: rgba(238, 238, 238, 0.5) !important; } .text-silver-transparent-5 { color: rgba(238, 238, 238, 0.5) !important; } .bg-silver-transparent-6 { background-color: rgba(238, 238, 238, 0.6) !important; } .text-silver-transparent-6 { color: rgba(238, 238, 238, 0.6) !important; } .bg-silver-transparent-7 { background-color: rgba(238, 238, 238, 0.7) !important; } .text-silver-transparent-7 { color: rgba(238, 238, 238, 0.7) !important; } .bg-silver-transparent-8 { background-color: rgba(238, 238, 238, 0.8) !important; } .text-silver-transparent-8 { color: rgba(238, 238, 238, 0.8) !important; } .bg-silver-transparent-9 { background-color: rgba(238, 238, 238, 0.9) !important; } .text-silver-transparent-9 { color: rgba(238, 238, 238, 0.9) !important; } .text-muted { color: #a2a2a2 !important; } .text-muted-lighter { color: #b9b9b9 !important; } .text-muted-darker { color: #797979 !important; } .bg-muted { background-color: #a2a2a2 !important; } .bg-muted-lighter { background-color: #b9b9b9 !important; } .bg-muted-darker { background-color: #797979 !important; } .bg-gradient-muted { background: #a2a2a2 !important; background: -moz-linear-gradient(to bottom, #a2a2a2 0, #a2a2a2 100%) !important; background: -webkit-linear-gradient(to bottom, #a2a2a2 0, #a2a2a2 100%) !important; background: linear-gradient(to bottom, #a2a2a2 0, #a2a2a2 100%) !important; } .app-theme-muted .app-sidebar .nav > li.active > a { background-color: #a2a2a2 !important; } .bg-muted-transparent-1 { background-color: rgba(162, 162, 162, 0.1) !important; } .text-muted-transparent-1 { color: rgba(162, 162, 162, 0.1) !important; } .bg-muted-transparent-2 { background-color: rgba(162, 162, 162, 0.2) !important; } .text-muted-transparent-2 { color: rgba(162, 162, 162, 0.2) !important; } .bg-muted-transparent-3 { background-color: rgba(162, 162, 162, 0.3) !important; } .text-muted-transparent-3 { color: rgba(162, 162, 162, 0.3) !important; } .bg-muted-transparent-4 { background-color: rgba(162, 162, 162, 0.4) !important; } .text-muted-transparent-4 { color: rgba(162, 162, 162, 0.4) !important; } .bg-muted-transparent-5 { background-color: rgba(162, 162, 162, 0.5) !important; } .text-muted-transparent-5 { color: rgba(162, 162, 162, 0.5) !important; } .bg-muted-transparent-6 { background-color: rgba(162, 162, 162, 0.6) !important; } .text-muted-transparent-6 { color: rgba(162, 162, 162, 0.6) !important; } .bg-muted-transparent-7 { background-color: rgba(162, 162, 162, 0.7) !important; } .text-muted-transparent-7 { color: rgba(162, 162, 162, 0.7) !important; } .bg-muted-transparent-8 { background-color: rgba(162, 162, 162, 0.8) !important; } .text-muted-transparent-8 { color: rgba(162, 162, 162, 0.8) !important; } .bg-muted-transparent-9 { background-color: rgba(162, 162, 162, 0.9) !important; } .text-muted-transparent-9 { color: rgba(162, 162, 162, 0.9) !important; } .text-aqua { color: #00cbff !important; } .text-aqua-lighter { color: #40d8ff !important; } .text-aqua-darker { color: #0098bf !important; } .bg-aqua { background-color: #00cbff !important; } .bg-aqua-lighter { background-color: #40d8ff !important; } .bg-aqua-darker { background-color: #0098bf !important; } .bg-gradient-aqua { background: #00cbff !important; background: -moz-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: -webkit-linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; background: linear-gradient(to bottom, #00ffde 0, #00b6ff 100%) !important; } .app-theme-aqua .app-sidebar .nav > li.active > a { background-color: #00cbff !important; } .bg-aqua-transparent-1 { background-color: rgba(0, 203, 255, 0.1) !important; } .text-aqua-transparent-1 { color: rgba(0, 203, 255, 0.1) !important; } .bg-aqua-transparent-2 { background-color: rgba(0, 203, 255, 0.2) !important; } .text-aqua-transparent-2 { color: rgba(0, 203, 255, 0.2) !important; } .bg-aqua-transparent-3 { background-color: rgba(0, 203, 255, 0.3) !important; } .text-aqua-transparent-3 { color: rgba(0, 203, 255, 0.3) !important; } .bg-aqua-transparent-4 { background-color: rgba(0, 203, 255, 0.4) !important; } .text-aqua-transparent-4 { color: rgba(0, 203, 255, 0.4) !important; } .bg-aqua-transparent-5 { background-color: rgba(0, 203, 255, 0.5) !important; } .text-aqua-transparent-5 { color: rgba(0, 203, 255, 0.5) !important; } .bg-aqua-transparent-6 { background-color: rgba(0, 203, 255, 0.6) !important; } .text-aqua-transparent-6 { color: rgba(0, 203, 255, 0.6) !important; } .bg-aqua-transparent-7 { background-color: rgba(0, 203, 255, 0.7) !important; } .text-aqua-transparent-7 { color: rgba(0, 203, 255, 0.7) !important; } .bg-aqua-transparent-8 { background-color: rgba(0, 203, 255, 0.8) !important; } .text-aqua-transparent-8 { color: rgba(0, 203, 255, 0.8) !important; } .bg-aqua-transparent-9 { background-color: rgba(0, 203, 255, 0.9) !important; } .text-aqua-transparent-9 { color: rgba(0, 203, 255, 0.9) !important; } .text-gray-100 { color: #f2f2f2 !important; } .text-gray-100-lighter { color: #f5f5f5 !important; } .text-gray-100-darker { color: #b6b6b6 !important; } .bg-gray-100 { background-color: #f2f2f2 !important; } .bg-gray-100-lighter { background-color: #f5f5f5 !important; } .bg-gray-100-darker { background-color: #b6b6b6 !important; } .bg-gradient-gray-100 { background: #f2f2f2 !important; background: -moz-linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 100%) !important; background: -webkit-linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 100%) !important; background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 100%) !important; } .app-theme-gray-100 .app-sidebar .nav > li.active > a { background-color: #f2f2f2 !important; } .bg-gray-100-transparent-1 { background-color: rgba(242, 242, 242, 0.1) !important; } .text-gray-100-transparent-1 { color: rgba(242, 242, 242, 0.1) !important; } .bg-gray-100-transparent-2 { background-color: rgba(242, 242, 242, 0.2) !important; } .text-gray-100-transparent-2 { color: rgba(242, 242, 242, 0.2) !important; } .bg-gray-100-transparent-3 { background-color: rgba(242, 242, 242, 0.3) !important; } .text-gray-100-transparent-3 { color: rgba(242, 242, 242, 0.3) !important; } .bg-gray-100-transparent-4 { background-color: rgba(242, 242, 242, 0.4) !important; } .text-gray-100-transparent-4 { color: rgba(242, 242, 242, 0.4) !important; } .bg-gray-100-transparent-5 { background-color: rgba(242, 242, 242, 0.5) !important; } .text-gray-100-transparent-5 { color: rgba(242, 242, 242, 0.5) !important; } .bg-gray-100-transparent-6 { background-color: rgba(242, 242, 242, 0.6) !important; } .text-gray-100-transparent-6 { color: rgba(242, 242, 242, 0.6) !important; } .bg-gray-100-transparent-7 { background-color: rgba(242, 242, 242, 0.7) !important; } .text-gray-100-transparent-7 { color: rgba(242, 242, 242, 0.7) !important; } .bg-gray-100-transparent-8 { background-color: rgba(242, 242, 242, 0.8) !important; } .text-gray-100-transparent-8 { color: rgba(242, 242, 242, 0.8) !important; } .bg-gray-100-transparent-9 { background-color: rgba(242, 242, 242, 0.9) !important; } .text-gray-100-transparent-9 { color: rgba(242, 242, 242, 0.9) !important; } .text-gray-200 { color: #e6e6e6 !important; } .text-gray-200-lighter { color: #ececec !important; } .text-gray-200-darker { color: #adadad !important; } .bg-gray-200 { background-color: #e6e6e6 !important; } .bg-gray-200-lighter { background-color: #ececec !important; } .bg-gray-200-darker { background-color: #adadad !important; } .bg-gradient-gray-200 { background: #e6e6e6 !important; background: -moz-linear-gradient(to bottom, #e6e6e6 0, #e6e6e6 100%) !important; background: -webkit-linear-gradient(to bottom, #e6e6e6 0, #e6e6e6 100%) !important; background: linear-gradient(to bottom, #e6e6e6 0, #e6e6e6 100%) !important; } .app-theme-gray-200 .app-sidebar .nav > li.active > a { background-color: #e6e6e6 !important; } .bg-gray-200-transparent-1 { background-color: rgba(230, 230, 230, 0.1) !important; } .text-gray-200-transparent-1 { color: rgba(230, 230, 230, 0.1) !important; } .bg-gray-200-transparent-2 { background-color: rgba(230, 230, 230, 0.2) !important; } .text-gray-200-transparent-2 { color: rgba(230, 230, 230, 0.2) !important; } .bg-gray-200-transparent-3 { background-color: rgba(230, 230, 230, 0.3) !important; } .text-gray-200-transparent-3 { color: rgba(230, 230, 230, 0.3) !important; } .bg-gray-200-transparent-4 { background-color: rgba(230, 230, 230, 0.4) !important; } .text-gray-200-transparent-4 { color: rgba(230, 230, 230, 0.4) !important; } .bg-gray-200-transparent-5 { background-color: rgba(230, 230, 230, 0.5) !important; } .text-gray-200-transparent-5 { color: rgba(230, 230, 230, 0.5) !important; } .bg-gray-200-transparent-6 { background-color: rgba(230, 230, 230, 0.6) !important; } .text-gray-200-transparent-6 { color: rgba(230, 230, 230, 0.6) !important; } .bg-gray-200-transparent-7 { background-color: rgba(230, 230, 230, 0.7) !important; } .text-gray-200-transparent-7 { color: rgba(230, 230, 230, 0.7) !important; } .bg-gray-200-transparent-8 { background-color: rgba(230, 230, 230, 0.8) !important; } .text-gray-200-transparent-8 { color: rgba(230, 230, 230, 0.8) !important; } .bg-gray-200-transparent-9 { background-color: rgba(230, 230, 230, 0.9) !important; } .text-gray-200-transparent-9 { color: rgba(230, 230, 230, 0.9) !important; } .text-gray-300 { color: #ccc !important; } .text-gray-300-lighter { color: #d9d9d9 !important; } .text-gray-300-darker { color: #999 !important; } .bg-gray-300 { background-color: #ccc !important; } .bg-gray-300-lighter { background-color: #d9d9d9 !important; } .bg-gray-300-darker { background-color: #999 !important; } .bg-gradient-gray-300 { background: #ccc !important; background: -moz-linear-gradient(to bottom, #ccc 0, #ccc 100%) !important; background: -webkit-linear-gradient(to bottom, #ccc 0, #ccc 100%) !important; background: linear-gradient(to bottom, #ccc 0, #ccc 100%) !important; } .app-theme-gray-300 .app-sidebar .nav > li.active > a { background-color: #ccc !important; } .bg-gray-300-transparent-1 { background-color: rgba(204, 204, 204, 0.1) !important; } .text-gray-300-transparent-1 { color: rgba(204, 204, 204, 0.1) !important; } .bg-gray-300-transparent-2 { background-color: rgba(204, 204, 204, 0.2) !important; } .text-gray-300-transparent-2 { color: rgba(204, 204, 204, 0.2) !important; } .bg-gray-300-transparent-3 { background-color: rgba(204, 204, 204, 0.3) !important; } .text-gray-300-transparent-3 { color: rgba(204, 204, 204, 0.3) !important; } .bg-gray-300-transparent-4 { background-color: rgba(204, 204, 204, 0.4) !important; } .text-gray-300-transparent-4 { color: rgba(204, 204, 204, 0.4) !important; } .bg-gray-300-transparent-5 { background-color: rgba(204, 204, 204, 0.5) !important; } .text-gray-300-transparent-5 { color: rgba(204, 204, 204, 0.5) !important; } .bg-gray-300-transparent-6 { background-color: rgba(204, 204, 204, 0.6) !important; } .text-gray-300-transparent-6 { color: rgba(204, 204, 204, 0.6) !important; } .bg-gray-300-transparent-7 { background-color: rgba(204, 204, 204, 0.7) !important; } .text-gray-300-transparent-7 { color: rgba(204, 204, 204, 0.7) !important; } .bg-gray-300-transparent-8 { background-color: rgba(204, 204, 204, 0.8) !important; } .text-gray-300-transparent-8 { color: rgba(204, 204, 204, 0.8) !important; } .bg-gray-300-transparent-9 { background-color: rgba(204, 204, 204, 0.9) !important; } .text-gray-300-transparent-9 { color: rgba(204, 204, 204, 0.9) !important; } .text-gray-400 { color: #a6a6a6 !important; } .text-gray-400-lighter { color: #bcbcbc !important; } .text-gray-400-darker { color: #7d7d7d !important; } .bg-gray-400 { background-color: #a6a6a6 !important; } .bg-gray-400-lighter { background-color: #bcbcbc !important; } .bg-gray-400-darker { background-color: #7d7d7d !important; } .bg-gradient-gray-400 { background: #a6a6a6 !important; background: -moz-linear-gradient(to bottom, #a6a6a6 0, #a6a6a6 100%) !important; background: -webkit-linear-gradient(to bottom, #a6a6a6 0, #a6a6a6 100%) !important; background: linear-gradient(to bottom, #a6a6a6 0, #a6a6a6 100%) !important; } .app-theme-gray-400 .app-sidebar .nav > li.active > a { background-color: #a6a6a6 !important; } .bg-gray-400-transparent-1 { background-color: rgba(166, 166, 166, 0.1) !important; } .text-gray-400-transparent-1 { color: rgba(166, 166, 166, 0.1) !important; } .bg-gray-400-transparent-2 { background-color: rgba(166, 166, 166, 0.2) !important; } .text-gray-400-transparent-2 { color: rgba(166, 166, 166, 0.2) !important; } .bg-gray-400-transparent-3 { background-color: rgba(166, 166, 166, 0.3) !important; } .text-gray-400-transparent-3 { color: rgba(166, 166, 166, 0.3) !important; } .bg-gray-400-transparent-4 { background-color: rgba(166, 166, 166, 0.4) !important; } .text-gray-400-transparent-4 { color: rgba(166, 166, 166, 0.4) !important; } .bg-gray-400-transparent-5 { background-color: rgba(166, 166, 166, 0.5) !important; } .text-gray-400-transparent-5 { color: rgba(166, 166, 166, 0.5) !important; } .bg-gray-400-transparent-6 { background-color: rgba(166, 166, 166, 0.6) !important; } .text-gray-400-transparent-6 { color: rgba(166, 166, 166, 0.6) !important; } .bg-gray-400-transparent-7 { background-color: rgba(166, 166, 166, 0.7) !important; } .text-gray-400-transparent-7 { color: rgba(166, 166, 166, 0.7) !important; } .bg-gray-400-transparent-8 { background-color: rgba(166, 166, 166, 0.8) !important; } .text-gray-400-transparent-8 { color: rgba(166, 166, 166, 0.8) !important; } .bg-gray-400-transparent-9 { background-color: rgba(166, 166, 166, 0.9) !important; } .text-gray-400-transparent-9 { color: rgba(166, 166, 166, 0.9) !important; } .text-gray-500 { color: gray !important; } .text-gray-500-lighter { color: #a0a0a0 !important; } .text-gray-500-darker { color: #606060 !important; } .bg-gray-500 { background-color: gray !important; } .bg-gray-500-lighter { background-color: #a0a0a0 !important; } .bg-gray-500-darker { background-color: #606060 !important; } .bg-gradient-gray-500 { background: gray !important; background: -moz-linear-gradient(to bottom, gray 0, gray 100%) !important; background: -webkit-linear-gradient(to bottom, gray 0, gray 100%) !important; background: linear-gradient(to bottom, gray 0, gray 100%) !important; } .app-theme-gray-500 .app-sidebar .nav > li.active > a { background-color: gray !important; } .bg-gray-500-transparent-1 { background-color: rgba(128, 128, 128, 0.1) !important; } .text-gray-500-transparent-1 { color: rgba(128, 128, 128, 0.1) !important; } .bg-gray-500-transparent-2 { background-color: rgba(128, 128, 128, 0.2) !important; } .text-gray-500-transparent-2 { color: rgba(128, 128, 128, 0.2) !important; } .bg-gray-500-transparent-3 { background-color: rgba(128, 128, 128, 0.3) !important; } .text-gray-500-transparent-3 { color: rgba(128, 128, 128, 0.3) !important; } .bg-gray-500-transparent-4 { background-color: rgba(128, 128, 128, 0.4) !important; } .text-gray-500-transparent-4 { color: rgba(128, 128, 128, 0.4) !important; } .bg-gray-500-transparent-5 { background-color: rgba(128, 128, 128, 0.5) !important; } .text-gray-500-transparent-5 { color: rgba(128, 128, 128, 0.5) !important; } .bg-gray-500-transparent-6 { background-color: rgba(128, 128, 128, 0.6) !important; } .text-gray-500-transparent-6 { color: rgba(128, 128, 128, 0.6) !important; } .bg-gray-500-transparent-7 { background-color: rgba(128, 128, 128, 0.7) !important; } .text-gray-500-transparent-7 { color: rgba(128, 128, 128, 0.7) !important; } .bg-gray-500-transparent-8 { background-color: rgba(128, 128, 128, 0.8) !important; } .text-gray-500-transparent-8 { color: rgba(128, 128, 128, 0.8) !important; } .bg-gray-500-transparent-9 { background-color: rgba(128, 128, 128, 0.9) !important; } .text-gray-500-transparent-9 { color: rgba(128, 128, 128, 0.9) !important; } .text-gray-600 { color: #666 !important; } .text-gray-600-lighter { color: #8c8c8c !important; } .text-gray-600-darker { color: #4d4d4d !important; } .bg-gray-600 { background-color: #666 !important; } .bg-gray-600-lighter { background-color: #8c8c8c !important; } .bg-gray-600-darker { background-color: #4d4d4d !important; } .bg-gradient-gray-600 { background: #666 !important; background: -moz-linear-gradient(to bottom, #666 0, #666 100%) !important; background: -webkit-linear-gradient(to bottom, #666 0, #666 100%) !important; background: linear-gradient(to bottom, #666 0, #666 100%) !important; } .app-theme-gray-600 .app-sidebar .nav > li.active > a { background-color: #666 !important; } .bg-gray-600-transparent-1 { background-color: rgba(102, 102, 102, 0.1) !important; } .text-gray-600-transparent-1 { color: rgba(102, 102, 102, 0.1) !important; } .bg-gray-600-transparent-2 { background-color: rgba(102, 102, 102, 0.2) !important; } .text-gray-600-transparent-2 { color: rgba(102, 102, 102, 0.2) !important; } .bg-gray-600-transparent-3 { background-color: rgba(102, 102, 102, 0.3) !important; } .text-gray-600-transparent-3 { color: rgba(102, 102, 102, 0.3) !important; } .bg-gray-600-transparent-4 { background-color: rgba(102, 102, 102, 0.4) !important; } .text-gray-600-transparent-4 { color: rgba(102, 102, 102, 0.4) !important; } .bg-gray-600-transparent-5 { background-color: rgba(102, 102, 102, 0.5) !important; } .text-gray-600-transparent-5 { color: rgba(102, 102, 102, 0.5) !important; } .bg-gray-600-transparent-6 { background-color: rgba(102, 102, 102, 0.6) !important; } .text-gray-600-transparent-6 { color: rgba(102, 102, 102, 0.6) !important; } .bg-gray-600-transparent-7 { background-color: rgba(102, 102, 102, 0.7) !important; } .text-gray-600-transparent-7 { color: rgba(102, 102, 102, 0.7) !important; } .bg-gray-600-transparent-8 { background-color: rgba(102, 102, 102, 0.8) !important; } .text-gray-600-transparent-8 { color: rgba(102, 102, 102, 0.8) !important; } .bg-gray-600-transparent-9 { background-color: rgba(102, 102, 102, 0.9) !important; } .text-gray-600-transparent-9 { color: rgba(102, 102, 102, 0.9) !important; } .text-gray-700 { color: #404040 !important; } .text-gray-700-lighter { color: #707070 !important; } .text-gray-700-darker { color: #303030 !important; } .bg-gray-700 { background-color: #404040 !important; } .bg-gray-700-lighter { background-color: #707070 !important; } .bg-gray-700-darker { background-color: #303030 !important; } .bg-gradient-gray-700 { background: #404040 !important; background: -moz-linear-gradient(to bottom, #404040 0, #404040 100%) !important; background: -webkit-linear-gradient(to bottom, #404040 0, #404040 100%) !important; background: linear-gradient(to bottom, #404040 0, #404040 100%) !important; } .app-theme-gray-700 .app-sidebar .nav > li.active > a { background-color: #404040 !important; } .bg-gray-700-transparent-1 { background-color: rgba(64, 64, 64, 0.1) !important; } .text-gray-700-transparent-1 { color: rgba(64, 64, 64, 0.1) !important; } .bg-gray-700-transparent-2 { background-color: rgba(64, 64, 64, 0.2) !important; } .text-gray-700-transparent-2 { color: rgba(64, 64, 64, 0.2) !important; } .bg-gray-700-transparent-3 { background-color: rgba(64, 64, 64, 0.3) !important; } .text-gray-700-transparent-3 { color: rgba(64, 64, 64, 0.3) !important; } .bg-gray-700-transparent-4 { background-color: rgba(64, 64, 64, 0.4) !important; } .text-gray-700-transparent-4 { color: rgba(64, 64, 64, 0.4) !important; } .bg-gray-700-transparent-5 { background-color: rgba(64, 64, 64, 0.5) !important; } .text-gray-700-transparent-5 { color: rgba(64, 64, 64, 0.5) !important; } .bg-gray-700-transparent-6 { background-color: rgba(64, 64, 64, 0.6) !important; } .text-gray-700-transparent-6 { color: rgba(64, 64, 64, 0.6) !important; } .bg-gray-700-transparent-7 { background-color: rgba(64, 64, 64, 0.7) !important; } .text-gray-700-transparent-7 { color: rgba(64, 64, 64, 0.7) !important; } .bg-gray-700-transparent-8 { background-color: rgba(64, 64, 64, 0.8) !important; } .text-gray-700-transparent-8 { color: rgba(64, 64, 64, 0.8) !important; } .bg-gray-700-transparent-9 { background-color: rgba(64, 64, 64, 0.9) !important; } .text-gray-700-transparent-9 { color: rgba(64, 64, 64, 0.9) !important; } .text-gray-800 { color: #1a1a1a !important; } .text-gray-800-lighter { color: #535353 !important; } .text-gray-800-darker { color: #141414 !important; } .bg-gray-800 { background-color: #1a1a1a !important; } .bg-gray-800-lighter { background-color: #535353 !important; } .bg-gray-800-darker { background-color: #141414 !important; } .bg-gradient-gray-800 { background: #1a1a1a !important; background: -moz-linear-gradient(to bottom, #1a1a1a 0, #1a1a1a 100%) !important; background: -webkit-linear-gradient(to bottom, #1a1a1a 0, #1a1a1a 100%) !important; background: linear-gradient(to bottom, #1a1a1a 0, #1a1a1a 100%) !important; } .app-theme-gray-800 .app-sidebar .nav > li.active > a { background-color: #1a1a1a !important; } .bg-gray-800-transparent-1 { background-color: rgba(26, 26, 26, 0.1) !important; } .text-gray-800-transparent-1 { color: rgba(26, 26, 26, 0.1) !important; } .bg-gray-800-transparent-2 { background-color: rgba(26, 26, 26, 0.2) !important; } .text-gray-800-transparent-2 { color: rgba(26, 26, 26, 0.2) !important; } .bg-gray-800-transparent-3 { background-color: rgba(26, 26, 26, 0.3) !important; } .text-gray-800-transparent-3 { color: rgba(26, 26, 26, 0.3) !important; } .bg-gray-800-transparent-4 { background-color: rgba(26, 26, 26, 0.4) !important; } .text-gray-800-transparent-4 { color: rgba(26, 26, 26, 0.4) !important; } .bg-gray-800-transparent-5 { background-color: rgba(26, 26, 26, 0.5) !important; } .text-gray-800-transparent-5 { color: rgba(26, 26, 26, 0.5) !important; } .bg-gray-800-transparent-6 { background-color: rgba(26, 26, 26, 0.6) !important; } .text-gray-800-transparent-6 { color: rgba(26, 26, 26, 0.6) !important; } .bg-gray-800-transparent-7 { background-color: rgba(26, 26, 26, 0.7) !important; } .text-gray-800-transparent-7 { color: rgba(26, 26, 26, 0.7) !important; } .bg-gray-800-transparent-8 { background-color: rgba(26, 26, 26, 0.8) !important; } .text-gray-800-transparent-8 { color: rgba(26, 26, 26, 0.8) !important; } .bg-gray-800-transparent-9 { background-color: rgba(26, 26, 26, 0.9) !important; } .text-gray-800-transparent-9 { color: rgba(26, 26, 26, 0.9) !important; } .text-gray-900 { color: #000 !important; } .text-gray-900-lighter { color: #404040 !important; } .text-gray-900-darker { color: #000 !important; } .bg-gray-900 { background-color: #000 !important; } .bg-gray-900-lighter { background-color: #404040 !important; } .bg-gray-900-darker { background-color: #000 !important; } .bg-gradient-gray-900 { background: #000 !important; background: -moz-linear-gradient(to bottom, #000 0, #000 100%) !important; background: -webkit-linear-gradient(to bottom, #000 0, #000 100%) !important; background: linear-gradient(to bottom, #000 0, #000 100%) !important; } .app-theme-gray-900 .app-sidebar .nav > li.active > a { background-color: #000 !important; } .bg-gray-900-transparent-1 { background-color: rgba(0, 0, 0, 0.1) !important; } .text-gray-900-transparent-1 { color: rgba(0, 0, 0, 0.1) !important; } .bg-gray-900-transparent-2 { background-color: rgba(0, 0, 0, 0.2) !important; } .text-gray-900-transparent-2 { color: rgba(0, 0, 0, 0.2) !important; } .bg-gray-900-transparent-3 { background-color: rgba(0, 0, 0, 0.3) !important; } .text-gray-900-transparent-3 { color: rgba(0, 0, 0, 0.3) !important; } .bg-gray-900-transparent-4 { background-color: rgba(0, 0, 0, 0.4) !important; } .text-gray-900-transparent-4 { color: rgba(0, 0, 0, 0.4) !important; } .bg-gray-900-transparent-5 { background-color: rgba(0, 0, 0, 0.5) !important; } .text-gray-900-transparent-5 { color: rgba(0, 0, 0, 0.5) !important; } .bg-gray-900-transparent-6 { background-color: rgba(0, 0, 0, 0.6) !important; } .text-gray-900-transparent-6 { color: rgba(0, 0, 0, 0.6) !important; } .bg-gray-900-transparent-7 { background-color: rgba(0, 0, 0, 0.7) !important; } .text-gray-900-transparent-7 { color: rgba(0, 0, 0, 0.7) !important; } .bg-gray-900-transparent-8 { background-color: rgba(0, 0, 0, 0.8) !important; } .text-gray-900-transparent-8 { color: rgba(0, 0, 0, 0.8) !important; } .bg-gray-900-transparent-9 { background-color: rgba(0, 0, 0, 0.9) !important; } .text-gray-900-transparent-9 { color: rgba(0, 0, 0, 0.9) !important; } .no-bg { background: 0 0 !important; } .bg-gradient-red-pink, .bg-gradient-red-pink-diagonal-down, .bg-gradient-red-pink-diagonal-up, .bg-gradient-red-pink-to-right { background: #ff3502; } .bg-gradient-red-pink { background: -moz-linear-gradient(to bottom, #ff3502 0, #ff0081 100%); background: -webkit-linear-gradient(to bottom, #ff3502 0, #ff0081 100%); background: linear-gradient(to bottom, #ff3502 0, #ff0081 100%); } .bg-gradient-red-pink-to-right { background: -moz-linear-gradient(to right, #ff3502 0, #ff0081 100%); background: -webkit-linear-gradient(to right, #ff3502 0, #ff0081 100%); background: linear-gradient(to right, #ff3502 0, #ff0081 100%); } .bg-gradient-red-pink-to-top { background: -moz-linear-gradient(to top, #ff3502 0, #ff0081 100%); background: -webkit-linear-gradient(to top, #ff3502 0, #ff0081 100%); background: linear-gradient(to top, #ff3502 0, #ff0081 100%); } .bg-gradient-red-pink-to-left { background: -moz-linear-gradient(to left, #ff3502 0, #ff0081 100%); background: -webkit-linear-gradient(to left, #ff3502 0, #ff0081 100%); background: linear-gradient(to left, #ff3502 0, #ff0081 100%); } .bg-gradient-red-pink-diagonal-down { background: -moz-linear-gradient(-45deg, #ff3502 0, #ff0081 100%); background: -webkit-linear-gradient(-45deg, #ff3502 0, #ff0081 100%); background: linear-gradient(-45deg, #ff3502 0, #ff0081 100%); } .bg-gradient-red-pink-diagonal-up { background: -moz-linear-gradient(45deg, #ff3502 0, #ff0081 100%); background: -webkit-linear-gradient(45deg, #ff3502 0, #ff0081 100%); background: linear-gradient(45deg, #ff3502 0, #ff0081 100%); } .bg-gradient-orange-red, .bg-gradient-orange-red-diagonal-down, .bg-gradient-orange-red-diagonal-up, .bg-gradient-orange-red-to-right { background: #ff7b01; } .bg-gradient-orange-red { background: -moz-linear-gradient(to bottom, #ff7b01 0, #ff3502 100%); background: -webkit-linear-gradient(to bottom, #ff7b01 0, #ff3502 100%); background: linear-gradient(to bottom, #ff7b01 0, #ff3502 100%); } .bg-gradient-orange-red-to-right { background: -moz-linear-gradient(to right, #ff7b01 0, #ff3502 100%); background: -webkit-linear-gradient(to right, #ff7b01 0, #ff3502 100%); background: linear-gradient(to right, #ff7b01 0, #ff3502 100%); } .bg-gradient-orange-red-to-top { background: -moz-linear-gradient(to top, #ff7b01 0, #ff3502 100%); background: -webkit-linear-gradient(to top, #ff7b01 0, #ff3502 100%); background: linear-gradient(to top, #ff7b01 0, #ff3502 100%); } .bg-gradient-orange-red-to-left { background: -moz-linear-gradient(to left, #ff7b01 0, #ff3502 100%); background: -webkit-linear-gradient(to left, #ff7b01 0, #ff3502 100%); background: linear-gradient(to left, #ff7b01 0, #ff3502 100%); } .bg-gradient-orange-red-diagonal-down { background: -moz-linear-gradient(-45deg, #ff7b01 0, #ff3502 100%); background: -webkit-linear-gradient(-45deg, #ff7b01 0, #ff3502 100%); background: linear-gradient(-45deg, #ff7b01 0, #ff3502 100%); } .bg-gradient-orange-red-diagonal-up { background: -moz-linear-gradient(45deg, #ff7b01 0, #ff3502 100%); background: -webkit-linear-gradient(45deg, #ff7b01 0, #ff3502 100%); background: linear-gradient(45deg, #ff7b01 0, #ff3502 100%); } .bg-gradient-yellow-orange, .bg-gradient-yellow-orange-diagonal-down, .bg-gradient-yellow-orange-diagonal-up, .bg-gradient-yellow-orange-to-right { background: #ffd900; } .bg-gradient-yellow-orange { background: -moz-linear-gradient(to bottom, #ffd900 0, #ff7b01 100%); background: -webkit-linear-gradient(to bottom, #ffd900 0, #ff7b01 100%); background: linear-gradient(to bottom, #ffd900 0, #ff7b01 100%); } .bg-gradient-yellow-orange-to-right { background: -moz-linear-gradient(to right, #ffd900 0, #ff7b01 100%); background: -webkit-linear-gradient(to right, #ffd900 0, #ff7b01 100%); background: linear-gradient(to right, #ffd900 0, #ff7b01 100%); } .bg-gradient-yellow-orange-to-top { background: -moz-linear-gradient(to top, #ffd900 0, #ff7b01 100%); background: -webkit-linear-gradient(to top, #ffd900 0, #ff7b01 100%); background: linear-gradient(to top, #ffd900 0, #ff7b01 100%); } .bg-gradient-yellow-orange-to-left { background: -moz-linear-gradient(to left, #ffd900 0, #ff7b01 100%); background: -webkit-linear-gradient(to left, #ffd900 0, #ff7b01 100%); background: linear-gradient(to left, #ffd900 0, #ff7b01 100%); } .bg-gradient-yellow-orange-diagonal-down { background: -moz-linear-gradient(-45deg, #ffd900 0, #ff7b01 100%); background: -webkit-linear-gradient(-45deg, #ffd900 0, #ff7b01 100%); background: linear-gradient(-45deg, #ffd900 0, #ff7b01 100%); } .bg-gradient-yellow-orange-diagonal-up { background: -moz-linear-gradient(45deg, #ffd900 0, #ff7b01 100%); background: -webkit-linear-gradient(45deg, #ffd900 0, #ff7b01 100%); background: linear-gradient(45deg, #ffd900 0, #ff7b01 100%); } .bg-gradient-yellow-red, .bg-gradient-yellow-red-diagonal-down, .bg-gradient-yellow-red-diagonal-up, .bg-gradient-yellow-red-to-right { background: #ffd900; } .bg-gradient-yellow-red { background: -moz-linear-gradient(to bottom, #ffd900 0, #ff3502 100%); background: -webkit-linear-gradient(to bottom, #ffd900 0, #ff3502 100%); background: linear-gradient(to bottom, #ffd900 0, #ff3502 100%); } .bg-gradient-yellow-red-to-right { background: -moz-linear-gradient(to right, #ffd900 0, #ff3502 100%); background: -webkit-linear-gradient(to right, #ffd900 0, #ff3502 100%); background: linear-gradient(to right, #ffd900 0, #ff3502 100%); } .bg-gradient-yellow-red-to-top { background: -moz-linear-gradient(to top, #ffd900 0, #ff3502 100%); background: -webkit-linear-gradient(to top, #ffd900 0, #ff3502 100%); background: linear-gradient(to top, #ffd900 0, #ff3502 100%); } .bg-gradient-yellow-red-to-left { background: -moz-linear-gradient(to left, #ffd900 0, #ff3502 100%); background: -webkit-linear-gradient(to left, #ffd900 0, #ff3502 100%); background: linear-gradient(to left, #ffd900 0, #ff3502 100%); } .bg-gradient-yellow-red-diagonal-down { background: -moz-linear-gradient(-45deg, #ffd900 0, #ff3502 100%); background: -webkit-linear-gradient(-45deg, #ffd900 0, #ff3502 100%); background: linear-gradient(-45deg, #ffd900 0, #ff3502 100%); } .bg-gradient-yellow-red-diagonal-up { background: -moz-linear-gradient(45deg, #ffd900 0, #ff3502 100%); background: -webkit-linear-gradient(45deg, #ffd900 0, #ff3502 100%); background: linear-gradient(45deg, #ffd900 0, #ff3502 100%); } .bg-gradient-teal-green, .bg-gradient-teal-green-diagonal-down, .bg-gradient-teal-green-diagonal-up, .bg-gradient-teal-green-to-right { background: #01caca; } .bg-gradient-teal-green { background: -moz-linear-gradient(to bottom, #01caca 0, #04c142 100%); background: -webkit-linear-gradient(to bottom, #01caca 0, #04c142 100%); background: linear-gradient(to bottom, #01caca 0, #04c142 100%); } .bg-gradient-teal-green-to-right { background: -moz-linear-gradient(to right, #01caca 0, #04c142 100%); background: -webkit-linear-gradient(to right, #01caca 0, #04c142 100%); background: linear-gradient(to right, #01caca 0, #04c142 100%); } .bg-gradient-teal-green-to-top { background: -moz-linear-gradient(to top, #01caca 0, #04c142 100%); background: -webkit-linear-gradient(to top, #01caca 0, #04c142 100%); background: linear-gradient(to top, #01caca 0, #04c142 100%); } .bg-gradient-teal-green-to-left { background: -moz-linear-gradient(to left, #01caca 0, #04c142 100%); background: -webkit-linear-gradient(to left, #01caca 0, #04c142 100%); background: linear-gradient(to left, #01caca 0, #04c142 100%); } .bg-gradient-teal-green-diagonal-down { background: -moz-linear-gradient(-45deg, #01caca 0, #04c142 100%); background: -webkit-linear-gradient(-45deg, #01caca 0, #04c142 100%); background: linear-gradient(-45deg, #01caca 0, #04c142 100%); } .bg-gradient-teal-green-diagonal-up { background: -moz-linear-gradient(45deg, #01caca 0, #04c142 100%); background: -webkit-linear-gradient(45deg, #01caca 0, #04c142 100%); background: linear-gradient(45deg, #01caca 0, #04c142 100%); } .bg-gradient-yellow-green, .bg-gradient-yellow-green-diagonal-down, .bg-gradient-yellow-green-diagonal-up, .bg-gradient-yellow-green-to-right { background: #ffd900; } .bg-gradient-yellow-green { background: -moz-linear-gradient(to bottom, #ffd900 0, #04c142 100%); background: -webkit-linear-gradient(to bottom, #ffd900 0, #04c142 100%); background: linear-gradient(to bottom, #ffd900 0, #04c142 100%); } .bg-gradient-yellow-green-to-right { background: -moz-linear-gradient(to right, #ffd900 0, #04c142 100%); background: -webkit-linear-gradient(to right, #ffd900 0, #04c142 100%); background: linear-gradient(to right, #ffd900 0, #04c142 100%); } .bg-gradient-yellow-green-to-top { background: -moz-linear-gradient(to top, #ffd900 0, #04c142 100%); background: -webkit-linear-gradient(to top, #ffd900 0, #04c142 100%); background: linear-gradient(to top, #ffd900 0, #04c142 100%); } .bg-gradient-yellow-green-to-left { background: -moz-linear-gradient(to left, #ffd900 0, #04c142 100%); background: -webkit-linear-gradient(to left, #ffd900 0, #04c142 100%); background: linear-gradient(to left, #ffd900 0, #04c142 100%); } .bg-gradient-yellow-green-diagonal-down { background: -moz-linear-gradient(-45deg, #ffd900 0, #04c142 100%); background: -webkit-linear-gradient(-45deg, #ffd900 0, #04c142 100%); background: linear-gradient(-45deg, #ffd900 0, #04c142 100%); } .bg-gradient-yellow-green-diagonal-up { background: -moz-linear-gradient(45deg, #ffd900 0, #04c142 100%); background: -webkit-linear-gradient(45deg, #ffd900 0, #04c142 100%); background: linear-gradient(45deg, #ffd900 0, #04c142 100%); } .bg-gradient-blue-purple, .bg-gradient-blue-purple-diagonal-down, .bg-gradient-blue-purple-diagonal-up, .bg-gradient-blue-purple-to-right { background: #006cff; } .bg-gradient-blue-purple { background: -moz-linear-gradient(to bottom, #006cff 0, #9800ff 100%); background: -webkit-linear-gradient(to bottom, #006cff 0, #9800ff 100%); background: linear-gradient(to bottom, #006cff 0, #9800ff 100%); } .bg-gradient-blue-purple-to-right { background: -moz-linear-gradient(to right, #006cff 0, #9800ff 100%); background: -webkit-linear-gradient(to right, #006cff 0, #9800ff 100%); background: linear-gradient(to right, #006cff 0, #9800ff 100%); } .bg-gradient-blue-purple-to-top { background: -moz-linear-gradient(to top, #006cff 0, #9800ff 100%); background: -webkit-linear-gradient(to top, #006cff 0, #9800ff 100%); background: linear-gradient(to top, #006cff 0, #9800ff 100%); } .bg-gradient-blue-purple-to-left { background: -moz-linear-gradient(to left, #006cff 0, #9800ff 100%); background: -webkit-linear-gradient(to left, #006cff 0, #9800ff 100%); background: linear-gradient(to left, #006cff 0, #9800ff 100%); } .bg-gradient-blue-purple-diagonal-down { background: -moz-linear-gradient(-45deg, #006cff 0, #9800ff 100%); background: -webkit-linear-gradient(-45deg, #006cff 0, #9800ff 100%); background: linear-gradient(-45deg, #006cff 0, #9800ff 100%); } .bg-gradient-blue-purple-diagonal-up { background: -moz-linear-gradient(45deg, #006cff 0, #9800ff 100%); background: -webkit-linear-gradient(45deg, #006cff 0, #9800ff 100%); background: linear-gradient(45deg, #006cff 0, #9800ff 100%); } .bg-gradient-cyan-blue, .bg-gradient-cyan-blue-diagonal-down, .bg-gradient-cyan-blue-diagonal-up, .bg-gradient-cyan-blue-to-right { background: #00cbff; } .bg-gradient-cyan-blue { background: -moz-linear-gradient(to bottom, #00cbff 0, #006cff 100%); background: -webkit-linear-gradient(to bottom, #00cbff 0, #006cff 100%); background: linear-gradient(to bottom, #00cbff 0, #006cff 100%); } .bg-gradient-cyan-blue-to-right { background: -moz-linear-gradient(to right, #00cbff 0, #006cff 100%); background: -webkit-linear-gradient(to right, #00cbff 0, #006cff 100%); background: linear-gradient(to right, #00cbff 0, #006cff 100%); } .bg-gradient-cyan-blue-to-top { background: -moz-linear-gradient(to top, #00cbff 0, #006cff 100%); background: -webkit-linear-gradient(to top, #00cbff 0, #006cff 100%); background: linear-gradient(to top, #00cbff 0, #006cff 100%); } .bg-gradient-cyan-blue-to-left { background: -moz-linear-gradient(to left, #00cbff 0, #006cff 100%); background: -webkit-linear-gradient(to left, #00cbff 0, #006cff 100%); background: linear-gradient(to left, #00cbff 0, #006cff 100%); } .bg-gradient-cyan-blue-diagonal-down { background: -moz-linear-gradient(-45deg, #00cbff 0, #006cff 100%); background: -webkit-linear-gradient(-45deg, #00cbff 0, #006cff 100%); background: linear-gradient(-45deg, #00cbff 0, #006cff 100%); } .bg-gradient-cyan-blue-diagonal-up { background: -moz-linear-gradient(45deg, #00cbff 0, #006cff 100%); background: -webkit-linear-gradient(45deg, #00cbff 0, #006cff 100%); background: linear-gradient(45deg, #00cbff 0, #006cff 100%); } .bg-gradient-cyan-purple, .bg-gradient-cyan-purple-diagonal-down, .bg-gradient-cyan-purple-diagonal-up, .bg-gradient-cyan-purple-to-right { background: #00cbff; } .bg-gradient-cyan-purple { background: -moz-linear-gradient(to bottom, #00cbff 0, #9800ff 100%); background: -webkit-linear-gradient(to bottom, #00cbff 0, #9800ff 100%); background: linear-gradient(to bottom, #00cbff 0, #9800ff 100%); } .bg-gradient-cyan-purple-to-right { background: -moz-linear-gradient(to right, #00cbff 0, #9800ff 100%); background: -webkit-linear-gradient(to right, #00cbff 0, #9800ff 100%); background: linear-gradient(to right, #00cbff 0, #9800ff 100%); } .bg-gradient-cyan-purple-to-top { background: -moz-linear-gradient(to top, #00cbff 0, #9800ff 100%); background: -webkit-linear-gradient(to top, #00cbff 0, #9800ff 100%); background: linear-gradient(to top, #00cbff 0, #9800ff 100%); } .bg-gradient-cyan-purple-to-left { background: -moz-linear-gradient(to left, #00cbff 0, #9800ff 100%); background: -webkit-linear-gradient(to left, #00cbff 0, #9800ff 100%); background: linear-gradient(to left, #00cbff 0, #9800ff 100%); } .bg-gradient-cyan-purple-diagonal-down { background: -moz-linear-gradient(-45deg, #00cbff 0, #9800ff 100%); background: -webkit-linear-gradient(-45deg, #00cbff 0, #9800ff 100%); background: linear-gradient(-45deg, #00cbff 0, #9800ff 100%); } .bg-gradient-cyan-purple-diagonal-up { background: -moz-linear-gradient(45deg, #00cbff 0, #9800ff 100%); background: -webkit-linear-gradient(45deg, #00cbff 0, #9800ff 100%); background: linear-gradient(45deg, #00cbff 0, #9800ff 100%); } .bg-gradient-cyan-indigo, .bg-gradient-cyan-indigo-diagonal-down, .bg-gradient-cyan-indigo-diagonal-up, .bg-gradient-cyan-indigo-to-right { background: #00cbff; } .bg-gradient-cyan-indigo { background: -moz-linear-gradient(to bottom, #00cbff 0, #5600ff 100%); background: -webkit-linear-gradient(to bottom, #00cbff 0, #5600ff 100%); background: linear-gradient(to bottom, #00cbff 0, #5600ff 100%); } .bg-gradient-cyan-indigo-to-right { background: -moz-linear-gradient(to right, #00cbff 0, #5600ff 100%); background: -webkit-linear-gradient(to right, #00cbff 0, #5600ff 100%); background: linear-gradient(to right, #00cbff 0, #5600ff 100%); } .bg-gradient-cyan-indigo-to-top { background: -moz-linear-gradient(to top, #00cbff 0, #5600ff 100%); background: -webkit-linear-gradient(to top, #00cbff 0, #5600ff 100%); background: linear-gradient(to top, #00cbff 0, #5600ff 100%); } .bg-gradient-cyan-indigo-to-left { background: -moz-linear-gradient(to left, #00cbff 0, #5600ff 100%); background: -webkit-linear-gradient(to left, #00cbff 0, #5600ff 100%); background: linear-gradient(to left, #00cbff 0, #5600ff 100%); } .bg-gradient-cyan-indigo-diagonal-down { background: -moz-linear-gradient(-45deg, #00cbff 0, #5600ff 100%); background: -webkit-linear-gradient(-45deg, #00cbff 0, #5600ff 100%); background: linear-gradient(-45deg, #00cbff 0, #5600ff 100%); } .bg-gradient-cyan-indigo-diagonal-up { background: -moz-linear-gradient(45deg, #00cbff 0, #5600ff 100%); background: -webkit-linear-gradient(45deg, #00cbff 0, #5600ff 100%); background: linear-gradient(45deg, #00cbff 0, #5600ff 100%); } .bg-gradient-blue-indigo, .bg-gradient-blue-indigo-diagonal-down, .bg-gradient-blue-indigo-diagonal-up, .bg-gradient-blue-indigo-to-right { background: #006cff; } .bg-gradient-blue-indigo { background: -moz-linear-gradient(to bottom, #006cff 0, #5600ff 100%); background: -webkit-linear-gradient(to bottom, #006cff 0, #5600ff 100%); background: linear-gradient(to bottom, #006cff 0, #5600ff 100%); } .bg-gradient-blue-indigo-to-right { background: -moz-linear-gradient(to right, #006cff 0, #5600ff 100%); background: -webkit-linear-gradient(to right, #006cff 0, #5600ff 100%); background: linear-gradient(to right, #006cff 0, #5600ff 100%); } .bg-gradient-blue-indigo-to-top { background: -moz-linear-gradient(to top, #006cff 0, #5600ff 100%); background: -webkit-linear-gradient(to top, #006cff 0, #5600ff 100%); background: linear-gradient(to top, #006cff 0, #5600ff 100%); } .bg-gradient-blue-indigo-to-left { background: -moz-linear-gradient(to left, #006cff 0, #5600ff 100%); background: -webkit-linear-gradient(to left, #006cff 0, #5600ff 100%); background: linear-gradient(to left, #006cff 0, #5600ff 100%); } .bg-gradient-blue-indigo-diagonal-down { background: -moz-linear-gradient(-45deg, #006cff 0, #5600ff 100%); background: -webkit-linear-gradient(-45deg, #006cff 0, #5600ff 100%); background: linear-gradient(-45deg, #006cff 0, #5600ff 100%); } .bg-gradient-blue-indigo-diagonal-up { background: -moz-linear-gradient(45deg, #006cff 0, #5600ff 100%); background: -webkit-linear-gradient(45deg, #006cff 0, #5600ff 100%); background: linear-gradient(45deg, #006cff 0, #5600ff 100%); } .bg-gradient-purple-indigo, .bg-gradient-purple-indigo-diagonal-down, .bg-gradient-purple-indigo-diagonal-up, .bg-gradient-purple-indigo-to-right { background: #9800ff; } .bg-gradient-purple-indigo { background: -moz-linear-gradient(to bottom, #9800ff 0, #5600ff 100%); background: -webkit-linear-gradient(to bottom, #9800ff 0, #5600ff 100%); background: linear-gradient(to bottom, #9800ff 0, #5600ff 100%); } .bg-gradient-purple-indigo-to-right { background: -moz-linear-gradient(to right, #9800ff 0, #5600ff 100%); background: -webkit-linear-gradient(to right, #9800ff 0, #5600ff 100%); background: linear-gradient(to right, #9800ff 0, #5600ff 100%); } .bg-gradient-purple-indigo-to-top { background: -moz-linear-gradient(to top, #9800ff 0, #5600ff 100%); background: -webkit-linear-gradient(to top, #9800ff 0, #5600ff 100%); background: linear-gradient(to top, #9800ff 0, #5600ff 100%); } .bg-gradient-purple-indigo-to-left { background: -moz-linear-gradient(to left, #9800ff 0, #5600ff 100%); background: -webkit-linear-gradient(to left, #9800ff 0, #5600ff 100%); background: linear-gradient(to left, #9800ff 0, #5600ff 100%); } .bg-gradient-purple-indigo-diagonal-down { background: -moz-linear-gradient(-45deg, #9800ff 0, #5600ff 100%); background: -webkit-linear-gradient(-45deg, #9800ff 0, #5600ff 100%); background: linear-gradient(-45deg, #9800ff 0, #5600ff 100%); } .bg-gradient-purple-indigo-diagonal-up { background: -moz-linear-gradient(45deg, #9800ff 0, #5600ff 100%); background: -webkit-linear-gradient(45deg, #9800ff 0, #5600ff 100%); background: linear-gradient(45deg, #9800ff 0, #5600ff 100%); } .bg-gradient-silver-black, .bg-gradient-silver-black-diagonal-down, .bg-gradient-silver-black-diagonal-up, .bg-gradient-silver-black-to-right { background: #eee; } .bg-gradient-silver-black { background: -moz-linear-gradient(to bottom, #eee 0, #000 100%); background: -webkit-linear-gradient(to bottom, #eee 0, #000 100%); background: linear-gradient(to bottom, #eee 0, #000 100%); } .bg-gradient-silver-black-to-right { background: -moz-linear-gradient(to right, #eee 0, #000 100%); background: -webkit-linear-gradient(to right, #eee 0, #000 100%); background: linear-gradient(to right, #eee 0, #000 100%); } .bg-gradient-silver-black-to-top { background: -moz-linear-gradient(to top, #eee 0, #000 100%); background: -webkit-linear-gradient(to top, #eee 0, #000 100%); background: linear-gradient(to top, #eee 0, #000 100%); } .bg-gradient-silver-black-to-left { background: -moz-linear-gradient(to left, #eee 0, #000 100%); background: -webkit-linear-gradient(to left, #eee 0, #000 100%); background: linear-gradient(to left, #eee 0, #000 100%); } .bg-gradient-silver-black-diagonal-down { background: -moz-linear-gradient(-45deg, #eee 0, #000 100%); background: -webkit-linear-gradient(-45deg, #eee 0, #000 100%); background: linear-gradient(-45deg, #eee 0, #000 100%); } .bg-gradient-silver-black-diagonal-up { background: -moz-linear-gradient(45deg, #eee 0, #000 100%); background: -webkit-linear-gradient(45deg, #eee 0, #000 100%); background: linear-gradient(45deg, #eee 0, #000 100%); } .opacity-0 { opacity: 0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .opacity-10 { opacity: 1 !important; } .with-shadow { box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.1) !important; } .hide { display: none !important; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0.375rem; } .img-circle { border-radius: 50%; } .valign-top { vertical-align: top !important; } .valign-bottom { vertical-align: bottom !important; } .valign-middle { vertical-align: middle !important; } .table-no-border-left tbody tr td, .table-no-border-left tbody tr th, .table-no-border-left thead tr td, .table-no-border-left thead tr th { border-left: none; } .table-no-border-right tbody tr td, .table-no-border-right tbody tr th, .table-no-border-right thead tr td, .table-no-border-right thead tr th { border-right: none; } .text-gradient { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .row { margin-left: -10px; margin-right: -10px; } .row > [class^="col-"] { padding-left: 10px; padding-right: 10px; } .row.row-space-0 { margin-left: 0; margin-right: 0; } .row.row-space-2 { margin-left: -1px; margin-right: -1px; } .row.row-space-4 { margin-left: -2px; margin-right: -2px; } .row.row-space-6 { margin-left: -3px; margin-right: -3px; } .row.row-space-8 { margin-left: -4px; margin-right: -4px; } .row.row-space-10 { margin-left: -5px; margin-right: -5px; } .row.row-space-12 { margin-left: -6px; margin-right: -6px; } .row.row-space-14 { margin-left: -7px; margin-right: -7px; } .row.row-space-16 { margin-left: -8px; margin-right: -8px; } .row.row-space-18 { margin-left: -9px; margin-right: -9px; } .row.row-space-20 { margin-left: -10px; margin-right: -10px; } .row.row-space-22 { margin-left: -11px; margin-right: -11px; } .row.row-space-24 { margin-left: -12px; margin-right: -12px; } .row.row-space-26 { margin-left: -13px; margin-right: -13px; } .row.row-space-28 { margin-left: -14px; margin-right: -14px; } .row.row-space-30 { margin-left: -15px; margin-right: -15px; } .row.row-space-0 > [class^="col-"] { padding-left: 0; padding-right: 0; } .row.row-space-2 > [class^="col-"] { padding-left: 1px; padding-right: 1px; } .row.row-space-4 > [class^="col-"] { padding-left: 2px; padding-right: 2px; } .row.row-space-6 > [class^="col-"] { padding-left: 3px; padding-right: 3px; } .row.row-space-8 > [class^="col-"] { padding-left: 4px; padding-right: 4px; } .row.row-space-10 > [class^="col-"] { padding-left: 5px; padding-right: 5px; } .row.row-space-12 > [class^="col-"] { padding-left: 6px; padding-right: 6px; } .row.row-space-14 > [class^="col-"] { padding-left: 7px; padding-right: 7px; } .row.row-space-16 > [class^="col-"] { padding-left: 8px; padding-right: 8px; } .row.row-space-18 > [class^="col-"] { padding-left: 9px; padding-right: 9px; } .row.row-space-20 > [class^="col-"] { padding-left: 10px; padding-right: 10px; } .row.row-space-22 > [class^="col-"] { padding-left: 11px; padding-right: 11px; } .row.row-space-24 > [class^="col-"] { padding-left: 12px; padding-right: 12px; } .row.row-space-26 > [class^="col-"] { padding-left: 13px; padding-right: 13px; } .row.row-space-28 > [class^="col-"] { padding-left: 14px; padding-right: 14px; } .row.row-space-30 > [class^="col-"] { padding-left: 15px; padding-right: 15px; } .height-xs { height: 150px !important; } .height-sm { height: 300px !important; } .height-md { height: 450px !important; } .height-lg { height: 600px !important; } .height-full { height: 100% !important; } .height-0 { height: 0 !important; } .height-10 { height: 10px !important; } .height-20 { height: 20px !important; } .height-30 { height: 30px !important; } .height-40 { height: 40px !important; } .height-50 { height: 50px !important; } .height-60 { height: 60px !important; } .height-70 { height: 70px !important; } .height-80 { height: 80px !important; } .height-90 { height: 90px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-550 { height: 550px !important; } .height-600 { height: 600px !important; } .wrapper { padding: 15px; } .width-xs { width: 150px !important; } .width-sm { width: 300px !important; } .width-md { width: 450px !important; } .width-lg { width: 600px !important; } .width-full { width: 100% !important; } .width-0 { width: 0 !important; } .width-10 { width: 10px !important; } .width-20 { width: 20px !important; } .width-30 { width: 30px !important; } .width-40 { width: 40px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-70 { width: 70px !important; } .width-80 { width: 80px !important; } .width-90 { width: 90px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .width-250 { width: 250px !important; } .width-300 { width: 300px !important; } .width-350 { width: 350px !important; } .width-400 { width: 400px !important; } .width-450 { width: 450px !important; } .width-500 { width: 500px !important; } .width-550 { width: 550px !important; } .width-600 { width: 600px !important; } .page-cover:before { background: #131d28; } .page-cover.s1o1 { background-image: url(/Resources/NewDesign/img/cover/1/img1.jpg)!important; } .page-cover.s1o2 { background-image: url(/Resources/NewDesign/img/cover/1/img2.jpg) !important; } .page-cover.s1o3 { background-image: url(/Resources/NewDesign/img/cover/1/img3.jpg) !important; } .page-cover.s2o1 { background-image: url(/Resources/NewDesign/img/cover/2/img1.jpg) !important; } .page-cover.s2o2 { background-image: url(/Resources/NewDesign/img/cover/2/img2.jpg) !important; } .page-cover.s2o3 { background-image: url(/Resources/NewDesign/img/cover/2/img3.jpg) !important; } .page-cover.s3o1 { background-image: url(/Resources/NewDesign/img/cover/3/img1.jpg) !important; } .page-cover.s3o2 { background-image: url(/Resources/NewDesign/img/cover/3/img2.jpg) !important; } .page-cover.s3o3 { background-image: url(/Resources/NewDesign/img/cover/3/img3.jpg) !important; } .filter-option-inner-inner { color:black; } #countries-table .custom-switch { margin-top:5px; } #define-standard .table { min-height:130px; } .gritter-notice-wrapper{ z-index:9000!important; } #carbon-database .panel .panel-body { padding:5px; } .country-val { height: 30px; } .country-val input { height: 23px; width: 90px; } .country-val .col { padding: 3px; } .order-number-td{ width:80px; } .changed-input { color: #5bf6ef; background-color: #1e2631; } .report-summary { font-size: 14px; font-weight: 600; } .activity-row{ height:28px; line-height:28px; } .ck-editor__editable { min-height: 200px; max-width:700px; color:black; } .ck-toolbar_grouping { max-width: 700px; } .active-input-row { background-color: #5887cb70; } .country-val:hover { background-color: #435d8370; } .chart-creation { display: none!important; } .active > .chart-creation{ display:inline-block!important; cursor:pointer!important; } .active > div > .chart-creation { display: inline-block !important; } .custom-switch{ cursor:pointer!important; } .timeline:before { background: #97e292; } .timeline > li { min-height: 150px; } .timeline .timeline-body { background: rgba(38, 38, 38, 0.65); } .timeline .scope-parent .date{ font-size: 33px; line-height: 33px; color: #234c8b; } .timeline .report-total .date { font-size: 33px; line-height: 33px; color: green; } .timeline .scope-chart .date, .timeline .scope-introduction .date, .timeline .scope-conclusion .date, .timeline .scope-total .date{ font-size: 24px; line-height: 24px; color: #2d5185; } .timeline .chapter-parent .date { font-size: 27px; line-height: 27px; color: #5d82b7; } .timeline .chapter-chart .date, .timeline .chapter-total .date { font-size: 18px; line-height: 18px; color: #77a8ee; } .timeline .activity-parent .date { font-size: 21px; line-height: 21px; color: #95b1dc; } .timeline .activity-chart .date, .timeline .activity-total .date { font-size: 17px; line-height: 17px; color: #97adcd; } .timeline .emission-item .date { font-size: 15px; line-height: 15px; color: #e0ecff; } .timeline .timeline-time .time { font-size: 15px; line-height: 15px; color: #4495da54; } .timeline .custom-control.custom-switch { cursor: pointer !important; } .timeline .timeline-time { border-bottom: 1px solid #1e3a5e52; } .timeline .scope-parent .timeline-icon a { width: 40px; height: 40px; border: 5px solid #14b309; background: #0b4806; } .timeline .scope-introduction .timeline-icon a, .timeline .scope-conclusion .timeline-icon a { width: 35px; height: 35px; border: 5px solid #106e09; background: #082a05; } .timeline .chapter-parent .timeline-icon a { width: 30px; height: 30px; border: 5px solid #117a9a; background: #073543; } .timeline .chapter-chart .timeline-icon a, .timeline .chapter-total .timeline-icon a{ width: 27px; height: 27px; border: 5px solid #2f9fc1; background: #1a5c71; } .timeline .activity-parent .timeline-icon a { width: 25px; height: 25px; border: 5px solid #5fceda; background: #2a5d62; } .timeline .activity-chart .timeline-icon a, .timeline .activity-total .timeline-icon a { width: 22px; height: 22px; border: 5px solid #87d3dc; background: #40666b; } .hidden-element { display:none!important; } .btn-delete{ cursor:pointer!important; } .new-item .btn-delete { display:none!important; } .report-element { border: 1px solid #324062; padding: 2px 2px 4px 10px; cursor: pointer !important; background: #09183f; color: white; } .report-parent { padding: 9px 2px 8px 10px; background: #060f25; } .report-element.selected { background: #7fdef6; color: black; border: 1px solid black; } .report-parent.selected { background: #61b3c7; } /*body.coffset-body select.form-control{ background-color: transparent; color: black; }*/ body.coffset-body select.form-control option { margin: 40px; background: rgba(0, 0, 0, 0.3); color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .toggle-consolidation { width: 62px; height: 20px; position: relative; background-color: #3e3535; font-size: 10px; z-index: 11; right: 90px; top: 7px; padding-left: 5px; cursor: pointer; color: white; line-height: 19px; } .toggle-consolidation.consolidated { background-color: #fff4f4; color: #0036b5; width:68px; } /*! * Font Awesome Free 5.15.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) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .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-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: 0.08em solid #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1); } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(/Resources/fonts/fa-brands-400.eot); src: url(/Resources/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/Resources/fonts/fa-brands-400.woff2) format("woff2"), url(/Resources/fonts/fa-brands-400.woff) format("woff"), url(/Resources/fonts/fa-brands-400.ttf) format("truetype"), url(/Resources/fonts/fa-brands-400.svg#fontawesome) format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: block; src: url(/Resources/fonts/fa-regular-400.eot); src: url(/Resources/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/Resources/fonts/fa-regular-400.woff2) format("woff2"), url(/Resources/fonts/fa-regular-400.woff) format("woff"), url(/Resources/fonts/fa-regular-400.ttf) format("truetype"), url(/Resources/fonts/fa-regular-400.svg#fontawesome) format("svg"); } .fab, .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(/Resources/fonts/fa-solid-900.eot); src: url(/Resources/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/Resources/fonts/fa-solid-900.woff2) format("woff2"), url(/Resources/fonts/fa-solid-900.woff) format("woff"), url(/Resources/fonts/fa-solid-900.ttf) format("truetype"), url(/Resources/fonts/fa-solid-900.svg#fontawesome) format("svg"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } /* IMPORTANT: In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes. No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS classes should alter those! */ .slick-header.ui-state-default, .slick-headerrow.ui-state-default { width: 100%; overflow: hidden; border-left: 0px; } .slick-header-columns, .slick-headerrow-columns { width: 999999px; position: relative; white-space: nowrap; cursor: default; overflow: hidden; } .slick-header-column.ui-state-default { position: relative; display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 16px; line-height: 16px; margin: 0; padding: 4px; border-right: 1px solid silver; border-left: 0px; border-top: 0px; border-bottom: 0px; float: left; } .slick-headerrow-column.ui-state-default { padding: 4px; } .slick-header-column-sorted { font-style: italic; } .slick-sort-indicator { display: inline-block; width: 8px; height: 5px; margin-left: 4px; } .slick-sort-indicator-desc { background: url(/Resources/Tools/SlickGrid/images/sort-desc.gif); } .slick-sort-indicator-asc { background: url(/Resources/Tools/SlickGrid/images/sort-asc.gif); } .slick-resizable-handle { position: absolute; font-size: 0.1px; display: block; cursor: col-resize; width: 4px; right: 0px; top: 0; height: 100%; } .slick-sortable-placeholder { background: silver; } .grid-canvas { position: relative; outline: 0; } .slick-row.ui-widget-content, .slick-row.ui-state-active { position: absolute; border: 0px; width: 100%; } .slick-cell, .slick-headerrow-column { position: absolute; border: 1px solid transparent; border-right: 1px dotted silver; border-bottom-color: silver; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; z-index: 1; padding: 1px 2px 2px 1px; margin: 0; white-space: nowrap; cursor: default; } .slick-group { } .slick-group-toggle { display: inline-block; } .slick-cell.highlighted { background: lightskyblue; background: rgba(0, 0, 255, 0.2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .slick-cell.flashing { border: 1px solid red !important; } .slick-cell.editable { z-index: 11; overflow: visible; background: white; border-color: black; border-style: solid; } .slick-cell:focus { outline: none; } .slick-reorder-proxy { display: inline-block; background: blue; opacity: 0.15; filter: alpha(opacity = 15); cursor: move; } .slick-reorder-guide { display: inline-block; height: 2px; background: blue; opacity: 0.7; filter: alpha(opacity = 70); } .slick-selection { z-index: 10; position: absolute; border: 2px dashed black; } .introjs-overlay { position: absolute; box-sizing: content-box; z-index: 999999; opacity: 0; transition: all .3s ease-out } .introjs-showElement { z-index: 9999999 !important } tr.introjs-showElement > td { z-index: 9999999 !important; position: relative } tr.introjs-showElement > th { z-index: 9999999 !important; position: relative } .introjs-disableInteraction { z-index: 99999999 !important; position: absolute; background-color: #fff; opacity: 0 } .introjs-relativePosition { position: relative } .introjs-helperLayer { box-sizing: content-box; position: absolute; z-index: 9999998; border-radius: 4px; transition: all .3s ease-out } .introjs-helperLayer * { box-sizing: content-box } .introjs-helperLayer :before { box-sizing: content-box } .introjs-helperLayer :after { box-sizing: content-box } .introjs-tooltipReferenceLayer { font-family: "Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif; box-sizing: content-box; position: absolute; visibility: hidden; z-index: 100000000; background-color: transparent; transition: all .3s ease-out } .introjs-tooltipReferenceLayer * { font-family: "Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif } .introjs-helperNumberLayer { font-family: "Helvetica Neue",Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif; color: #9e9e9e; text-align: center; padding-top: 10px; padding-bottom: 10px } .introjs-arrow { border: 5px solid transparent; content: ""; position: absolute } .introjs-arrow.top { top: -10px; left: 10px; border-bottom-color: #fff } .introjs-arrow.top-right { top: -10px; right: 10px; border-bottom-color: #fff } .introjs-arrow.top-middle { top: -10px; left: 50%; margin-left: -5px; border-bottom-color: #fff } .introjs-arrow.right { right: -10px; top: 10px; border-left-color: #fff } .introjs-arrow.right-bottom { bottom: 10px; right: -10px; border-left-color: #fff } .introjs-arrow.bottom { bottom: -10px; left: 10px; border-top-color: #fff } .introjs-arrow.bottom-right { bottom: -10px; right: 10px; border-top-color: #fff } .introjs-arrow.bottom-middle { bottom: -10px; left: 50%; margin-left: -5px; border-top-color: #fff } .introjs-arrow.left { left: -10px; top: 10px; border-right-color: #fff } .introjs-arrow.left-bottom { left: -10px; bottom: 10px; border-right-color: #fff } .introjs-tooltip { box-sizing: content-box; position: absolute; visibility: visible; background-color: #fff; min-width: 250px; max-width: 300px; border-radius: 5px; box-shadow: 0 3px 30px rgba(33,33,33,.3); transition: opacity .1s ease-out } .introjs-tooltiptext { padding: 20px; color: black; font-size: 14px; font-weight: 600; } } .introjs-dontShowAgain { padding-left: 20px; padding-right: 20px } .introjs-dontShowAgain input { padding: 0; margin: 0; margin-bottom: 2px; display: inline; width: 10px; height: 10px } .introjs-dontShowAgain label { font-size: 14px; display: inline-block; font-weight: 400; margin: 0 0 0 5px; padding: 0; background-color: #fff; color: #616161; -webkit-user-select: none; user-select: none } .introjs-tooltip-title { font-size: 18px; width: 90%; min-height: 1.5em; margin: 0; padding: 0; font-weight: 700; line-height: 1.5 } .introjs-tooltip-header { position: relative; padding-left: 20px; padding-right: 20px; padding-top: 10px; min-height: 1.5em } .introjs-tooltipbuttons { border-top: 1px solid #e0e0e0; padding: 10px; text-align: right; white-space: nowrap } .introjs-tooltipbuttons:after { content: ""; visibility: hidden; display: block; height: 0; clear: both } .introjs-button { box-sizing: content-box; position: relative; overflow: visible; padding: .5rem 1rem; border: 1px solid #bdbdbd; text-decoration: none; text-shadow: 1px 1px 0 #fff; font-size: 14px; color: #424242; white-space: nowrap; cursor: pointer; outline: 0; background-color: #f4f4f4; border-radius: .2em; zoom: 1; display: inline } .introjs-button:hover { outline: 0; text-decoration: none; border-color: #9e9e9e; background-color: #e0e0e0; color: #212121 } .introjs-button:focus { outline: 0; text-decoration: none; background-color: #eee; box-shadow: 0 0 0 .2rem rgba(158,158,158,.5); border: 1px solid #616161; color: #212121 } .introjs-button:active { outline: 0; text-decoration: none; background-color: #e0e0e0; border-color: #9e9e9e; color: #212121 } .introjs-button::-moz-focus-inner { padding: 0; border: 0 } .introjs-skipbutton { position: absolute; top: 0; right: 0; display: inline-block; width: 45px; height: 45px; line-height: 45px; color: #616161; font-size: 22px; cursor: pointer; font-weight: 700; text-align: center; text-decoration: none } .introjs-skipbutton:focus, .introjs-skipbutton:hover { color: #212121; outline: 0; text-decoration: none } .introjs-prevbutton { float: left } .introjs-nextbutton { float: right } .introjs-disabled { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none } .introjs-disabled:focus, .introjs-disabled:hover { color: #9e9e9e; border-color: #bdbdbd; box-shadow: none; cursor: default; background-color: #f4f4f4; background-image: none; text-decoration: none } .introjs-hidden { display: none } .introjs-bullets { text-align: center; padding-top: 10px; padding-bottom: 10px } .introjs-bullets ul { box-sizing: content-box; clear: both; margin: 0 auto 0; padding: 0; display: inline-block } .introjs-bullets ul li { box-sizing: content-box; list-style: none; float: left; margin: 0 2px } .introjs-bullets ul li a { transition: width .1s ease-in; box-sizing: content-box; display: block; width: 6px; height: 6px; background: #ccc; border-radius: 10px; text-decoration: none; cursor: pointer } .introjs-bullets ul li a:focus, .introjs-bullets ul li a:hover { width: 15px; background: #999; text-decoration: none; outline: 0 } .introjs-bullets ul li a.active { width: 15px; background: #999 } .introjs-progress { box-sizing: content-box; overflow: hidden; height: 10px; margin: 10px; border-radius: 4px; background-color: #e0e0e0 } .introjs-progressbar { box-sizing: content-box; float: left; width: 0%; height: 100%; font-size: 10px; line-height: 10px; text-align: center; background-color: #08c } .introjsFloatingElement { position: absolute; height: 0; width: 0; left: 50%; top: 50% } .introjs-fixedTooltip { position: fixed } .introjs-hint { box-sizing: content-box; position: absolute; background: 0 0; width: 20px; height: 15px; cursor: pointer } .introjs-hint:focus { border: 0; outline: 0 } .introjs-hint:hover > .introjs-hint-pulse { background-color: rgba(60,60,60,.57) } .introjs-hidehint { display: none } .introjs-fixedhint { position: fixed } @keyframes introjspulse { 0% { transform: scale(.95); box-shadow: 0 0 0 0 rgba(0,0,0,.7) } 70% { transform: scale(1); box-shadow: 0 0 0 10px transparent } 100% { transform: scale(.95); box-shadow: 0 0 0 0 transparent } } .introjs-hint-pulse { box-sizing: content-box; width: 15px; height: 15px; border-radius: 30px; background-color: rgba(136,136,136,.24); z-index: 10; position: absolute; transition: all .2s ease-out; animation: introjspulse 2s infinite } .introjs-hint-no-anim .introjs-hint-pulse { animation: none } .introjs-hint-dot { box-sizing: content-box; background: 0 0; border-radius: 60px; height: 50px; width: 50px; position: absolute; top: -18px; left: -18px; z-index: 1; opacity: 0 } .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;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;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:18px;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-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;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{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{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:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 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, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 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, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 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, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 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:#fff;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:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /*! ======================================================================== * Bootstrap Toggle: bootstrap-toggle.css v2.2.0 * http://www.bootstraptoggle.com * ======================================================================== * Copyright 2014 Min Hur, The New York Times Company * Licensed under MIT * ======================================================================== */ .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px} .toggle{position:relative;overflow:hidden} .toggle input[type=checkbox]{display:none} .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none} .toggle.off .toggle-group{left:-100%} .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0} .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0} .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px} .toggle.btn{min-width:59px;min-height:34px} .toggle-on.btn{padding-right:24px} .toggle-off.btn{padding-left:24px} .toggle.btn-lg{min-width:79px;min-height:45px} .toggle-on.btn-lg{padding-right:31px} .toggle-off.btn-lg{padding-left:31px} .toggle-handle.btn-lg{width:40px} .toggle.btn-sm{min-width:50px;min-height:30px} .toggle-on.btn-sm{padding-right:20px} .toggle-off.btn-sm{padding-left:20px} .toggle.btn-xs{min-width:35px;min-height:22px} .toggle-on.btn-xs{padding-right:12px} .toggle-off.btn-xs{padding-left:12px} .slick-columnpicker { border: 1px solid #718BB7; background: #f0f0f0; padding: 6px; -moz-box-shadow: 2px 2px 2px silver; -webkit-box-shadow: 2px 2px 2px silver; min-width: 100px; cursor: default; } .slick-columnpicker li { list-style: none; margin: 0; padding: 0; background: none; } .slick-columnpicker input { margin: 4px; } .slick-columnpicker li a { display: block; padding: 4px; font-weight: bold; } .slick-columnpicker li a:hover { background: white; }