/* Minification failed. Returning unminified contents. (8999,16): run-time error CSS1035: Expected colon, found '{' (9047,8): run-time error CSS1035: Expected colon, found '.' */ /*! jQuery UI - v1.13.2 - 2022-07-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 */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .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; /* support: IE10, see #8844 */ 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; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .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; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ 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; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ 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; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .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%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ 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: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .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; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .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 #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; 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 #cccccc; 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: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .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; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("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"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .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; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; -ms-filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* jQuery UI Datepicker moving pixels fix */ table.ui-datepicker-calendar {border-collapse: separate;} .ui-datepicker-calendar td {border: 1px solid transparent;} /* jQuery UI Datepicker hide datepicker helper */ #ui-datepicker-div {display:none;} /* jQuery UI Datepicker emphasis on selected dates */ .ui-datepicker-current-day a.ui-state-default.ui-state-active { background: #3e3e3e none; color: white; } .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a { background: #d8232a none; color: white; } /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100% !important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .navbar { display: none } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important } .label { 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 #ddd !important } } @font-face { font-family: "Glyphicons Halflings"; src: url(../fonts/glyphicons-halflings-regular.eot); src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg") } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\002a" } .glyphicon-plus:before { content: "\002b" } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before { content: "\e227" } .glyphicon-btc:before { content: "\e227" } .glyphicon-xbt:before { content: "\e227" } .glyphicon-yen:before { content: "\00a5" } .glyphicon-jpy:before { content: "\00a5" } .glyphicon-ruble:before { content: "\20bd" } .glyphicon-rub:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #337ab7; text-decoration: none } a:focus, a:hover { color: #23527c; text-decoration: underline } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } figure { margin: 0 } img { vertical-align: middle } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } [role=button] { cursor: pointer } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777 } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% } .h1, h1 { font-size: 36px } .h2, h2 { font-size: 30px } .h3, h3 { font-size: 24px } .h4, h4 { font-size: 18px } .h5, h5 { font-size: 14px } .h6, h6 { font-size: 12px } p { margin: 0 0 10px } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 } @media (min-width:768px) { .lead { font-size: 21px } } .small, small { font-size: 85% } .mark, mark { padding: .2em; background-color: #fcf8e3 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .text-nowrap { white-space: nowrap } .text-lowercase { text-transform: lowercase } .text-uppercase { text-transform: uppercase } .text-capitalize { text-transform: capitalize } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:focus, a.text-primary:hover { color: #286090 } .text-success { color: #3c763d } a.text-success:focus, a.text-success:hover { color: #2b542c } .text-info { color: #31708f } a.text-info:focus, a.text-info:hover { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:focus, a.text-warning:hover { color: #66512c } .text-danger { color: #a94442 } a.text-danger:focus, a.text-danger:hover { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9 } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee } ol, ul { margin-top: 0; margin-bottom: 10px } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none; margin-left: -5px } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px } dl { margin-top: 0; margin-bottom: 20px } dd, dt { line-height: 1.42857143 } dt { font-weight: 700 } dd { margin-left: 0 } @media (min-width:768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } } abbr[data-original-title], abbr[title] { cursor: help } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777 } blockquote .small:before, blockquote footer:before, blockquote small:before { content: "\2014 \00A0" } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0 } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: "" } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: "\00A0 \2014" } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 } code, kbd, pre, samp { font-family: Menlo,Monaco,Consolas,"Courier New",monospace } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1170px } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { margin-right: -15px; margin-left: -15px } .row-no-gutters { margin-right: 0; margin-left: 0 } .row-no-gutters [class*=col-] { padding-right: 0; padding-left: 0 } .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-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-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-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 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .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 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .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 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .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 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .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 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } table { background-color: transparent } table col[class*=col-] { position: static; display: table-column; float: none } table td[class*=col-], table th[class*=col-] { position: static; display: table-cell; float: none } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } th { text-align: left } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0 } .table > tbody + tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px } .table-bordered { border: 1px solid #ddd } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover > tbody > tr:hover { background-color: #f5f5f5 } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5 } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8 } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8 } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6 } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7 } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3 } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3 } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc } .table-responsive { min-height: .01%; overflow-x: auto } @media screen and (max-width:767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd } .table-responsive > .table { margin-bottom: 0 } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap } .table-responsive > .table-bordered { border: 0 } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0 } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0 } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555 } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1 } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { line-height: 34px } .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm { line-height: 30px } .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg { line-height: 46px } } .form-group { margin-bottom: 15px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -20px } .checkbox + .checkbox, .radio + .radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0 } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-sm { height: 30px; line-height: 30px } select[multiple].input-sm, textarea.input-sm { height: auto } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .form-group-sm select.form-control { height: 30px; line-height: 30px } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg, textarea.input-lg { height: auto } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .form-group-lg select.form-control { height: 46px; line-height: 46px } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 42.5px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d } .has-success .form-control-feedback { color: #3c763d } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442 } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075) } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442 } .has-error .form-control-feedback { color: #a94442 } .has-feedback label ~ .form-control-feedback { top: 25px } .has-feedback label.sr-only ~ .form-control-feedback { top: 0 } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373 } @media (min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-static { display: inline-block } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group > .form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0 } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right } } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width:768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px } } @media (min-width:768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px } } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: .65; -webkit-box-shadow: none; box-shadow: none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40 } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74 } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; background-image: none; border-color: #204d74 } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40 } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4 } .btn-primary .badge { color: #337ab7; background-color: #fff } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625 } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439 } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; background-image: none; border-color: #398439 } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625 } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512 } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925 } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height,visibility; -o-transition-property: height,visibility; transition-property: height,visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown, .dropup { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777 } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .open > .dropdown-menu { display: block } .open > a { outline: 0 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-left { right: auto; left: 0 } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 } .pull-right > .dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9 } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width:768px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { right: auto; left: 0 } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2 } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group > .btn:first-child { margin-left: 0 } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group > .btn-group { float: left } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100% } .btn-group-vertical > .btn-group > .btn { float: none } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0 } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0 } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0 } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1% } .btn-group-justified > .btn-group .btn { width: 100% } .btn-group-justified > .btn-group .dropdown-menu { left: auto } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-right: 0; padding-left: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:focus { z-index: 3 } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0 } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { margin-top: 0 } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group-addon:first-child { border-right: 0 } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-addon:last-child { border-left: 0 } .input-group-btn { position: relative; font-size: 0; white-space: nowrap } .input-group-btn > .btn { position: relative } .input-group-btn > .btn + .btn { margin-left: -1px } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2 } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav > li { position: relative; display: block } .nav > li > a { position: relative; display: block; padding: 10px 15px } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee } .nav > li.disabled > a { color: #777 } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7 } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 } .nav > li > a > img { max-width: none } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs > li { float: left; margin-bottom: -1px } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0 } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent } .nav-tabs.nav-justified { width: 100%; border-bottom: 0 } .nav-tabs.nav-justified > li { float: none } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1% } .nav-tabs.nav-justified > li > a { margin-bottom: 0 } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff } } .nav-pills > li { float: left } .nav-pills > li > a { border-radius: 4px } .nav-pills > li + li { margin-left: 2px } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7 } .nav-stacked > li { float: none } .nav-stacked > li + li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified > li { float: none } .nav-justified > li > a { margin-bottom: 5px; text-align: center } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto } @media (min-width:768px) { .nav-justified > li { display: table-cell; width: 1% } .nav-justified > li > a { margin-bottom: 0 } } .nav-tabs-justified { border-bottom: 0 } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0 } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff } } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent } @media (min-width:768px) { .navbar { border-radius: 4px } } @media (min-width:768px) { .navbar-header { float: left } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -webkit-overflow-scrolling: touch } .navbar-collapse.in { overflow-y: auto } @media (min-width:768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important } .navbar-collapse.in { overflow-y: visible } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px } } @media (min-width:768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 } } .navbar-fixed-top { top: 0; border-width: 0 0 1px } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0 } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } @media (min-width:768px) { .navbar-static-top { border-radius: 0 } } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand > img { display: block } @media (min-width:768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px } @media (min-width:768px) { .navbar-toggle { display: none } } .navbar-nav { margin: 7.5px -15px } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px } @media (max-width:767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none } } @media (min-width:768px) { .navbar-nav { float: left; margin: 0 } .navbar-nav > li { float: left } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px } } .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1); margin-top: 8px; margin-bottom: 8px } @media (min-width:768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .form-control-static { display: inline-block } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto } .navbar-form .input-group > .form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media (max-width:767px) { .navbar-form .form-group { margin-bottom: 5px } .navbar-form .form-group:last-child { margin-bottom: 0 } } @media (min-width:768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-text { margin-top: 15px; margin-bottom: 15px } @media (min-width:768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px } } @media (min-width:768px) { .navbar-left { float: left !important } .navbar-right { float: right !important; margin-right: -15px } .navbar-right ~ .navbar-right { margin-right: 0 } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav > li > a { color: #777 } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7 } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent } } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808 } @media (max-width:767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent } } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px } .breadcrumb > li { display: inline-block } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0" } .breadcrumb > .active { color: #777 } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px } .pagination > li { display: inline } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7 } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333 } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5 } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none } .pager li { display: inline } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee } .pager .next > a, .pager .next > span { float: right } .pager .previous > a, .pager .previous > span { float: left } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer } .label:empty { display: none } .btn .label { position: relative; top: -1px } .label-default { background-color: #777 } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff } .list-group-item > .badge { float: right } .list-group-item > .badge + .badge { margin-right: 5px } .nav-pills > li > a > .badge { margin-left: 3px } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee } .jumbotron .h1, .jumbotron h1 { color: inherit } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200 } .jumbotron > hr { border-top-color: #d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px } .jumbotron .container { max-width: 100% } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px } .jumbotron .h1, .jumbotron h1 { font-size: 63px } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7 } .thumbnail .caption { padding: 9px; color: #333 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px } .alert h4 { margin-top: 0; color: inherit } .alert .alert-link { font-weight: 700 } .alert > p, .alert > ul { margin-bottom: 0 } .alert > p + p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 35px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .alert-success hr { border-top-color: #c9e2b3 } .alert-success .alert-link { color: #2b542c } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .alert-warning hr { border-top-color: #f7e1b5 } .alert-warning .alert-link { color: #66512c } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .alert-danger hr { border-top-color: #e4b9c0 } .alert-danger .alert-link { color: #843534 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1) } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar-success { background-color: #5cb85c } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-info { background-color: #5bc0de } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-warning { background-color: #f0ad4e } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .progress-bar-danger { background-color: #d9534f } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) } .media { margin-top: 15px } .media:first-child { margin-top: 0 } .media, .media-body { overflow: hidden; zoom: 1 } .media-body { width: 10000px } .media-object { display: block } .media-object.img-thumbnail { max-width: none } .media-right, .media > .pull-right { padding-left: 10px } .media-left, .media > .pull-left { padding-right: 10px } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { margin-top: 0; margin-bottom: 5px } .media-list { padding-left: 0; list-style: none } .list-group { padding-left: 0; margin-bottom: 20px } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef } a.list-group-item, button.list-group-item { color: #555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5 } button.list-group-item { width: 100%; text-align: left } .list-group-item-success { color: #3c763d; background-color: #dff0d8 } a.list-group-item-success, button.list-group-item-success { color: #3c763d } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info, button.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3 } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b } .list-group-item-danger { color: #a94442; background-color: #f2dede } a.list-group-item-danger, button.list-group-item-danger { color: #a94442 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442 } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text { margin-bottom: 0; line-height: 1.3 } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05) } .panel-body { padding: 15px } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel-heading > .dropdown .dropdown-toggle { color: inherit } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0 } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0 } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0 } .list-group + .panel-footer { border-top-width: 0 } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0 } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0 } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0 } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0 } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0 } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0 } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 } .panel > .table-responsive { margin-bottom: 0; border: 0 } .panel-group { margin-bottom: 20px } .panel-group .panel { margin-bottom: 0; border-radius: 4px } .panel-group .panel + .panel { margin-top: 5px } .panel-group .panel-heading { border-bottom: 0 } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333 } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #337ab7 } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7 } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7 } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7 } .panel-success { border-color: #d6e9c6 } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6 } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6 } .panel-info { border-color: #bce8f1 } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1 } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #faebcc } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc } .panel-danger { border-color: #ebccd1 } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1 } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442 } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .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-16by9 { padding-bottom: 56.25% } .embed-responsive-4by3 { padding-bottom: 75% } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05) } .well blockquote { border-color: #ddd; border-color: rgba(0,0,0,.15) } .well-lg { padding: 24px; border-radius: 6px } .well-sm { padding: 9px; border-radius: 3px } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2 } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5 } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal.fade .modal-dialog { -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%); -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out } .modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0) } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5); outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative; padding: 15px } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5 } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn + .btn { margin-left: -1px } .modal-footer .btn-block + .btn-block { margin-left: 0 } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } .modal-sm { width: 300px } } @media (min-width:992px) { .modal-lg { width: 900px } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0 } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2) } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .popover > .arrow { border-width: 11px } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .popover > .arrow:after { content: ""; border-width: 10px } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0 } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0 } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25) } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25) } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .popover-content { padding: 9px 14px } .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1 } @media all and (transform-3d),(-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner > .item.active.right, .carousel-inner > .item.next { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); left: 0 } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); left: 0 } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block } .carousel-inner > .active { left: 0 } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100% } .carousel-inner > .next { left: 100% } .carousel-inner > .prev { left: -100% } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0 } .carousel-inner > .active.left { left: -100% } .carousel-inner > .active.right { left: 100% } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); background-color: rgba(0,0,0,0); filter: alpha(opacity=50); opacity: .5 } .carousel-control.left { background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: .9 } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1 } .carousel-control .icon-prev:before { content: "\2039" } .carousel-control .icon-next:before { content: "\203a" } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) } .carousel-caption .btn { text-shadow: none } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { display: none !important } .affix { position: fixed } @-ms-viewport { width: device-width } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important } @media (max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } } @media (max-width:767px) { .visible-xs-block { display: block !important } } @media (max-width:767px) { .visible-xs-inline { display: inline !important } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block !important } } @media (min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } } @media (min-width:1200px) { .visible-lg-block { display: block !important } } @media (min-width:1200px) { .visible-lg-inline { display: inline !important } } @media (min-width:1200px) { .visible-lg-inline-block { display: inline-block !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } td.visible-print, th.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } /*# sourceMappingURL=bootstrap.min.css.map */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*! * Datetimepicker for Bootstrap 3 * version : 4.17.47 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */ .bootstrap-datetimepicker-widget { list-style: none; } .bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em; } @media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } @media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } } .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .list-unstyled { margin: 0; } .bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; } .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; } .bootstrap-datetimepicker-widget button[data-action] { padding: 6px; } .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; } .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; } .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; } .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; } .bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; } .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; } .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; } .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; } .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; } .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; } .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; } .bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; } .bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; } .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; } .bootstrap-datetimepicker-widget table td.today { position: relative; } .bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; } .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; } .bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget table td span.old { color: #777777; } .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; } .bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .bootstrap-datetimepicker-widget.wider { width: 21em; } .bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; } .input-group.date .input-group-addon { cursor: pointer; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /** * Bootstrap Multiselect v0.9.8 (https://github.com/davidstutz/bootstrap-multiselect) * * Copyright 2012 - 2014 David Stutz * * Dual licensed under the BSD-3-Clause and the Apache License, Version 2.0. */ .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; .input-group { margin: 5px; } > li { padding: 0; > a.multiselect-all label { font-weight: bold; } > label.multiselect-group { margin: 0; padding: 3px 20px 3px 20px; height: 100%; font-weight: bold; } > a { padding: 0; > label { margin: 0; height: 100%; cursor: pointer; font-weight: normal; padding: 3px 20px 3px 40px; &.radio, &.checkbox { margin: 0; } > input[type="checkbox"] { margin-bottom:5px; } } } } } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-inline .multiselect-container{ label.checkbox, label.radio{ padding: 3px 20px 3px 40px; } li a label{ &.checkbox input[type="checkbox"], &.radio input[type="radio"]{ margin-left: -20px; margin-right: 0; } } } @charset "UTF-8";/*!Animate.css - http://daneden.me/animate Licensed under the MIT license -http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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 shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}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.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}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.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.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) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.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) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-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) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{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);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{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);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.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}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../../../fonts/Roboto-Regular.woff2) format('woff2'),url(../../../fonts/Roboto-Regular.ttf) format('truetype'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(../../fonts/icons.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }*/ html{background:#f9f9f9;} body { padding: 0px; margin: 0px; font-size: 16px; font-family: 'Roboto', regular; overflow-x: hidden; background: #f9f9f9; } ul li, ol li { list-style: none; margin: 0; padding: 0; } #retailerPopup ul li { list-style-type: square; text-align: left; } .ga_learnbtn, .ga_learnbtn:visited, .ga_learnbtn:hover, .ga_learnbtn:active { color: red; } .header-popup { text-align: left; font-weight: bold; font-size: 20px; text-decoration: underline; margin-bottom: 12px; } .cards { } .mx-mobile-show { display: none !important; } header .navbar { border: none; background-color: #ffffff; z-index: 10; } .mx-header-row { width: 90%; margin: auto; max-width: 1120px; } /*p{ padding:1.5rem; }*/ .spinner { width: 100%; } /*.spinner input { text-align: right; }*/ input[type=text]::-ms-clear { display: none !important; } .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 9.5px; margin-left: -1px; position: relative; border-radius: 0; } .input-group-btn-vertical > .btn:active:focus { background-color: #d4d4d4; border-color: #8c8c8c; outline: none; } .input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; } .input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; } .input-group-btn-vertical i { position: absolute; top: 0; left: 4px; } body.modal_open { overflow: hidden !important; } .mx-overlay-backdrop { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1040; background-color: #dddddd; cursor: pointer; } .mx-overlay-backdrop.in { opacity: 0.8; } .ga_learnmore { display: none; } .display-none { display: none; } .dis-inline-flex { display: inline-flex; } .mx-cursornotallow-lowopacity { cursor: not-allowed !important; opacity: 0.5; } .float-none { float: none !important; } .form-group { margin-bottom: 10px !important; } .help-block { height: 3px; } .align-items-center { align-items: center !important; } .word-wrap-bw { word-wrap: break-word; } .display-flex-col { display: flex; flex-flow: column; flex-direction: column; } .display-flex-row { display: flex; flex-flow: row; } .display-flex-col.disflex-justifycnt--center, .display-flex-row.disflex-justifycnt--center { justify-content: center; } .mx-disflex-justcnt-aliitems-center { display: flex; justify-content: center; align-items: center; } .cards-display-flex { flex-flow: row; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .flex-box-eqh { flex: 1; } .flex--10 { flex: 0 0 10%; } .align-self-center { align-self: center; } .bs-grid { display: table; table-layout: fixed; width: 100%; margin-bottom: calc(24rem / 16); /* transition: opacity 0.3s ease; */ margin: 0px; } .form-control { height: 40px; } .form-control:focus { border-color: #cccccc; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .bs-grid-cell { display: table-cell; } .pos--relative { position: relative; } .m0 { margin: 0px !important; } .m5 { margin: 5px !important; } .m10 { margin: 10px !important; } .m20 { margin: 20px !important; } .m15 { margin: 15px !important; } .m16 { margin: 16px !important; } .m75 { margin: 75px !important; } .mt0 { margin-top: 0px !important; } .mt4 { margin-top: 4px !important; } .mr5 { margin-right: 5px !important; } .mt2 { margin-top: 2px !important; } .mt5 { margin-top: 5px !important; } .mt6 { margin-top: 6px !important; } .mt8 { margin-top: 8px !important; } .mt10 { margin-top: 10px !important; } .mt13 { margin-top: 13px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt35 { margin-top: 35px !important; } .mt-42 { margin-top: -42px !important; } .mlr10 { margin: 0px 10px; } .mlr15 { margin: 0px 15px; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt30 { padding-top: 30px !important; } .pt40 { padding-top: 40px !important; } .pb40 { padding-bottom: 40px !important; } .mt30 { margin-top: 30px !important; } .mt28 { margin-top: 28px !important; } .mt60 { margin-top: 60px !important; } .mt80 { margin-top: 80px !important; } .mt3p { margin-top: 3%; } .mt-50 { margin-top: -50px !important; } .mr0 { margin-right: 0px !important; } .mr2 { margin-right: 2px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr16 { margin-right: 16px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr50 { margin-right: 50px !important; } .ml50 { margin-left: 50px !important; } .ml200 { margin-left: 200px !important; } .mr-30 { margin-right: -30px !important; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5rem !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb16 { margin-bottom: 16px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .ml-10 { margin-left: -10px !important; } .ml0 { margin-left: 0px !important; } .ml2 { margin-left: 2px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml20 { margin-left: 20px !important; } .ml30 { margin-left: 30px !important; } .ml40 { margin-left: 40px !important; } .ml60 { margin-left: 60px !important; } .ml80 { margin-left: 80px !important; } .ml15 { margin-left: 15px !important; } .ml16 { margin-left: 16px !important; } .ml150 { margin-left: 150px !important; } .ml165 { margin-left: 165px !important; } .ml100 { margin-left: 100px !important; } .section-divider { margin: 40px 0px 0px 0px !important; } .non-panelheading { padding: 0px !important; } .mb40 { margin-bottom: 40px !important; } .p0 { padding: 0px !important; } .p2 { padding: 2px !important; } .p4 { padding: 4px !important; } .p5 { padding: 5px !important; } .p6 { padding: 6px !important; } .p7 { padding: 7px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p24 { padding: 1.5rem !important; } .p32 { padding: 2rem !important; } .p4rem { padding: 4rem !important; } .p48 { padding: 3rem !important; } .p64 { padding: 4rem !important; } .pt0 { padding-top: 0px !important; } .pt3 { padding-top: 3px !important; } .pt6 { padding-top: 6px !important; } .pt7 { padding-top: 7px !important; } .pt10 { padding-top: 10px !important; } .pr0 { padding-right: 0px !important; } .pr6 { padding-right: 6px !important; } .pr12 { padding-right: 12px !important; } .pr18 { padding-right: 18px !important; } .pr20 { padding-right: 20px !important; } .pr30 { padding-right: 30px !important; } .pr45 { padding-right: 45px !important; } .pb0 { padding-bottom: 0px !important; } .pb100 { padding-bottom: 100px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb5 { padding-bottom: 5px !important; } .pb40 { padding-bottom: 2.5rem !important; } .pr100 { padding-right: 100px !important; } .pl0 { padding-left: 0px !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl30 { padding-left: 30px !important; } .pl38 { padding-left: 38px !important; } .pl65 { padding-left: 65px !important; } .pl100 { padding-left: 100px !important; } .plr10 { padding: 0px 10px; } .ptb20 { padding: 20px 0px; } .ptb30 { padding: 30px 0px; } .wauto { width: auto; } .w100p { width: 100% !important; } .w30p { width: 30% !important; } .w80p { width: 80% !important; } .w100 { width: 100px !important; } .mw100 { max-width: 100%; } .mw110rem { max-width: 110rem; } .w32p { width: 32% !important; } .w45p { width: 45% !important; } .w39p { width: 39% !important; } .w60p { width: 60% !important; } .w90p { width: 90% !important; } .h60 { height: 60px; } .h70 { height: 70px; } .h100p { height: 100% !important; } .h125 { height: 125px; } .h163 { height: 163px; } .h371 { height: 371px; } .h200 { height: 200px; } .h300 { height: 300px; } .lh25 { line-height: 25px; } .lh125 { line-height: 125px; } .lh200 { line-height: 200px; } .lh6pt { line-height: 6pt; } .lh12pt { line-height: 12pt; } .mh150 { min-height: 150px; } .mh360 { min-height: 360px; } .mh415 { min-height: 415px; } .h60 { height: 60px !important; } .h30 { height: 30px !important; } .h25 { height: 25px !important; } .h40 { height: 40px !important; } .h50 { height: 50px !important; } .h70 { height: 70px !important; } .h100 { height: 100px !important; } .h150 { height: 150px !important; } .h140 { height: 140px !important; } .h200 { height: 200px !important; } .h250 { height: 250px !important; } .lh2-5em { line-height: 2.5em } .bg-none { background-color: transparent !important; } .bg-white { background-color: #ffffff !important; } .bg-black { background-color: #333333 !important; } .bg-dark-black { background-color: #000000 !important; } .bg-red { background-color: #D8232A !important; } .bg-gray { background-color: #D9D9D9 !important; } .bg-gray-light { background-color: #DDDDDD !important; } .bg-gray-dark { background-color: #9e9f9e !important } .bg-new-gray-light { background-color: #f4f4f4 !important; } .bg-new-gray-dark { background-color: #999999 !important } .bg-green { background-color: #49AF81 !important; } .bg-dark-ash { /*background-color: #3E3E3E !important;*/ background-color: #333333 !important; } .line-height-0 { line-height: 0; } .box-shadow-none { box-shadow: none; } .border-none { border: none !important; } .border-right-none { border-right: none; } .border-red { border-color: #D8232A; } .border-gray { border: 2px solid #D9D9D9; } .borderrightgray5 { border-right: 5px solid #D9D9D9; } .border-radius-50p { border-radius: 50%; } .ffamily-impact { font-family: impact regular; } .fblack { color: #333333 !important; } .fwhite { color: #FFF !important; } .fred { color: #e41819 !important; } .fgreen { color: #49AF81 !important; } .f-light-blue { color: #8AAAC7 !important; } .fgray { color: #D9D9D9 !important; } .f-gray-light { color: #EEEEEE !important; } .f-gray-dark { color: #9E9F9E !important; } .f-dark-ash { color: #333333 !important; } .f-lightgray { color: #999 !important; } .txt-align-left { text-align: left !important; } .txt-align-right { text-align: right !important; } .txt-align-center { text-align: center !important; } .fsize10 { font-size: 10px; } .fsize16 { font-size: 16px !important; } .fsize20 { font-size: 20px; } .fsize25 { font-size: 25px; } .fsize30 { font-size: 30px; } .fsize40 { font-size: 40px; } .fsize50 { font-size: 50px; } .fw700 { font-weight: 700 !important; } .fw600 { font-weight: 600 !important; } .fbold { font-weight: bold !important; } .fbold-s1 { text-shadow: 0.5px 0px #3573c5; } .fnormal { font-weight: normal !important; } .fstyle-normal { font-style: normal !important; } .wordbreak-bw { word-break: break-word; } .ga_learnbtn { display: block; margin-top: 11px; text-decoration: underline; color: red; } .text-decoration-none { text-decoration: none; } .text-dec-underline { text-decoration: underline; } .v-align-top { vertical-align: top !important; } .v-align-middle { vertical-align: middle !important; } .cursor-pointer { cursor: pointer; } .cursor-default { cursor: default; } .dis-inline-block { display: inline-block; } .dis-inline { display: inline; } .text-uppercase { text-transform: uppercase !important; } .text-lowercase { text-transform: lowercase !important; } .text-transform-none { text-transform: none !important; } .text-transform-capitalize { text-transform: capitalize !important; } .overflow-auto { overflow: auto; } .text-decoration-none:hover { text-decoration: none; font-weight: bold; } .content-center { margin: 0 auto; text-align: center; } .form-group { margin-bottom: 10px; } .panel { border: none; border-radius: 0px; box-shadow: none; background-color: transparent; } .panel-footer { border: none; } .fa.fa-user-circle { color: #3e3e3e; } .fa-asterisk { font-size: 10px; vertical-align: top; } .OurUsersTalk .fa, .moboxnews-content .fa { font-size: 100px; } .navbar-brand { padding: 0px; } .navbar-brand > img { padding: 20px 55px; } .nav > li > a { padding: 10px 20px; } .btn { font-size: 16px !important; } .btn-border-stylecolor.btn { border-style: double !important; border-color: #ffffff !important; } .btn-noborder-stylecolor.btn { border-style: none !important; border-color: transparent !important; } .btn-danger { height: 40px; } .mx-btn-bgtranspborder { height: 40px; position: relative; color: #ffffff !important; border: 1px solid #ffffff; outline: none !important; } .btn-primary { border-radius: 4px; padding: 0 16px; height: 35px; line-height: 32px; font-size: 16px; letter-spacing: 0.32px; color: #fff; box-shadow: none; font-weight: 500; border: none; background: #ff0000; transition: background-color 0.5s ease; } .btn-primary:hover { background: #c80c18; outline: none; } .btn-primary:focus, .btn-primary.focus, .btn-primary:active { background: #a01414 !important } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background: #dadada; color: #a0a0a0; cursor: default; } .btn-large { padding: 0px 20px; min-height: 40px; border-radius: 3px; background-color: #333333; text-transform: uppercase; border: none; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33), inset 0px -50px 0px 0px #333333; font-family: 'Roboto', regular; color: #fff; font-size: 16px; } .btn-large:focus, .btn-large:hover, .btn-large:active, .btn-large.btn:active:focus { background-color: #333333; /*background-color: #5a5555;*/ outline: none; border-color: #333333; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.50), inset 0px -50px 0px 0px #333333; color: #fff; } .btn-large.active { background-color: #E41819 !important; box-shadow: none; border: none; } button.disabled { padding: 0px 20px; height: 40px; color: #D9D9D9; border-radius: 3px; background-color: #9E9F9E; border: none; text-transform: uppercase; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33), inset 0px -50px 0px 0px #8F908E; font-family: 'Roboto', regular; } button.disabled:focus, button.disabled:hover, button.disabled:active, .btn.disabled:active:focus { background-color: #9E9F9E !important; outline: none; border-color: #9E9F9E !important; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.50), inset 0px -50px 0px 0px #8F908E; } .btn { white-space: normal; } .btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover { background-color: #ffffff; outline: none; border-color: #333333; box-shadow: none; color: #333333; } .btn.div-button { height: 100% !important; } .control-label { text-align: left; float: left; padding-right: 5px; padding-top: 5px; font-weight: 700; } .text-danger { color: #FF0000 !important; font-size: 9pt; } .text-success { color: #49AF81 !important; font-size: 9pt; } .contract-heading { border: 2px solid #3E3E3E; width: 50%; text-align: center; left: 25%; position: relative; } .mx-bottom { bottom: 0; } .mx-bg-transparent { background-color: transparent; } .plus-icon { font-size: 20px; } .mx-offeramount { font-size: 25px; } /*.fa[class*="fa-"]{ font-size: 20px; }*/ /* Base for label styling */ [type="checkbox"].mx-checkbox:not(:checked), [type="checkbox"].mx-checkbox:checked { position: absolute; left: -9999px; } [type="checkbox"].mx-checkbox:not(:checked) + label, [type="checkbox"].mx-checkbox:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } /* checkbox aspect */ [type="checkbox"].mx-checkbox:not(:checked) + label:before, [type="checkbox"].mx-checkbox:checked + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1); } /* checked mark aspect */ [type="checkbox"].mx-checkbox:not(:checked) + label:after, [type="checkbox"].mx-checkbox:checked + label:after { content: '✔'; position: absolute; top: 0px; left: 3px; font-size: 20px; line-height: 0.8; color: #333; transition: all .2s; font-family: Helvetica, Arial, sans-serif; } /* checked mark aspect changes */ [type="checkbox"].mx-checkbox:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"].mx-checkbox:checked + label:after { opacity: 1; transform: scale(1); } /*mx radio buttons*/ .mx-radiobutton { max-width: 50rem; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; flex-flow: row wrap; align-content: flex-end; padding: 0 15px; } .mx-radiobutton label { display: flex; align-items: center; cursor: pointer; padding: 10px 15px 5px 30px; transition: all .3s ease-out; font-weight: 400; position: relative; min-width: 80px; /*box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.4);*/ } .mx-radiobutton input[type="radio"] { visibility: hidden; height: 0; width: 0; } .mx-radiobutton label:hover > span { position: absolute; left: 0; /*top: 0;*/ background-color: #9e9f9e; height: 20px; z-index: 150; width: 20px; border-radius: 50%; } .mx-radiobutton label.selected > span { position: absolute; left: 0; /*top: 0;*/ background-color: #333333; height: 20px; z-index: 150; width: 20px; border-radius: 50%; } .mx-radiobutton label.selected > span:after { content: "?"; left: 5px; top: 0px; color: #ffffff; position: absolute; } .tooltip { font-family: inherit; } .mx-tooltip + .tooltip.top > .tooltip-inner { background-color: #333333; } .mx-tooltip + .tooltip.top .tooltip-arrow { border-top-color: #333; } .mx-tooltip .mx-tooltiptext { visibility: hidden; width: 100%; background-color: #333333; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: 140px; left: 0; font-size: 14px; } .mx-tooltip-arrow { bottom: -5px; left: 72%; margin-left: -5px; border-width: 5px 5px 0; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; z-index: 3; border-top-color: #333; } .mx-tooltip:hover .mx-tooltiptext { visibility: visible; } .mx-posabs-center { position: absolute; left: 0; right: 0; bottom: 0; } /*.mx-table, .mx-table td { border: 1px solid black; }*/ .mx-table th, .mx-table td { text-align: center; width: 20rem; padding: 10px 5px; border: 1px solid #9e9f9e; } .mx-table thead tr { background-color: #333333; color: #ffffff; } .mx-table tbody tr:nth-child(even) { background-color: #ddd; } .pagination > li > a { background-color: #333333; color: #ffffff; } .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li > a:hover { background-color: #E41819; color: #ffffff; border-color: #E41819; outline: none; } /*Custom css starts here*/ /*Transaction status page css starts here*/ .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #29b178; fill: none; animation: stroke 3.2s cubic-bezier(0.65, 0, 0.45, 1) forwards infinite; } svg.mx-tran-svg { width: 40px; height: 40px; border-radius: 50%; /*display: block;*/ /*margin: 16px auto;*/ } .mx-tran-svg.checkmark { stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #29b178; animation: fill 3.2s ease-in-out forwards, scale 3.2s ease-in-out both; position: inherit; } .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; /*stroke-dashoffset: 48;*/ animation: stroke-check 3.2s cubic-bezier(0.65, 0, 0.45, 1) forwards; } @keyframes stroke { 18.75%, 100% { stroke-dashoffset: 0; } } @keyframes stroke-check { 25% { stroke-dashoffset: 48; } 34.37%, 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 28.125%, 37.5%, 100% { transform: none; } 32.8125% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 12.5% { box-shadow: inset 0px 0px 0px #29b178; } 25%, 100% { box-shadow: inset 0px 0px 0px 30px #29b178; } } /*.trasact_status svg { width: 100px; display: block; }*/ .mx-tran-svg .path { /*stroke-dasharray: 1000;*/ stroke-dashoffset: 0; } .crossmark .path.circle { stroke: #e41819; fill: #e41819; -webkit-animation: dash .9s ease-in-out; animation: dash .9s ease-in-out; } .mx-tran-svg .path.line { stroke-dashoffset: 1000; -webkit-animation: dash .9s .35s ease-in-out forwards; animation: dash .9s .35s ease-in-out forwards; } .mx-tran-svg .path.check { stroke-dashoffset: -100; -webkit-animation: dash-check .9s .35s ease-in-out forwards; animation: dash-check .9s .35s ease-in-out forwards; } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dash-check { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } .trans_row > div { padding: 10px; } .trans_row > div:first-child { border-right: 1px solid #e2e2e2; } .transstatus_wrapper { width: 80rem; margin: 0px auto; } /*.transtatus-text {*/ /*margin-left: 4rem;*/ /*flex: 1; text-align: left; margin-top: 2%; }*/ .transtatus-info > div { /*width: 60rem; margin: 0 auto;*/ padding: 15px; text-align: center; } .transstatus_wrapper_Mx { margin: 0px auto; } .transtatus-text_Mx { /*margin-left: 4rem;*/ flex: 1; text-align: left; margin-top: 2%; } .transtatus-info_Mx > div { /*width: 60rem; margin: 0 auto;*/ padding: 15px; text-align: center; } .mx-oqtranprocess { font-size: 25px; } /*Transaction status page css ends here*/ .card { max-width: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; padding-top: 0rem; height: 100% !important; border: none; background-color: transparent; } .card-wrapper .card { max-width: 35rem; } .card .card-block { padding: 0rem 1rem; } .card-wrapper .card .card-block { padding: 2.5rem; } .section-wrapper { margin: 40px 0px; } .moboxservice-wrapper .section-wrapper .card-wrapper .card .card-block, .moboxnews-wrapper .section-wrapper .moboxnews-content .card-wrapper .card .card-block { padding-bottom: 0rem; } .moboxservice-wrapper .section-wrapper .card-text, .moboxnews-wrapper .section-wrapper .card-text { padding: 0rem 2.5rem; margin: 0px; } .card-title { font-weight: 700; } .card-block { -webkit-box-flex: 1; flex: 1 1 auto; } .card-text { padding: 2.5rem; } .card-button { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; } .card-footer { font-weight: bold; position: absolute; bottom: 1.5rem; right: 0; left: 0; border: none; } .border-radius-0 { border-radius: 0px; } .container-heading.border-radius-0, .column-heading.border-radius-0 { border-radius: 0px; } .mx-borbtm { border-bottom: 1px solid #9e9f9e; } .mx_upload_preview { display: flex; justify-content: center; } .mx_upload_preview > img { width: 50%; margin: 10px; } /*Global css ends here*/ #mx-cookie-notice-overlay { position: fixed; top: 0; z-index: 150; background-color: rgba(0,0,0,.7); right: 0; left: 0; bottom: 0; display: block; clear: both; } .mx-cookie-notice-close { position: absolute; right: -12.5px; top: -12.5px; background-color: #333; border-radius: 50%; width: 24px; height: 24px; color: white; font-weight: bold; display: flex; justify-content: center; align-items: center; cursor: pointer; } #mx-cookie-notice-wrapper, #mx-cookie-privacy-settings-wrapper { display: none; position: fixed; /*height: 16rem;*/ z-index: 160; line-height: inherit; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 35px; color: #333333; background-color: white; display: block; width: 90%; max-width: 500px; } #mx-cookie-privacy-settings-wrapper { padding: 10px; line-height: 1.7em; } .mx-cookie-privacy-settings-popup-header { border-bottom: 1px solid #eaeaea; padding: 20px 0; } .mx-cookie-privacy-settings-popup-logo { width: 25%; float: left; text-align: center; } .mx-cookie-privacy-settings-popup-logo img { width: 80%; } #personalizesettings { /*color: #626867; margin-top: 10px;*/ float: right; } .mx-cookie-privacy-settings-popup-info { float: left; width: 70%; padding-left: 5%; } .mx-cookie-privacy-settings-popup-title { font-size: 20px; font-weight: 700; margin-bottom: 10px; line-height: 22px; } p.mx-cookie-privacy-settings-popup-description { margin: 0; } .mx-cookie-notice-container { /*padding: 20px;*/ } .mx-cookie-privacy-settings-container { font-size: 11px; } .mx-cookie-privacy-settings-container a { color: inherit; font-weight: bold; text-decoration: unset !important; padding: 10px; } .mx-cookie-privacy-settings-container a:hover { background-color: #fafafa; } .mx-cookie-popup-privacy-settings-services-content-reason { padding: 10px; } .mx-cookie-popup-privacy-settings-services-content-cookies li { list-style-type: disc; } .mx-cookie-btn { /*margin: 0px 30px; background-color: red width: 20rem;*/ padding: 10px 20px; /*margin: 5px 10px;*/ /*border-radius: 5px;*/ vertical-align: middle; cursor: pointer; color: #ffffff; display: inline-block; text-transform: uppercase; } .btn-green { background-color: #4CAF50; } .btn-black { background-color: #333333; } .mx-cookie-btn-wrapper { margin: 15px 0px; } .mx_cookies_personalize_wrapper { height: 60vh; overflow: auto; } .mx_cookies_personalize_content { text-align: justify; padding: 20px; margin: 0px 15px; } input[type="checkbox"].gdpr-service-switch { -moz-appearance: none; -webkit-appearance: none; box-shadow: inset -32px 0px 0px 1px rgba(255,255,255,1); border: 1px solid rgba(192,192,192,1); border-radius: 24px; height: 32px; width: 64px; margin: 0; float: right; outline: none; transition: 0.2s; } input[type="checkbox"]:checked.gdpr-service-switch { box-shadow: inset 32px 0px 0px 0px rgba(255,255,255,1); border: 1px solid #4CAF50; } .mx-cookie-privacy-settings-popup-services-container { height: 300px; } .mx-cookie-privacy-settings-popup-service-categories { width: 25%; float: left; height: 100%; background: #f7f7f7; height: 300px; border-right: 1px solid #eaeaea; } .mx-cookie-privacy-settings-popup-service-category { display: block; padding: 15px 0 0; color: inherit; } .mx-cookie-privacy-settings-popup-service-category { border-bottom: 1px solid #e2e2e2; } .mx-cookie-privacy-settings-popup-services { width: 75%; float: left; height: 100%; overflow: auto; padding: 10px; } .header-center-content li > span { font-size: 25px; } .header-center-content li > div { font-size: 20px; margin-top: 3px; } .navbar-nav.header-center-content li { padding-right: 5px; } .navbar-nav.header-center-content li a, .header-right-downlist > ul.header-right-navbar > li > a { font-size: 14px; color: #333333; height: 40px; padding: 10px 10px; } .header-right-downlist > ul.header-right-navbar > li > a.headerlogonew, .userportal-header-right-content ul.header-nav > li > a.headerlogonew { display: flex; font-size: 16px; padding: 0px 10px; height: 40px; border-radius: 3px; background-color: #333333; border: none; text-transform: uppercase; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33); font-family: 'Roboto', regular; } .header-logo { padding: 10px 0 0px; } .header-right-content { margin: 0px; float: right; display: flex; flex-direction: column; justify-content: flex-start; } .mx_lockimg { margin-top: -4px; } .header-right-downlist { /*padding: 0% 14%;*/ } .header-right-downlist > ul.navbar-nav > li { padding-right: 15px; } header .navbar-nav li { /*padding-right: 5px;*/ } header .navbar-nav li:last-child { padding-right: 0px !important; } .language-dropdown a { padding: 2px 10px; } .nav > li > a { position: relative; display: block; padding: 5px 15px; border-radius: 4px; max-width: 100%; text-align: center; } .navbar-header .icon-bar { background-color: #ffffff !important; } .nav-tabs { border-bottom: none !important; } .dropdown-menu { min-width: 0px; border: 1px solid #dddddd; box-shadow: none; padding: 0px 0px; } .dropdown-menu > li { display: block; border-bottom: 1px solid #dddddd; text-align: center; padding: 0px !important; } .mx_rowfooter ul li:last-child, ul li:nth-last-child(2) { } .dropdown-menu > li:last-child { border-bottom: 0px solid #dddddd !important; } .dropdown-menu > li > a { display: block; padding: 3px 0px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #ffffff !important; background-color: #E41819; } .navbar-inverse .header-right-downlist > ul > li > a:focus, .navbar-inverse .header-right-downlist > ul > li > a:hover { color: #333333; background-color: #DDDDDD; } .header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } .navbar-inverse .header-center-content.navbar-nav > li > a::after { content: ''; display: block; width: 0; height: 2px; margin-top: 5px; background: #333333; transition: width .3s; opacity: 0.68; } .navbar-inverse .header-center-content.navbar-nav > li.active > a::after { height: 0; } .navbar-inverse .header-center-content.navbar-nav > li > a:hover::after { width: 100%; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #DDDDDD; border-color: #DDDDDD; } .search-icon .glyphicon-search { font-size: 20px; } .search-icon > a { padding: 0px 20px; } .header-right-burger.navbar-toggle { background-color: #FFFFFF; border: none; } .header-right-burger.navbar-toggle .icon-bar { background-color: #CC0000 !important; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #FFFFFF; border: none; } .mx-sidenav.sidenav { height: 0%; width: 100%; position: absolute; z-index: 10; top: 64px; left: 0; /*background-color: #0d0d0d; overflow-x: hidden;*/ } .mx-sidenav.sidenav a { padding: 8px; text-decoration: none; font-size: 12pt; color: #ffffff; display: block; transition: 0.3s; } .mx-sidenav.sidenav ul.nav > li > a { color: #FFFFFF !important; background-color: #0d0d0d; color: #ffffff !important; background-color: #ffffff; color: #666 !important; text-align: left !important; padding: 8px 0px 8px 15px; border-bottom: 2px solid #333333; border-bottom: 2px solid rgba(0,0,0,0.03); border-radius: unset; font-size: 18px; /*display: flex;*/ } .mx-listview-mb { /*width: 100% !important;*/ height: 0% !important; transition: 0.3s; overflow: hidden; /*margin: 1px;*/ } .toggle-sidenav > .mx-listview-mb { /*width: 100% !important;*/ height: 400px !important; border-top: 3px solid #E41819; /*margin: 1px;*/ } .clear { clear: both; } .mx-sidenav.sidenav a:hover, .offcanvas a:focus { color: #f1f1f1; } .mx-sidenav.sidenav .closebtn { position: absolute; top: -15px; right: 5px; font-size: 2.5em; color: #ffffff; } .sidenav ul.nav li { /*margin-bottom: -4px;*/ } .mx-sidenav.sidenav ul.nav > li > a:hover, .mx-sidenav.sidenav ul.nav > li > a:focus, .mx-sidenav.sidenav ul.nav > li > a:active { background-color: #333333 !important; color: #ffffff !important; } .mx-sidenav.sidenav ul.nav > li.active > a, .mx-sidenav.sidenav ul.nav > li.active > a:focus, .mx-sidenav.sidenav ul.nav > li.active > a:hover { background-color: #CC0000 !important; color: #ffffff !important; } .mx-sidenav.sidenav .mx-viewnav-mb { } .mx-sidenav.sidenav .mx-viewnav-mb.nav > li > a { text-align: center !important; background-color: transparent; justify-content: center; border-bottom: none !important; padding: 8px 15px; } .mx-sidenav.sidenav .mx-viewnav-mb.nav > li > a:hover, .mx-sidenav.sidenav .mx-viewnav-mb.nav > li > a:focus, .mx-sidenav.sidenav .mx-viewnav-mb.nav > li > a:active { background-color: #0d0d0d !important; color: #ffffff !important; } .mx-sidenav.sidenav .mx-viewnav-mb.nav > li.active > a, .mx-sidenav.sidenav .mx-viewnav-mb.nav > li.active > a:focus, .mx-sidenav.sidenav .mx-viewnav-mb.nav > li.active > a:hover { background-color: #0d0d0d !important; color: #ffffff !important; } .mx-sidenav.sidenav .mx-viewnav-mb.nav > li.active > a > div { border-bottom: 1px solid #f2f2f2; padding-bottom: 5px; } .mx-viewnav-mb-wrapper { display: none; } .mx-sidenav.sidenav ul.mx-listview-mb > li:first-child > a { /*border-top: 2px solid #333333;*/ } #tilesview ul.nav > li { flex: 0 0 100%; } #tilesview ul.nav > li > div { display: flex; flex-wrap: wrap; } #tilesview ul.nav > li > div > a { border-bottom: 1px solid #333333; padding: 8px; flex: 0 0 50%; display: flex; align-items: center; text-align: center; } #tilesview ul.nav > li > div > a.active { background-color: #CC0000 !important; color: #ffffff !important; } #tilesview ul.nav > li > div > a:nth-child(odd) { border-right: 1px solid #333333; } #LanguageSelected { margin: 0px 5px; } .language-listitem { padding-top: 9px; display: none !important; } .userportal-header-right-content .language-listitem .dropdown-menu { min-width: 72px; margin-right: 6px; } header .userportal-header-right-content .navbar-nav li { padding-right: 5px; } .language-listitem .btn-default.active, .language-listitem .btn-default:active, .language-listitem.open > .dropdown-toggle.btn-default { color: #ffffff; background-color: #333333 !important; border-color: #ccc; } .language-listitem .dropdown-menu { background-color: #333333 !important; } .language-listitem .dropdown-menu > li > a { /*padding: 3px 13px;*/ padding: 3px calc(32rem/16); } .language-listitem .dropdown-menu > li > a, .language-listitem .dropdown-menu > li > a:focus, .language-listitem .dropdown-menu > li > a:hover { color: #ffffff; background-color: #333333 !important; } .language-listitem .dropdown-menu > li > a:focus, .language-listitem .dropdown-menu > li > a:hover { box-shadow: -3px 0px 0px 0px red; } .language-listitem .btn-default:hover { color: #333; background-color: #ffffff; border-color: #ccc; } .language-listitem .up-down-arrow:after { font-family: 'FontAwesome'; content: "\f0d7"; } .language-listitem.open .up-down-arrow:after { content: "\f0d8"; } .language-listitem .btn:active:focus { border-color: #333333 !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.50); } .body-wrapper { /*margin-top: 110px;*/ top: calc(110rem/16); width: 100%; position: absolute; } .banner-wrapper { /*background-image: url('../Images/mobox_web_header.jpg'); height: 428px; background-size: cover; background-position: center;*/ } .banner-wrapper .carousel-inner > .item > img, .banner-wrapper .carousel-inner > .item a > img { width: 100%; /*height: 428px;*/ height: 100%; } .banner-wrapper .carousel-inner > .item:nth-child(2) > .bannerimgbtns { position: absolute; left: 30%; top: 52%; } .banner-wrapper .carousel-indicators li { width: 18px; height: 18px; border-radius: 18px; margin: 1px; } .banner-wrapper .carousel-indicators li.active { background-color: #333333; } .banner-wrapper > img { width: 100%; height: 510px; } .bannerimage-arrows { position: absolute; top: 45%; background-color: #9e9f9e; color: #ffffff; vertical-align: middle; padding: 10px 5px; text-decoration: none !important; cursor: pointer; } .bannerimage-arrows.disabled, .bannerimage-arrows.disabled:hover { /*pointer-events:none;*/ cursor: not-allowed; background-color: #9e9f9e; color: #ffffff; } .bannerimage-arrows > span { font-size: 25px; } .bannerimage-arrows.arrow-left { left: 1%; } .bannerimage-arrows.arrow-right { right: 1%; } .bannerimage-arrows:hover { color: #ffffff; background-color: #333333; } .banner-wrapper.slideoutleft { animation: slideoutleft 0.3s linear 1 0s; } .banner-wrapper.slideinright { animation: slideinright 0.4s linear 1 0s; } .banner-wrapper.ouroffers-wrapper { height: 455px; } .banner-wrapper .mx-downarrow:before { /*content: ' '; display: block; height: 79vh;*/ } .banner-wrapper .mx-downarrow { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 550; text-align: center; } .CTA_wrapper { /*top: 20%;*/ position: absolute; z-index: 600; right: calc(160em/16); bottom: 50px; } .CTA_wrapper .banner-img-text { width: 62rem; } .CTA_wrapper #img1-btns { } #img2-btns { position: absolute; top: 220px; left: 30%; } .login-content-header { max-width: 28rem; padding: 0px 25px 25px; } .login-form-wrapper { padding: 15% 0%; height: 100%; } .login-form { padding: 0px 60px; } .login-footer-wrapper { padding: 16px 7px; } .playimg { /*width: 15%; margin-top: 20%;*/ width: 30%; margin-top: -10%; margin-left: 0%; } .login-content-footer { padding: 15px; } .video-frame-panel { height: 280px; background-image: url('../Images/Mobox_Video_img.png'); background-repeat: no-repeat; background-size: cover; opacity: 0.8; cursor: pointer; padding: 27%; } .video-frame-panel .fa-play { position: absolute; margin-top: calc(200rem/16); color: white; font-size: 25px; left: 0; right: 0; background: red; width: 10%; padding: 10px; margin: calc(200rem/16) auto 128px; border-radius: 10px; } .heading { text-align: center; color: #17170d; font-size: 13pt; font-weight: bold; letter-spacing: 0.1px; margin-top: 20px; } .panel-heading { font-size: 36px; } #footer .footer-content { position: relative; padding: 2% 0% 2%; } #footer .accordion-section-title.mainwrapper-faq { color: #ffffff; background-color: #333333 !important; } #footer .list-group .list-group-item { border: none; border-radius: 0px; color: #ffffff; padding: 15px 0px 8px; background-color: inherit; } #footer .list-group .list-group-item > span > a { text-decoration: none; color: #fff; } #footer .list-group .list-group-item > span > a:hover { text-decoration: underline; color: #ffffff; } #footer .footer-heading { padding: 20px 15px; } .footerimg-left { float: right; margin-right: 80px; } .footerimg-right { float: left; margin-left: 80px; } .socialicons-footer { /*float: right;*/ /*position: absolute;*/ /*right: 0%;*/ /* left: 0; */ /* bottom: 0; */ /*top: 35%;*/ width: 45%; /*margin:0 auto;*/ } /* Client Satisfaction Circle*/ .mx_prec { top: 58px; position: relative; font-size: 40px; color: #fff; left: 10px; font-weight: bold; } .mx_circle { position: relative; top: 5px; left: 5px; text-align: center; width: 170px; height: 170px; border-radius: 100%; background-color: #000; } .mx_active-border { position: relative; text-align: center; width: 180px; height: 180px; border-radius: 100%; background-color: #000; background-image: linear-gradient(100deg, transparent 48%, #fff 40%), linear-gradient(90deg, #fff 42%, transparent 43%); margin: 10px auto; } .mx_clientstatisfy { color: #fff; font-size: 24px; margin-top: 16px; font-weight: bold; text-align: center; } /* Client Satisfaction Circle*/ .socialicons-footer a { text-decoration: none; padding-right: 20px; font-size: 20px; color: #333333; text-align: center; } .socialicons-footer a:last-child { padding-right: 0px; } #footer .mx-img-visamaster-wrapper { /*box-shadow: 0px 2px 2px 0px rgb(113, 118, 121);*/ opacity: 0.5; } .mx-partnerimages > img { padding: 0px 10px; height: 70px; /*height: 130px;*/ } .mx-partnerimages .mx_footer_fs_logo { max-width: 24.5%; } .mx-partnerimages .mx_footer_speedy_logo { max-width: 37.5%; } .dealerlist-text-wrapper a { font-size: 16px; text-decoration: underline; } .embed-Video { position: relative; background-color: black; background-image: url(../Images/wait.gif); background-repeat: no-repeat; background-position: center; } .embed-Video::before { padding-top: 50%; display: block; content: ""; } #videotabs .video-frame { width: 100%; height: 330px; position: relative; } #videotabs .videotab { width: 100%; color: #fff; border: none; } #videotabs .nav > li > a:focus, #videotabs .nav > li > a:hover { background-color: transparent; border: none; } #video1, #video2 { padding: 0 !important; display: flex; } #videotabs .ui-widget-header { background: #9e9e9f; color: #fff; padding: 0; margin: 0; } .video-frame { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .HeadlineProduct-heading { margin: 0px 0px; padding: 0px 0px 30px; font-size: 30px; /* background-color: #666666; */ } .mycarouselmobile .carousel-inner > .item { display: block; } .carousel-control { opacity: 0.8; } .carousel-control.left, .carousel-control.right { color: #ffffff; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%); background-color: none; box-shadow: none; text-shadow: none; } /* accordian css starts */ .accordian-section-title-custom { width: 100%; padding: 10px; display: inline-block; background: #D8232A; transition: all linear .15s; font-size: 12pt !important; color: #fff; margin-bottom: 2px; border-radius: 4px 0 0 4px; } .btns-container-center { bottom: 23px; position: absolute; margin: 0 auto; text-align: center; vertical-align: middle; left: 0; right: 0; } .accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; } .accordion { overflow: hidden; border-radius: 3px; margin: 0px 0px 5px 0px; } .accordion-section-title { width: 100%; padding: 8px 10px; height: 40px; display: inline-block; background: #E41819; transition: all linear 0.15s; font-size: 12pt !important; color: #fff; margin-bottom: 2px; border-radius: 4px 0px 0px 4px; text-transform: capitalize; cursor: pointer; position: relative; } .accordion-section-title:after { font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 0; top: 50%; transform: translate(-50%,-50%); } #footer .accordion-section-title:after { font-family: 'FontAwesome'; content: "\f0d7"; right: 5px; } .accordion-section-title.active:after { content: "\f0d8"; } .faq-wrapper .accordion-section-title:after { font-family: 'FontAwesome'; content: "\f067"; float: right; } .faq-wrapper .accordion-section-title.active:after { content: "\f068"; } .faq-wrapper .mainwrappercontent-faq .accordion-section-title:after { background: red; color: #FFFFFF; padding: 4px; } .faq-wrapper .mainwrappercontent-faq .accordion-section-title.active:after { background: red; color: #FFFFFF; padding: 4px; } .mx_banner { background-size: cover; background-position: center; height: 300px; } .mx_faq_banner { background-image: url('/Images/mobox_faq_banner.jpg'); } .mx_delearlocator_banner { background-image: url('/Images/dealer_locator_banner.jpg'); } .mx_opening_hrs_tbl tr > td { padding: 5px; } .mx_oursubscription_banner { background-image: url('/Images/subscription_model_banner.jpg'); } .mx_banner_text { margin-top: calc(200rem/16); position: absolute; left: 0; right: 0; font-size: 36px; } .accordion-section-title.active, .accordion-section-title:hover { background: #E41819; text-decoration: none; cursor: pointer; } .accordion-section:last-child .accordion-section-title { border-bottom: none; } .contract-service { padding: 10px 0px 20px 15px; } .accordion-section-content { padding: 10px 45px 20px 45px; display: none; background: #9E9F9E; } .content-wrapper-inner.faq-wrapper .accordion-section-content:nth-last-child(1) { padding-bottom: 0px; margin-bottom: 0px; } .accordion a:active, .accordion a:focus, .accordion a:visited, .accordion a:hover { color: #fff; text-decoration: none; } /* accordian css ends */ .right-content-wrapper { padding: 0px; } .content-wrapper { margin-top: 0px; } /* Change password css starts here*/ #personal-info-block .form-inline .form-group { display: inline-block; margin-bottom: 15px; vertical-align: middle; } #personal-info-block .form-inline .form-control { display: inline-block; width: 50%; vertical-align: middle; } #change-password-block .control-label { text-align: right; } .commonspacewrapper { margin: 30px 0px; } /* Change Password ends here*/ /*Modal Popup CSS starts here*/ #retailerPopup .modal { display: none; position: fixed; padding-top: 180px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } /* Modal Content */ #retailerPopup .modal-content { position: relative; background-color: #fefefe; margin: 0 auto; border: 1px solid #888; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; max-width: 50rem; border-radius: 0px 0px 6px 6px; } .forgot-password-form.moveinfromtop { -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 4s; } /* Add Animation */ @-webkit-keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } @keyframes animatetop { from { top: -300px; opacity: 0 } to { top: 0; opacity: 1 } } /* The Close Button */ #retailerPopup .close { color: white; float: right; font-size: 28px; font-weight: bold; opacity: 1 !important; } #retailerPopup .close:hover, #retailerPopup .close:focus { color: #fff; text-decoration: none; cursor: pointer; } #retailerPopup .modal-header { padding: 2px 16px; background-color: #000000; color: white; } #retailerPopup .modal-body { padding: 0px; margin: 6px; line-height: 2; text-align: center; /*letter-spacing: 0.5pt;*/ } #retailerPopup .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } #retailerPopup .modal-header { background-color: #000000; } .Table { display: table; margin: 0; width: 100%; padding: 12px; } .Title { display: table-caption; text-align: center; font-weight: bold; font-size: larger; } .Heading { display: table-row; font-weight: bold; text-align: center; } .Row { display: table-row; cursor: pointer; } .Cell { display: table-cell; border: 1px solid #EEEEEE; border-width: thin; padding-left: 10px; padding-right: 10px; } .Cell p { margin: 0px !important; } #retailerPopup .Heading { background-color: #D8232A !important; color: #fff; } #retailerPopup .Row:hover { background-color: #D9D9D9 !important; font-weight: bold; } div.loading { display: none; position: fixed; left: 0; top: 0; z-index: 1050; width: 100%; height: 100%; min-height: 100%; background: #000; opacity: 0.8; text-align: center; color: #fff; overflow: auto; } div.loading #loading_img { margin: 0 auto; position: absolute; left: 0; bottom: 0; right: 0; top: 45%; text-align: center; } /*Modal Popup CSS End Here*/ .mainwrapper-faq { background: #333333 !important; text-transform: none; } .mainwrappercontent-faq { background: #FFFFFF !important; } .mainwrapperinner-faq { background: #EEEEEE !important; color: #333333 !important; text-transform: none; height: auto !important; } .mainwrapperinnercontent-faq { background: #FFFFFF !important; text-align: left; } .vochuretext a { color: #333; text-decoration: underline; } .vochuretext a:active, .vochuretext a:visited, .vochuretext a:hover { color: #333; } .linkexpired { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; height: 100px; font-size: 25pt; } .moboxservice-wrapper { /*background-image: url('../../Images/VisualBackground_4.jpg');*/ background-size: cover; background-color: #ececec; } .moboxnews-wrapper { /*background-image: url('../../Images/VisualBackground_3.jpg');*/ padding: 10px 0px; background-color: #ececec; } .moboxnewsimg { height: 150px; width: 250px; } .moboxservices-content .heading-img-wrapper > img { width: 10rem; } .OurUsersTalk { /*background-image: url('http://ingilizceyaz.com/images/polygon-crop-u1547.jpg?crc=4243306682'); background-repeat: no-repeat; background-size:cover;*/ } .OurUsersTalk .panel-footer { background-color: transparent; font-weight: 700; } .OurUsersTalk .panel { background-color: transparent; } .mailiconcontent { margin-right: 20px !important; } .forgot-password-form { /*padding: 9.35rem 0rem;*/ padding: 11.35rem 0rem; } .accordion .card { max-width: 65rem; min-height: 1rem; } #footer .accordion-section-title { margin-bottom: 0px; position: relative; padding: 5px 15px; height: auto; line-height: 1.9; } #footer .footer-faq-wrapper { padding: 0 1.5rem; } .cell { flex: 0 0 100%; } .card-cols-2 .cell { flex: 0 0 49.5%; } .loader_wrapper { background-color: #ddd; width: 10rem; margin: 0 auto; border-radius: 50%; } .loader { border-top: 100px solid white; width: 100px; height: 100px; -webkit-animation: spin 2.5s linear infinite; animation: spin 2.5s linear infinite; border-image: url(../Images/mobox_loading_icon.png) 100% 0 round; border-image-repeat: stretch; background-color: #ddd; border-radius: 50%; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .delaerloc-map-wrapper { /*margin:0px 0px 0px 10px;*/ /*padding: 0% 8%;*/ } .marker-info-btns > * { margin: 5px; } .HeadlineProduct-content { padding: 4rem; } .HeadlineProduct-content > p { /*margin:0px 15px;*/ } .telephonecolor { /*color: #49af81 !important;*/ color: #333333 !important; } .ouroffers-wrapper .control-label { color: #ffffff; } .ouroffers-wrapper .form-inline .form-group { display: block; margin-bottom: 7.5vh !important; } .ouroffers-wrapper .form-horizontal .form-group { margin: 7.5px; } .oursubscription_panel { padding: 15px; } .oursubscription_panel .item { padding: 15px 0px; height: 50px; } .oursubscription_panel .item:nth-child(odd) { background-color: #d9d9d9; } .oursubscription_panel .item:nth-child(even) { background-color: #9e9f9e; } .fade { display: none; } .fade.in { display: block; } #scrolltopbutton { display: none; position: fixed; bottom: 25px; right: 30px; z-index: 99; border: none; outline: none; background-color: #333333; color: #ffffff; cursor: pointer; padding: 15px; border-radius: 10px; } /*#scrolltopbutton:hover { background-color: #555; /* Add a dark-grey background on hover }*/ /*UI Tabs css*/ .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 { background-color: #d8232a !important; border: none; } .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 { background: none; border: none; } .ui-widget-header { border: none; background: none; color: #333333; font-weight: normal; } .ui-accordion .ui-accordion-content { border: none; } .ui-icon { float: right; margin: 0px; } .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:#ffffff;*/ } .mx_footer_link_cont_wrapper .accordion-section { background-color: #333333; outline: 0; margin-top: 30px; height: 40px; padding: 10px; } .mx_footer_link_cont_wrapper .accordion-section > .fa.header-icon { background-image: none; text-indent: unset; } .mx_footer_link_cont_wrapper .accordion-section > a, .mx_footer_link_cont_wrapper .accordion-section > a:hover { color: #ffffff !important; } .mx_footer_link_cont_wrapper .accordion-section > a:hover, .mx_footer_link_cont_wrapper .accordion-section.ui-state-hover a { color: #ffffff !important; } .mx_footer_link_cont_wrapper .accordion-section.ui-state-active > a:hover, .mx_footer_link_cont_wrapper .accordion-section.ui-state-active.ui-state-hover a { color: #ffffff !important; } .mx_footer_link_cont_wrapper ol p { padding: 20px 0px 5px; } .subscriptionoffername { font-weight: bold; /*min-height: 17rem;*/ font-size: 25px; } .bullettext { font-weight: bold; text-align: left; } /*online quotation subscribe css starts here*/ .mx_online_subscribe { margin-bottom: calc(40rem/16); } .mx_findtyre_top { display: table; table-layout: fixed; width: 100%; padding-top: calc(30rem / 16); background-color: #f2f2f2; overflow: visible; position: relative; } .mx_findtyre_center { width: calc(600rem / 16); text-align: center; margin: 0 auto; /*position:absolute;*/ top: 0; left: 0; right: 0; } .mx_findtyrebytyresize_img { /*width:calc(350rem/16);*/ background-color: #f2f2f2; } .mx_findtyre_curvedtext { position: absolute; left: 0; right: 0; top: calc(78rem/16); color: white; } .mx_findtyre_curvedtext_val { position: absolute; top: 38px; left: 0; right: 0; margin: 0 auto; width: calc(40rem / 16); height: calc(220rem / 16); line-height: calc(20rem/16); -webkit-transform-origin: bottom center; transform-origin: bottom center; font-weight: bold; text-align: center; color: #fff; } .mx_findtyre_curvedtext_val:nth-of-type(1) { transform: rotate(-40deg); } .mx_findtyre_curvedtext_val:nth-of-type(2) { transform: rotate(-20deg); } .mx_findtyre_curvedtext_val:nth-of-type(3) { transform: rotate(0deg); } .mx_findtyre_curvedtext_val:nth-of-type(4) { transform: rotate(20deg); } .mx_findtyre_curvedtext_val:nth-of-type(5) { transform: rotate(40deg); } .mx_bytyredimension { max-width: 60rem; margin: 0 auto; text-align: center; margin-top: calc(30rem/16); } .mx_findtyre_list { list-style-type: none; padding: 20px; } .mx_findtyre_tyretype_wrapper { max-width: 80rem; margin: 0 auto; } .mx_findtyre_tyretype_list { display: block; margin: 0 auto; text-align: center; /*width: calc(100% - (100% / 3));*/ padding: calc(66rem/16) 0px; } .mx_findtyre_tyretype_listitem { display: inline-block; width: auto; background-color: #333333; border-radius: 3px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33), inset 0px -50px 0px 0px #333333; } /* .mx_findtyre_tyretype_listitem.active { background-color: #e41819; } */ .inputcheckbox { position: absolute; left: -9000px; } .mx_findtyre_tyretype_listitem_lblchkbox { display: flex; width: 100%; height: 100%; padding: 10px; cursor: pointer; color: #ffffff; font-weight: normal; align-items: center; justify-content: center; } .tirewidth { width: 33px; height: 30px; float: left; } ul.mx_onlinetyre_feature_list { list-style: none; text-align: left; padding-top: 10px; padding-left: calc(182rem/16); } ul.mx_onlinetyre_feature_list > li { display: inline-block; margin-left: 5px; } ul.mx_onlinetyre_feature_list > li > img { height: 18px; } .oq_offer_img { height: 50px; padding: 0px 10px; } .mx_onlinequote_item_select { border: 5px solid #E41819; box-shadow: none; } .rangeslider_container .slider { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #9e9f9e; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; } .rangeslider_container .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #333333; cursor: pointer; } .rangeslider_container .slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #333333; cursor: pointer; } .quoteinfo-wrapper .item { display: flex; flex-flow: column; background-color: #ffffff; position: relative; border: 1px solid #d9d9d9; } .card-cols-3 .item { flex: 0 0 45%; } .card-cols-2 .item { flex: 0 0 45%; } .card-cols-1 .item { flex: 0 0 45%; } .mx_listofofferdetails_wrapper .mx_fintyre_select { font-size: 16px; } .quoteinfo-wrapper .item:nth-child(n) { margin: 0 20px 15px 0px; } .quoteinfo-wrapper .item:nth-child(2n) { margin: 0 0px 15px 0px; } .quoteinfo-wrapper.card-cols-2 .item:nth-child(3n) { margin: 0 20px 15px 0px; } .quoteinfo-wrapper .item:nth-child(3n) { margin: 0 0px 15px 20px; } .mx_oq_quoteitemlist { padding-bottom: 11rem; } .mx_oq_quoteitemlist > li:first-child { padding: 15px 0px; } .mx_oq_quoteitemlist .plus-icon { font-size: 12px; } .mx_oq_quotelist_wrapper { margin-top: 30px; } .mx_oq_quoteitemlist .plus-icon:last-child { display: none; } .itemfrom { position: relative; top: -11px; left: -10px; } .item .item__header { font-size: 25px; margin: 0 0 0.6rem; background: #333333; color: #ededed; padding: 10px; text-align: left; } .item .item_info { /*display: flex; align-items: center; margin: 30px 0px; flex-flow:column;*/ position: absolute; bottom: 0; left: 0; right: 0; margin: 20px; } .mx_legalcontent { font-size: 12px; } .morecontent span { display: none; } .morelink { display: block; } .mx_oq_backarrow { float: left; width: 9rem; position: absolute; margin-top: 11px; /* margin-bottom: 63px; */ /* left: 0; */ font-size: 36px; /*z-index:9999;*/ cursor: pointer; /*top: 0px;*/ /* right: 0; */ /* bottom: 0; */ } /*online quotation subscribe css end here*/ .tyreselection_list { display: flex; flex-flow: row; flex-wrap: wrap; padding: 0 5%; } .tyreselection_listitem { margin: 6px; /*flex: 1 0 25%;*/ background-color: #9e9f9e; margin-bottom: 10px; cursor: pointer; /*max-width: 24.5rem;*/ } .tyreselection_listitem label { cursor: pointer; color: #fff; margin: 5px 0px; padding: 12px; } .tyreselection_listitem.active { background-color: #e41819; } .mx_listofofferdetails_wrapper .input-group-addon { padding: 6px 25px; border: none; } .tyreselection { /*width: 50%; float: left;*/ margin-left: 8px; } .tyreselection label { background-color: #333333; color: #fff; margin: 5px 0px; padding: 12px; } .tyreselection.active label { background-color: #e41819; } .mx_plusminus_symbol { padding: 0px 5px; } .mx_apptime_wrapper { display: table; width: 50%; float: left; } .btn_plusminus { height: 32px; } .mx_btn_rnd_icon { border-radius: 50% !important; color: white; padding: 0px 10px; } .tyreselection { /*width: 50%; float: left;*/ margin-left: 8px; } .tyreselection label { background-color: #333333; color: #fff; margin: 5px 0px; padding: 12px; } .tyreselection.active label { background-color: #e41819; } .mx_listofofferdetails_wrapper .input-group-addon { padding: 6px 25px; border: none; } .mx_multiselect .dropdown-menu > li > a { text-align: left; padding: 5px; } .footer-links-wrapper .badge { background-color: #ffffff; color: #000000; font-size: inherit; padding: 0px; margin-top: -4px; } .footer-links-wrapper .bullet_point { vertical-align: middle; font-size: 25px; } .mx_card_cols-3 .mx_cell { flex: 0 0 33%; } /*UI Tabs css ends here*/ /*Our Services CSS starts heere*/ .mx_ourservice-content-title { font-weight: bold; text-align: center; } .mx_ourservices_cell { flex: 0 0 33%; margin: 0 auto; text-align: center; cursor: pointer; } .mx_ourservices_cell .panel { margin: 0px 50px; padding-top: 5px; border: 5px solid transparent; } .mx_ourservices_cell.active .panel { border: 5px solid #D9D9D9; color: #ffffff; cursor: default; } .mx_ourservices_img_title { padding: 15px 0px; color: #ffffff; } .MoboxService-content .mx_ourservice_servicecontent, .moboxpremium-content { width: auto; margin: 0 auto; padding: 0px 5px 0px 5px; } .mx-partnerslist li.mx-partners-listitem { text-align: center; } .mx-partnerslist li.mx-partners-listitem > img { width: 250px; } #moboxmarues_carousel .mx_card_cols-3 .mx_cell { flex: 0 0 50%; } .servicescontainer .panel-heading { font-size: 28px; } .servicescontainer .panel-body { padding: 20px 8px 0px; } .Moboxservice-desktop .carousel-control.left, .Moboxservice-desktop .carousel-control.right { width: auto; color: #000; } .Moboxmareus-desktop .carousel-control.left, .Moboxmareus-desktop .carousel-control.right { width: auto; color: #000; } #moboxservice_carousel .MoboxService-content { border: none; border-radius: 0px; box-shadow: none; background-color: transparent; } .OurServicePartners-wrapper .panel-heading { font-size: 28px; } .OurServicePartners-wrapper .panel-body { padding: 10px 30px; } .servicescontainer .whatwedocontent { display: inline-block; margin-bottom: 10px; } .servicescontainer .mx_ourservice_servicecontent { padding: 20px 24px; text-align: justify; } .servicescontainer .block1 .card-text, .servicescontainer .block2 .card-text { padding: 0; } .servicescontainer .mx_ourservice_servicecontent .card-text { padding: 0; text-align: left; } .servicescontainer .Moboxservice-desktop #theServiceCarousel .carousel-control.left, .servicescontainer .Moboxservice-desktop #theServiceCarousel .carousel-control.right { color: red; } .servicescontainer .Moboxmareus-desktop #themaruesCarousel .carousel-control.left, .servicescontainer .Moboxmareus-desktop #themaruesCarousel .carousel-control.right { color: red; } .OurServicePartners-wrapper .OurServicePartners-details { padding: 0px; } .servicescontainer .Moboxservice-desktop #theServiceCarousel .mx_ourservices_img_title { color: #000; } .Moboxservice-desktop { margin: 20px 0px; } .servicescontainer .mx img { cursor: pointer; } .servicescontainer .mx-partnerimages img, .OurServicePartners-wrapper .mx-partnerimages { margin: 10px 0px 20px 0px; } .servicescontainer .block1, .servicescontainer .block2 { margin-top: 10px; text-align: justify; } .whatwedo_images img { cursor: pointer; } /*Our Services CSS ends here*/ /*Sticky header css starts here*/ #mx_sticky_header.sticky { position: fixed; top: 80px; width: 100%; z-index: 452; background-color: white; right: calc(5rem/16); padding: 0 8%; } #mx_sticky_header.sticky + .oursubscription_panel { padding-top: 102px; } /*Sticky header css end here*/ /*Dealer locator css starts here*/ .mx-working-hrs-info { padding-top: 10px; } /*Dealer locator css ends here*/ /* Add On services css */ .mx-addontyredesc { font-size: 12px; margin: 10px 0px; } .panelheadertof4 { background: #f4f4f4 !important; } .addonservice-wrapper .panel-heading { font-weight: bold; color: #333333; background: #f2f2f2; font-size: 24px; } .addonservice-wrapper .item:nth-child(2n) { border: 1px solid #797979; padding: 0; margin-right: 3%; } .addonservice-wrapper .item:nth-child(n+2) { margin-right: 0; } .addonservice-wrapper .s_block1 { display: flex; padding: 12px; background: #fff; margin-bottom: 40px; cursor: pointer; color: #333; border: 1px solid #ccc; width: 45%; margin: 35px 0px 0px 15px; float: left; /*align-items:center;*/ } .addonservice-wrapper .s_block1:nth-child(even) { margin-left: 15px; } .addonservice-wrapper .s_block1:last-child { /* margin-bottom: 0px; */ } .addonservice-wrapper .s_block1 .s_half_block1 { text-align: left; width: 100%; } .addonservice-wrapper .s_block1 .s_half_block1 h4 { text-decoration: underline; font-size: 16px; font-weight: bold; height: 35px; overflow: hidden; /*width: 222px*/ } .addonservice-wrapper .s_block1 .s_popular { font-weight: bold; color: red; font-size: 19px; margin-top: 12px; text-align: left; } .addonservice-wrapper .s_block1 .s_price { margin-top: 16px; font-weight: bold; font-size: 18px; } .addonservice-wrapper .s_block1 .s_price img { margin-left: 20px; } .addonservice-wrapper .s_block1 .s_half_block2 { /*width: 40%; padding-top: 10px;*/ align-self: center; } .addonservice-wrapper .s_block1 .s_half_block2 .s_img { /*width: 90px; height: 90px;*/ } .addonservice-wrapper .s_block1 .s_half_block2 .s_img img { /*width: 100%; height: 100%; padding: 20%;*/ } .addonservice-wrapper .product_list .s_block1 .s_half_block2 .s_img img { width: 100%; height: 100%; padding: 20%; background: transparent; } .addonservice-wrapper .s_block1 .s_desc { font-size: 21px; font-weight: bold; } .moismonth { position: relative; left: -30px; font-size: 20px !important; } .fsize60 { font-size: 60px } .packageblock2 .p_middlecontent .p_pricecontent .p_price span { /*color: #333;*/ font-weight: bold; } .packageblock2 .months { font-size: 24px; display: inline-block; /*vertical-align: text-top; padding-top: 10px;*/ } .minusimage { position: relative; left: 16px; top: -2px; } .mar-left { margin-left: 40px; } .margin-lft { margin-left: 14% } .packageblock2 .p_middlecontent { padding: 25px 5px; } .packageblock2 .p_middlecontent .p_pricecontent { width: 100%; text-align: center; } .packageblock2 .p_middlecontent .p_pricecontent .p_price { /*width: 85%;*/ width: 100%; } .packageblock2 .p_middlecontent .p_listitems { text-align: left; width: 85%; margin: 25px auto; margin-top: 45px; } .packageblock2 .p_middlecontent .p_listitems .p_minus { color: #d02626; font-size: 32px; padding-left: 42px; /* position: relative; */ top: 5px; } .packageblock2 .p_middlecontent .p_listitems ul li { margin: 0; padding: 13px 35px; font-size: 25px; color: #333; font-weight: bold; } .packageblock2 .p_middlecontent .p_finalcheck .p_btn { width: 67%; background: red; border: 0; font-weight: bold; font-size: 21px; color: #fff; padding: 7px 0px; } .mx-confirm-actions { display: flex; justify-content: center; } .mx-confirm-actions .btn:first-child { margin-right: 10px; } /*Pop up css for add on service */ .addonservicepopup { line-height: 20px; } /* Add On services css */ /*Sitemap css starts here*/ .mx_sitemap_banner { background-image: url('/Images/mx_sitemap_bannar.jpg'); } .mxsitemap_list ul li { /*float:left;*/ list-style: disc; display: list-item; padding: 3px; } .mxsitemap_list ul li a { padding: 5px 0px; text-align: left; text-transform: capitalize; color: #333333; } .mxsitemap_list ul li a:hover { text-decoration: underline; background-color: transparent; color: #333333; } /*Sitemap css ends here*/ .mx-contact-box { width: 50%; } .mx-contact-box .mx-contact-infodetails .fa[class*="fa-"] { font-size: 50px; } /*Country Home page css starts*/ .mx-ctrybtnselect { background: #e41819; border: none; color: #fff !important; font-size: 22px !important; min-width: 260px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-right: 35px } .mx-ctrybtnselect:hover, .mx-ctrybtnselect:focus, .mx-ctrybtnselect:active { background: #e41819 !important; } .mx-ctryflaglist { min-width: 260px; border: none; background: #e41819; font-size: 24px; margin-top: 1px; } .flagstrap-selected-Mobox { font-size: 24px; } .mx-ctrybtnselect > li > a:focus, .mx-ctrybtnselect > li > a:hover { background: #333; border: none; opacity: 0.7; } .mx-ctryflaglist > li { border: none; text-align: center !important; cursor: pointer; border-bottom: 1px solid #ccc !important; } .mx-ctryflaglist > li > a { color: #fff; } .mx-ctrybtnselect > span.caret { display: none; } .mx-ctrybtnselect .active, .mx-ctrybtnselect :active, .open > .mx-ctrybtnselect.btn-default { color: #fff !important; background-color: #E41819 !important; } .mx-ctryflaglist > li > a:focus, .mx-ctryflaglist > li > a:hover { color: #fff !important; background-color: #333; } .mx-ctrybtnselect .icon-bar { display: block; width: 14px; height: 3px; border-radius: 1px; margin-bottom: 7px; background: red; } #mx-ctry-list-wrapper img { position: relative; left: -10px; } .tassquotation-container .mx-ctrybtnselect .addnavicon { right: 25px !important; } .mx-ctrybtnselect .dropdownangle { font-size: 40px; color: #fff; /*margin-top: -5px; margin-left: -20px;*/ } .mx-ctrybtnselect .addnavicon { position: absolute; right: -5px; padding: 5px 5px 5px 5px; top: -4px; height: 35px; } .mt40 { margin-top: 40px; } .mx-ctrybtnselect .navbar-toggle .icon-bar { background-color: #888; } .mx-ctrybtnselect .icon-bar + .icon-bar { margin-top: 4px; } .mainindex .mx-img-visamaster-wrapper, .mainindex .form-control { display: none; } .mainindex .footer-faq-wrapper { display: none; } .mainindex .footer-heading { display: none; } .mainindex .navbar-nav > li > a { cursor: pointer; } .mainindex .navbar-nav > li > a:focus, .mainindex .navbar-nav > li > a:hover { color: #333333; background-color: #DDDDDD; } .mainindex .select_country { margin: 60px auto; text-align: center; width: 100%; } .mainindex .select_country .form-group { margin-bottom: 0px !important; } .mainindex .main_indexul { padding: 15px 11px 0px; } .mainindex .landing_from { font-weight: bold; margin-right: 5px; letter-spacing: 1px; } .mainindex .landing_mnt { position: relative; left: -10px; } .headerlogonew { display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-size: 16px; padding: 0px 10px; height: 40px; border-radius: 3px; background-color: #333333; border: none; text-transform: uppercase; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.33); font-family: 'Roboto', regular; } .textdec-none:hover { text-decoration: none; } .headerlogonew:hover { background-color: #999999; outline: none; border-color: #999999; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.50); } .headerlogonew img { padding-right: 5px; } .log_out { /*height: 33px !important; margin-top: 3px;*/ } .mainindex .banner-content { position: absolute; z-index: 1; padding: 70px 44px 0px; color: #000; margin: 0px auto; text-align: center; width: 100%; } .banner-wrapper .banner-content .banner-para .line1 { font-size: 32px; color: #fff; font-weight: bold; margin: 0; } .banner-wrapper .getquotes { margin-top: 10px; } .banner-wrapper .getquotes:hover { /*background-color: red !important; border-color: red !important;*/ opacity: 0.6 !important; } .banner-wrapper .banner-content .banner-para .line2 { font-size: 32px; color: #fff; font-weight: bold; padding: 0px 70px; text-align: center; } .mainindex .carousel-control.left, .mainindex .carousel-control.right { color: red; width: auto; } #homeCarousel .glyphicon { color: red; } .flagstrap { display: inline-block; position: relative; } .flagstrap-icon { display: inline-block; width: 16px; height: 11px; background: url(../Images/flags.png) no-repeat; } .flagstrap-placeholder, .flagstrap-placeholder i { display: none } .addnavicon { } .mainindex .slidetext { font-weight: bold; font-size: 18px; margin: 15px 0px; } .mainindex .testimonials { background-color: #FBFBFB; } .flagstrap-icon.flagstrap-fr { background-position: -144px -44px } .flagstrap-icon.flagstrap-es { background-position: -16px -44px } .flagstrap-icon.flagstrap-de { background-position: -80px -33px; } .flagstrap-icon.flagstrap-it { background-position: -208px -66px; } .flagstrap-icon.flagstrap-gb { background-position: -176px -44px; } #basic .btn-primary:focus, #basic .btn-primary:hover, #basic .btn-primary:active, #basic .btn:active:focus { background-color: #e6e6e6 !important; border-color: #adadad !important; } /* Multi Carousel*/ .multi-item-carousel .carousel-inner > .item { transition: 1000ms; backface-visibility: visible; transform: none !important; } .multi-item-carousel .carousel-inner .active.left { left: -100%; } .multi-item-carousel .carousel-inner .active.right { left: 100%; } .multi-item-carousel .carousel-inner .next { left: 100%; } .multi-item-carousel .carousel-inner .prev { left: -100%; } .multi-item-carousel .carouse-control.left, .multi-item-carousel .carouse-control.right { background-image: none; } /* Add On Service css */ .addonservice-wrapper .mrzero { margin: 0; background: #f2f2f2; padding: 7px 15px; border-bottom: 1px solid #f2f2f2; /*height: 40px;*/ display: flex; align-items: center; justify-content: center; } .addonservice-wrapper .selectp_items { margin: 24px !important; border-radius: 9px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 1px solid #ccc !important; } .addonservice-wrapper .sp_nav { padding: 30px 0px; } .addwraperpagetitle { width: 100%; margin-bottom: 50px; text-align: center; margin-top: 50px; } .addonservice-wrapper .servicesselected { padding: 0px 25px; font-weight: bold; } .addonservice-wrapper .servicese_border { border: 1px solid #ccc; padding: 15px 5px; text-align: left; border-top: none; position: relative; display: flex; align-items: center; } .addonservice-wrapper .addonremoveservice { /*position: absolute; right: 5px; top: 9px;*/ } .addonservice-wrapper #p_btn { width: 80%; margin-top: 45px; } .addonservice-wrapper .servicesselected .servicetitle { text-align: left; margin-top: 30px; border: 1px solid #ccc; border-bottom: none; font-size: 25px; } .addonservice-wrapper .services_selectname { display: inline-block; width: 15em; font-weight: normal; font-size: 30px; } .float-rt { float: right; } .addonservice-wrapper .w-50 { width: 100%; display: flex; flex-wrap: wrap; } .addonservice-wrapper .sp_heading { font-weight: bold; color: #333; font-size: 24px; margin: 0; word-break: break-all; } .addwraperpagetitle .btn { width: 18%; height: 50px; font-size: 18px !important; } .addwraperpagetitle .pageselect { margin-left: 22%; padding-top: 11px; display: inline-block; font-size: 19px; } /* Add On Service css */ /* Select Package css*/ .parent-selectpackage { border: 20px solid #f4f4f4; padding-bottom: 125px; } .parent-selectpackage .card-cols-2 .item { flex: 1 0 43%; } .parent-selectpackage .sp_select { background: #f4f4f4; vertical-align: top; padding-bottom: 10px; position: relative; top: -12px; } .parent-selectpackage .quoteinfo-wrapper .item:nth-child(n) { margin: 24px !important; border-radius: 9px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .parent-selectpackage .quoteinfo-wrapper .item:nth-child(2n) { margin: 24px; border-radius: 9px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .parent-selectpackage .quoteinfo-wrapper .item:nth-child(3n) { margin: 24px; border-radius: 9px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .parent-selectpackage .quoteinfo-wrapper .item:nth-child(4n) { margin: 24px; border-radius: 9px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .selectpack.oursubscription_panel .item { padding: 6px 0px !important; } .parent-selectpackage .mrtb60 { margin-top: 60px; } .parent-selectpackage .mrzero { margin: 0; background: #f4f4f4; padding: 12px 15px; border-bottom: 1px solid #f4f4f4 } .parent-selectpackage .selectp_items { margin: 24px !important; border-radius: 9px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .parent-selectpackage .sp_nav { padding: 30px 0px; } .float-lt { float: left; } .float-rt { float: right; } .parent-selectpackage .sp_heading { font-weight: bold; color: #333; font-size: 29px; margin: 0; } .parent-selectpackage .sp_divright { background: #f4f4f4; padding: 25px; } .sp_btnselect { float: right; } .sp_btncomaare { margin-top: 15px; } .compareproduct .container-fluid { padding: 0; } .discountinfo-wrapper { padding: 0 15%; } .discountinfo-wrapper .discountinfo-data { border-bottom: 2px solid #f2f2f2; } .discountinfo-wrapper .discountinfo-data .discountinfoprice-details { display: inline-flex; } .discountinfo-wrapper .discountinfo-data .discountinfoprice-details span { margin-left: 8rem; } /* Select Package css*/ /*Referred css starts here*/ .referred-wrapper { background: url(../Images/bg4.jpg) no-repeat; background-size: cover; } .mx-referred-form { padding: 0 15%; } .mx-referred-form .form-group { margin-right: 15px; } .mx-referred-form .form-control { width: 40rem; } .mx-referred-form .form-group.referred-submit { text-align: right; display: block; } .sa-icon.sa-success { position: absolute; background-color: #4ebd4e; width: 35px; height: 35px; border-radius: 50%; top: -12px; } .sa-icon.sa-success .sa-line { height: 5px; background-color: #ffffff; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sa-icon.sa-success .sa-line.sa-tip { width: 14px; left: -6px; top: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sa-icon.sa-success .sa-line.sa-long { width: 20px; /* right: 0; */ top: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /*Referred css end*/ /*Mobox common css*/ .mx-invalidlink { font-size: 25px; } /*Mobox common css ends*/ /*jqdatatable css starts here*/ table.mx-datatable.dataTable thead .sorting_desc, table.mx-datatable.dataTable thead .sorting, table.mx-datatable.dataTable thead .sorting_asc { background: unset; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: none; /*border: none;*/ border: 1px solid transparent; } .fixedonlymbl { display: none !important; } /*jqdatatble ends here*/ @media all and (transform-3d), (-webkit-transform-3d) { .multi-item-carousel .carousel-inner > .item { transition: 500ms ease-in-out all; backface-visibility: visible; transform: none !important; } } .mx-map-wrapper { height: 500px; } .mx-infowin-vendorcontactinfo { display: inline-flex; } #infowindow-content #place-address { min-width: 300px; } .mx-ctrypopup #flagstrap-Mobox { display: none; } .mainindex #retailerPopup .modal-header { background-color: #333; border: none; } .mainindex #retailerPopup .modal-content { border: none; } .mainindex .modal-body { background: #333 !important; } .mainindex .header-logo { padding: 10px 0px 0px; } .intro-amount-wrapper { font-size: 16px; color: #ffffff; margin-top: 50px; } .mx_oq_quoteitemlist .intro-amount-wrapper { color: #D8232A !important; } .banner-img-text .intro-amount-wrapper { position: relative; top: -30px; } .intro-amount-wrapper .eurosmbl { margin-bottom: 0px; font-size: 16px; position: relative; } .intro-amount-wrapper sup { font-size: 24px; position: relative; top: -18px; left: -5px; font-weight: bold; } .intro-amount-wrapper .permonth { margin-bottom: 0px; font-size: 12px; margin-top: -10px; } .intro-amount-wrapper .amount { font-size: 26px; } .promocode-wrapper .deletepromo img { width: 22px; height: 22px; margin-left: 5px; cursor: pointer; opacity: 0.7; } .onlydesktop { display: block; } /*Country Home page css ends*/ /*Common css for quote in home and retailer page*/ .quoteinfo-wrapper .offername { text-align: left; padding: 0.5rem 1.5rem; } .quoteinfo-wrapper .card-wrapper { margin: 20px 0px 15px; } .quoteinfo-wrapper .card-footer { bottom: -2rem; } .card-footer .quoteprocessbtns { flex: 1; color: #ffffff; background-color: #333333; padding: 10px; border-right: 1px solid #ffffff; cursor: pointer; } .card-footer .quoteprocessbtns:last-child { border-right: none; } .quoteprocessbtns .fa { font-size: 2.5rem; } .card-footer .quoteprocessbtns > span { padding: 2px 0px; text-transform: uppercase; float: right; vertical-align: middle; letter-spacing: 0.5px; } .quoteinfo-wrapper .mx_bulletpoint { padding: 0px 15px; } /*Common css for quote in home and retailer page end here*/ /*User portal Common CSS Starts Here*/ .navbarlayout { border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; } .nav-tabs.nav-justified.userheader-nav > li { float: none; } .nav-tabs.nav-justified.userheader-nav > li > a { color: #333333; background-color: #FFFFFF; padding: 12px 15px; font-size: 12pt !important; text-align: center; cursor: pointer; border-radius: 0px; /*border-right: 0.5px solid #333333 !important;*/ border-bottom: 0px solid #ddd; white-space: nowrap; max-width: 100%; vertical-align: middle; } .nav-tabs.nav-justified.userheader-nav > li > a.tabclicked { padding: 12px 15px; /*font-size: 1.3em;*/ font-size: 12pt !important; } .userheader-nav > li:last-child > a { border-right: 0px solid #ddd !important; } .userheader-nav > li.active > a, .userheader-nav > li.active > a:focus, .userheader-nav > li.active > a:hover, .userheader-nav > li.ui-tabs-active.ui-state-active > a, .userheader-nav > li.ui-tabs-active.ui-state-active > a:focus, .userheader-nav > li.ui-tabs-active.ui-state-active > a:hover { border: 1px solid #ddd !important; border-bottom-color: #ddd !important; background-color: #D8232A !important; color: #ffffff !important; } .retailer .userheader-nav > li.active > a, .retailer .userheader-nav > li.active > a:focus, .retailer .userheader-nav > li.active > a:hover, .retailer .userheader-nav > li.ui-tabs-active.ui-state-active > a, .retailer .userheader-nav > li.ui-tabs-active.ui-state-active > a:focus, .retailer .userheader-nav > li.ui-tabs-active.ui-state-active > a:hover { color: #D8232A !important; background-color: transparent !important; border: none !important; } .retailer .userheader-nav > li > a:hover { background-color: transparent !important; color: red; border: 1px #fff solid; } .retailer .userheader-nav > li.active .mxretailer-iconsummary, .retailer .userheader-nav > li a:hover .mxretailer-iconsummary { background: url(../Images/icons/reatiler-dashboard-red.png) no-repeat; color: #D8232A !important; border: none !important; } .retailer .userheader-nav > li.active .mxretailer-iconhelp, .retailer .userheader-nav > li a:hover .mxretailer-iconhelp { background: url(../Images/icons/reatiler-help-red.png) no-repeat; color: #D8232A !important; border: none !important; } .retailer .userheader-nav > li.active .mxretailer-iconplanning, .retailer .userheader-nav > li a:hover .mxretailer-iconplanning { background: url(../Images/icons/retailer-red-myplanning.png) no-repeat; color: #D8232A !important; border: none !important; } .retailer .userheader-nav > li.active .mxretailer-iconcontracts, .retailer .userheader-nav > li a:hover .mxretailer-iconcontracts { background: url(../Images/icons/retailer-red-contract.png) no-repeat; color: #D8232A !important; border: none !important; } .retailer .userheader-nav > li.active .mxretailer-icontutorials, .retailer .userheader-nav > li a:hover .mxretailer-icontutorials { background: url(../Images/icons/retailer-tutorial-red.png) no-repeat; color: #D8232A !important; border: none !important; } .retailer .nav-tabs.nav-justified.userheader-nav > li > a { font-size: 11pt !important; } .retailer .userheader-nav > li > a .mxretailer-iconsummary { background: url(../Images/icons/reatiler-dashboard-black.png); height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .retailer .userheader-nav > li.active .mxretailer-iconCreateAQuote, .retailer .userheader-nav > li a:hover .mxretailer-iconCreateAQuote { background: url(../Images/icons/retailer-red-myCreateAQuote.svg) no-repeat; color: #D8232A !important; border: none !important; } .retailer .userheader-nav > li.active .mxretailer-iconFleetDetail, .retailer .userheader-nav > li a:hover .mxretailer-iconFleetDetail { background: url(../Images/icons/retailer-red-myFleet.svg) no-repeat; color: #D8232A !important; border: none !important; } .retailer .mxretailer-iconCreateAQuote { background: url(../Images/icons/retailer-black-myCreateAQuote.svg); height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .retailer .mxretailer-iconFleetDetail { background: url(../Images/icons/retailer-black-myFleet.svg); height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .retailer .mxretailer-iconcontracts { background: url(../Images/icons/retailer-black-contract.png); height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .retailer .mxretailer-iconplanning { background: url(../Images/icons/retailer-black-myplanning.png); /* background: url(../Images/icons/retailer-black-myFleet.svg);*/ height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .retailer .mxretailer-icontutorials { background: url(../Images/icons/retailer-tutorial-black.png); height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .retailer .mxretailer-iconhelp { background: url(../Images/icons/retailer-help-black.png); height: 21px; width: 21px; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .userheader-nav > li[aria-selected="true"] > a { border: none; border-bottom-color: #ddd !important; background-color: #D8232A !important; color: #ffffff !important; } .userheader-nav > li > a:hover { background-color: #EEEEEE !important; } .userheader-nav > li.active > a { cursor: none; } .userportal-navbar-header .header-logo { padding: 0px; margin: 10px 0 0 0px; float: left; } .userportal-header-right-content { padding: 0px; position: absolute; top: 0; right: 0; } /* New Retailer icons css*/ .sub-container-heading { font-weight: 700; text-align: center; margin-top: 30px; margin-bottom: 20px; color: #17170d; font-size: 12pt !important; font-weight: bold; letter-spacing: 0.1px; } .container-heading { text-align: center; color: #17170d; font-size: 13pt; font-weight: bold; letter-spacing: 0.1px; margin-top: 20px; } .container-content { text-align: center; margin: 30px 0px 20px 0px; color: #17170d; font-size: 12pt !important; font-weight: 400; letter-spacing: 0.1px; } .column-heading { height: 40px; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .userportal-body-wrapper { margin-top: 160px; position: relative; top: 0; } #customfooter { position: relative; width: 100%; } .offername { font-size: 12pt !important; color: white; height: 30px; padding-top: 4px; text-align: center; } /*User portal Common CSS ends Here*/ /*Initiate contract css starts here*/ .mx_legalcontent_wrapper { padding: 0 20px; } /*.mx_legalcontent_wrapper .mx_subscribetnc { margin: 0 10px; }*/ .mx_subscribetnc input[type="checkbox"] { width: 20px; height: 30px; position: relative; margin-top: -3px; } .InitiateContract-container .fa[class*="fa-"] { /*font-size: 15px;*/ } .mx_legalcontent_wrapper .mx_subscribetnc input[type="checkbox"].termconditionchk { /*margin-top: -10px;*/ } .InitiateContract-container .quoteinfo-wrapper .card-block .card-text > div { padding-top: 10px; } .InitiateContract-container .quoteinfo-wrapper .card-block { border: 2px solid #f4f4f4; border-top: none; } .InitiateContract-container .quoteinfo-wrapper .card-wrapper { flex: 0 0 86%; } .InitiateContract-container .quoteinfo-wrapper .mx-offername { font-size: 25px; } .InitiateContract-container .quoteinfo-wrapper .mx-offeramount { font-size: 50px; } #Customer_Salutation { height: 37px; background-color: #ffffff; width: 100%; } #InitiateContractform { width: 58rem; margin: 0 auto; border: 3px solid #f4f4f4; /*padding: 20px;*/ } #SignB2BContractform { width: 58rem; margin: 0 auto; border: 3px solid #f4f4f4; /*padding: 20px;*/ } #SetUpSepaMandateBbTBRForm { width: 58rem; margin: 0 auto; border: 3px solid #f4f4f4; } #SetUpSepaMandateBbForm { width: 58rem; margin: 0 auto; border: 3px solid #f4f4f4; /*padding: 20px;*/ } .mx-contractform-wrapper { display: flex; flex-flow: row; flex-wrap: wrap; } .mx-contractform-heading { flex-basis: 100%; padding: 10px 0; } .mx-contractform-wrapper > div.form-group { display: flex; flex-flow: column; flex-basis: 50%; margin: 10px 0px 10px 0px; /*padding: 0 20px;*/ } .mx-contractform-wrapper .fa-asterisk { font-size: 6px; vertical-align: top; } #InitiateContractform label { text-align: left; padding-left: 15px; } .initiate-header-logo { height: 45px; text-align: center; margin: 0 auto; float: none; } .InitiateContract-container .content-wrapper { width: 50%; } .InitiateContract-container .form-group { margin-bottom: 5px !important; } .InitiateContract-container .form-group.mx-post-city { margin-bottom: 0px !important; } .mx-post-city > div, .mx-post-city > label { margin-bottom: 5px !important; } .mx-post-city label[for="City"] { padding: 8px 0px 0px !important; } .InitiateContract-container .form-control { /*height: 40px; width: 100%; background-color: #fff; border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); padding: 6px 3px;*/ } .mx-contractform-wrapper input.form-control.mx-trul-notmatch { border-color: #D8232A; } .mx-contractform-wrapper select.form-control.mx-trul-notmatch { border-color: #D8232A; } .InitiateContract-container .checkbox label a { text-decoration: underline; } .InitiateContract-container .content-wrapper label { padding-left: 25px; padding-top: 8px; } #validatecontractdiv .step { border-radius: 120px; border: 1px solid black; width: 30px; height: 30px; text-align: center; vertical-align: middle; margin: auto; background-color: #333333; color: white; font-size: 1.3em; } .InitiateContract-container .td-label { padding: 5px 10px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align: center; } .table-row-head { background-color: #d8232a; color: #FFFFFF; border-color: #d8232a; } .table-row-head > td { border-color: #d8232a; } table td { /*border: 1px solid #D9D9D9;*/ } #validatecontractdiv .btn-primary { background-color: #333333 !important; color: #FFFFFF; padding: 0px 10px; border-top: 0px solid #ffffff; box-shadow: none; } #validatecontractdiv .btn-primary:hover, #validatecontractdiv .btn-primary:focus, #validatecontractdiv .btn-primary:visited { background-color: #333333 !important; color: #FFFFFF; box-shadow: none; border: none !important; } #validatecontractdiv .btn-primary.active { background-color: #E41819 !important; box-shadow: none; border: none; } .InitiateContract-container .mx-downarrow { position: absolute; top: calc(420rem/16); right: 10px; -webkit-animation: bounceInDown 2s infinite; animation: bounceInDown 2s infinite; display: none; } .InitiateContract-container .mx-downarrow .fa-angle-down { background-color: #333333; width: 25px; height: 25px; color: white; border-radius: 50%; font-size: 25px; font-weight: bold; } .InitiateContract-container #donothaveSEPA { background-color: #f2f2f2; width: 58rem; margin: 0 auto; } @keyframes bounceInDown { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } /*sairam css 27-09-2020 for contract extension starts*/ .InitiateContract-container-summary { max-width: 100%; padding: 1% 5%; } .InitiateContract-container-summary .summary-heading { font-weight: 700; font-style: normal; font-size: 22px; } .InitiateContract-container-summary .amount-details { background-color: #666666; min-height: 240px; padding: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #fff; padding: 5%; } .InitiateContract-container-summary .amount-details .totalamount { border-top: 1px solid #E4E4E4; color: #E4E4E4; font-weight: 400; font-style: normal; font-size: 15px; } .InitiateContract-container-summary .amount-details .package-name { font-weight: 500; font-style: normal; font-size: 16px; color: #FFFFFF; } .InitiateContract-container-summary .amount-details label { font-weight: 400; font-style: normal; font-size: 28px; color: #FFFFFF; margin-bottom:10px; } .InitiateContract-container-summary .amount-details .totalamount span{ float:right } .InitiateContract-container-summary .amount-details .totalamount p:first-child { margin-top:20px; } .InitiateContract-container-summary .service-selection-list { background-color: #d7d7d7; min-height: 240px; padding: 10px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 5%; } .InitiateContract-container-summary .service-selection-list label{ font-weight: 500; font-style: normal; font-size: 18px; color: #000000; } .InitiateContract-container-summary .service-selection-list ul.included-service li, .InitiateContract-container-summary .service-selection-list ul.selected-service li { list-style: disc; font-size: 15px; color: #666666; } .InitiateContract-container-summary .clearfix { margin-bottom:30px; } .InitiateContract-container-summary .personal-info-block { margin-bottom: 30px; } .InitiateContract-container-summary .personal-info-block .a-info { border-left: 1px solid #666666; } .InitiateContract-container-summary .form-label { font-weight: 400!important; font-style: normal!important; font-size:15px!important; } .InitiateContract-container-summary .personal-info-block .p-info { padding-left:0px; } .InitiateContract-container-summary .label-align { margin-left: 14px; } .InitiateContract-container-summary .postal-details { display: flex; margin-top: 20px; } .InitiateContract-container-summary .form-group-btn { margin-top: 30px } .InitiateContract-container-summary .personal-info-block .p-info label, .InitiateContract-container-summary .personal-info-block .a-info label { font-weight: 500; font-style: normal; font-size: 18px; color: #000000; margin: 0px 0px 30px 0px; } .InitiateContract-container-summary .personal-info-block .p-details .lstname { margin-left:15px; } .InitiateContract-container-summary .personal-info-block .p-details { display: flex; } .InitiateContract-container-summary .personal-info-block .p-details-tel { display: flex; margin-top: 20px } .InitiateContract-container-summary .personal-info-block .p-details-tel .tel-text { padding-left:15px; } .InitiateContract-container-summary .personal-info-block .p-details-tel label { margin: 0px } .InitiateContract-container-summary .edit-icon { top: 30px; position: relative; } .InitiateContract-container-summary .personal-info-block .p-details label { text-align: left; margin: 0px; } .InitiateContract-container-summary .personal-info-block .a-details label { text-align: left; margin: 0px; } .InitiateContract-container-summary .btn-back { border: 2px solid #d0d0d0; border-radius: 4px; color: #ff0000; font-weight: 500; background-color: #fff; text-transform: uppercase; margin-right: 25px; min-height: 40px; padding: 0px 20px; } .InitiateContract-container-summary input[type=text] { /* background: #f2f2f2;*/ } .InitiateContract-container-summary input[type=text]:focus { /*background: #fff;*/ } .InitiateContract-container-summary #con_name_edit, .InitiateContract-container-summary #con_tel_edit, .InitiateContract-container-summary #con_add_edit { cursor: pointer; } .mx_packageforExtension #mx_sch_overlay_content .contract-package-selection { margin: 0px !important; text-align: left !important; padding-left: 50px; } #mx_sch_overlay_content .mx_packageforExtension .contract-package-selection .item .item__header { background: none; color: black; border-bottom: 1px solid #cdcdcd; padding-left: 0px; } #mx_sch_overlay_content .contract-package-selection .item { border: none !important; } #mx_sch_overlay_content .contract-package-selection .mobx-title { font-weight: 500; font-style: normal; font-size: 16px; color: red; display: inline-block; } #mx_sch_overlay_content .contract-package-selection .mobx-package { font-weight: 400; font-style: normal; font-size: 28px; color: #FF0000; display: inline-block; } #mx_sch_overlay_content .contract-package-selection .mobx-duration { font-weight: 500; font-style: normal; font-size: 15px; display: inline; margin-left: 10px; line-height:10px; } #mx_sch_overlay_content .contract-package-selection .item_info { margin-left: 0px !important } #mx_sch_overlay_content .contract-package-selection label.Services-included { font-weight: 500; font-style: normal; font-size: 18px; color: #000000; margin-bottom: 10px; margin-top: 5px; } #mx_sch_overlay_content .contract-package-selection .mx_oq_quoteitemlist { padding-bottom: 10rem; } .mx-dotthrdepth-wrapper { background-image: url('../Images/Dot-Bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } /*#divdotvalidate { margin-left: 75px; }*/ #mx_sch_overlay_content .contract-package-selection .currency { font-weight: 300; font-style: normal; font-size: 36px; color: #000000; margin-right: 5px; } #mx_sch_overlay_content .contract-package-selection .mx-offeramount { font-weight: 300; font-style: normal; font-size: 36px; color: #000000; } #mx_sch_overlay_content .contract-package-selection .duration { display: block; text-align: left; font-weight: 500; font-style: normal; font-size: 15px; } #mx_sch_overlay_content .contract-package-selection .servicelist { list-style: disc; display: list-item; font-size: 15px; font-weight: 400; font-style: normal; color: #666666; margin-left: 20px; } #mx_sch_overlay_content .contract-package-selection { justify-content: left !important; padding-left: 15%; } #mx_sch_overlay_content .contract-package-selection .mx_oq_quoteitemlist .plus-icon { display:none; } #mx_sch_overlay_content .contract-package-selection section.item { flex: 0 0 50%; } #mx_sch_overlay_content #dotvalidate { margin: 10px 0; } /*sairam css 27-09-2020 for contract extension ends*/ /*Initiate contract css ends here*/ .mr-100 { margin-right: 100px; } .firststopcontent { max-width: 80rem; line-height: 2; } .btn_particiapate { margin-top: 30px; } .complementhide { visibility: hidden; } .sessionHeader { text-align: center; padding: 8px; } /* New Index.html css 10-9-2018*/ #et-top-navigation { float: right; } #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav { float: left; margin-top: 5px; } #top-menu li { display: inline-block; font-size: 14px; /*font-family: 'Open Sans', sans-serif;*/ font-weight: 600; text-transform: uppercase; } /**#top-menu .menu-item button, .menu-itemmbl button { background: #E41819; border: 2px solid #E41819; border-radius: 5px; color: #fff; display: block; font-size: 16px; font-weight: bold; position: relative; cursor: pointer; letter-spacing: 2px; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important; line-height: 1.49em; padding: .3em 1em; }*/ .newthm-btn { border-radius: 4px; padding: 0 16px; height: 35px; line-height: 32px; font-size: 16px; letter-spacing: 0.32px; color: #fff; box-shadow: none; font-weight: 500; border: none; transition: background-color 0.5s ease; } .newthm-btn-primary { background: #ff0000; } .newthm-btn-primary:hover { background: #c80c18; opacity: 1 } .newthm-btn-primary:focus { background: #a21a17; opacity: 1 } .newthm-btn-secondary { background: #fff; border: 2PX SOlid #41413f; Color: #41413f; } .newthm-btn-secondary:hover { background: #ececec; } .newthm-btn-secondary:focus { background: #dadada; } /*#top-menu .menu-item button:hover { color: #D8232A; background: #fff; } #top-menu .menu-item button, #top-menu .menu-item button::after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }*/ #et-info-email:hover, #et-secondary-menu > ul > li > a:hover, #top-menu-nav > ul > li > a:hover, .et-social-icons a:hover { /**opacity: .7;*/ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #top-menu a { display: block; position: relative; color: rgba(0, 0, 0, .6); text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #logo { display: inline-block; float: none; max-height: 54%; margin-bottom: 0; vertical-align: middle; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: translate3d(0, 0, 0); } span.logo_helper { display: inline-block; width: 0; height: 100%; vertical-align: middle; } .logo_container { float: left; } /* Home page language css*/ #homepage_languageul { padding: 0; } #top-menu li:last-child { padding-right: 0px; } #top-menu .fa-angle-down { position: relative; top: 2px; } .homepageul { text-align: left; padding: 0; position: absolute; z-index: 9999; width: 118px; border-top: 3px solid #E41819; background: #fff; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); background-color: white; color: rgba(0, 0, 0, .6); padding: 10px; opacity: 0; left: 15px; top: 3rem; } .homepageul li { display: block !important; padding: 5px; } .homepageul li:last-child { padding-right: 0 !important } .transitionhover { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 1; } #slimpayiframe > iframe { background-color: rgba(0,0,0,0.4); } .modal_headertext { text-align: center; position: relative; font-size: 27px; text-transform: uppercase; margin: 0 auto; width: 90%; } .moboxservice-content .owl-carousel .owl-stage-outer { } .moboxservice-content .owl-carousel .owl-stage-outer .owl-stage { } .moboxservice-content .owl-carousel .owl-stage-outer .owl-stage .owl-item { } .moboxservice-content .owl-nav button > .fa { color: #e41819; } .moboxservice-content .indexitems { width: 31.333333%; margin: 0 auto; } .moboxservice-content .owl-prev { position: absolute; left: -6px; top: 7vh; } .moboxservice-content .owl-next { position: absolute; right: -6px; top: 7vh; } .moboxservice-content .owl-nav button > .fa { color: #e41819; } .moboxservice-content .owl-nav button .fa[class*="fa-"] { font-size: 36px !important; box-shadow: none !important; } .moboxservice-content .owl-theme .owl-nav [class*=owl-] { margin: 0; display: flex !important; align-items: center; box-shadow: none; } .moboxservice-content .owl-theme .owl-nav [class*=owl-]:hover { background: transparent; color: #FFF; text-decoration: none; } .mx-clear { float: none; clear: both; display: block; } .mxonlineerrorbtn { color: #fff !important; margin: 0 auto; padding: 12px; } /* Media queries*/ @media screen and (min-width:1700px) { .banner-wrapper .carousel-inner > .item > img, .banner-wrapper .carousel-inner > .item a > img { height: 100%; } .banner-wrapper .mx-downarrow:before { content: ' '; display: block; height: 89vh; } .CTA_wrapper { right: calc(300em/16); bottom: calc(150em/16); /*right: 0; bottom: 0;*/ } } @media screen and (min-width:2560px) { .CTA_wrapper { right: calc(230em/16); bottom: calc(160em/16); /*right: calc(65rem/16); bottom: 0;*/ } } @media screen and (min-width:1073px) { .container-fluid { padding: 0% 7%; } } @media screen and (max-width:1024px) { .banner-wrapper .mx-downarrow:before { content: ' '; display: block; height: 42.5rem; } .CTA_wrapper { right: calc(50em/16); /*right: 0;*/ } #top-menu.nav > li > a { padding: 5px 12px 33px; } } @media screen and (max-width:1300px) { } @media screen and (min-width:769px) { .banner-wrapper .carousel-indicators { bottom: -12px; } .container-fluid { padding: 0% 3%;/***this is wrong to override bootstrap container fluid. However changed 4% to 3% to maintain createquote layout center alignment */ } .content-division { margin-bottom: 50px; } .panel-body { padding: 0px; } .video-frame-panel { /*padding: 0px;*/ } .form-horizontal .control-label { text-align: left; } .rangeslider_container { width: 50rem; margin: 0 auto; } /*.tyrebrand-listitem:nth-child(4n) { border-right: 1px solid #ffffff; }*/ .mx_listofofferdetails_wrapper select#tyreQuantity { padding: calc(100%/5.5) 3px; } .mx_listofofferdetails_wrapper select#tyrebrand { padding: 6px calc(100%/5.2); } } @media screen and (max-width:768px) { .mx-referred-form .form-group { margin-right: 0px; } .mx-referred-form .form-control { width: 100%; } .mx-referred-form { padding: 0; } .referred-submit { float: none; text-align: center; } .onlydesktop { display: none; } .card-cols-2 .cell { flex: 0 0 100%; } .HeadlineProduct-heading { font-size: 20px; } .CTA_wrapper { /*right: -110px;*/ right: 0; bottom: 0; } .InitiateContract-container .content-wrapper { width: 100%; } .tyrebrand-listitem { width: 50%; } .moboxnewsimg { height: 150px; width: 200px; } .form-horizontal .form-group { margin: 0; } .addonservice-wrapper.display-flex-row { display: block; } .w-50 { width: 100% !important; } .sp_btnselect { float: none; } .parent-selectpackage .sp_divright { margin: 0; } .col-xs-10.col-md-10.col-sm-10.col-lg-10.p0 { padding-left: 45px !important; font-size: 14px; } .addwraperpagetitle .pageselect { margin-left: 0 !important; } .addwraperpagetitle .add_skip { float: none; width: 100% !important; margin-top: 25px; } .packageblock2 .p_middlecontent { padding: 0; } .addonservice-wrapper .servicesselected .servicetitle { margin-left: 15px; } .parent-selectpackage .card-cols-2 .item { display: block; flex: none !important; padding: 10px; } .parent-selectpackage .mrtb60 { margin-bottom: 0px !important; } .addonservice-wrapper .selectp_items { margin: 10px 0px 0px !important; } .s_imgandprice { margin-right: 15px; } .userheader-nav { display: none; } .navbar-toggle { display: block; background-color: #333333; } .navbar-header { float: none; text-align: center; padding: 15px 0px; position: relative; } .header-nav { display: none; } .header-right-burger { margin: 15px 0px 0px; } .display-flex-row.dis-flex-row-to-col { flex-flow: column; } .card-block .card-text { padding: 0 0.5rem !important; } #retailerPopup .modal { padding-top: 100px; } .tyrebrand-listitem-cell .card .card-block .card-text { text-align: center; } .servicescontainer .mx_ourservice_servicecontent .card-text { text-align: center; } .commonspacewrapper { margin: 0; } .navbarlayout { padding-bottom: 0px; border-bottom: unset; } .mx-header-row { width: 90%; margin: auto !important; } .userportal-header-right-content { display: none; } .userportal-body-wrapper { margin-top: 75px; } /*.InitiateContract-container .quoteinfo-wrapper .card-wrapper { flex: 0 0 100%; }*/ #InitiateContractform { width: 100%; margin: 0 auto; /* padding: 0 10px; border: none;*/ } #InitiateContractform label { text-align: left; /*padding-left: 15px;*/ } .InitiateContract-container .content-wrapper { width: 100%; } .mx-post-city label[for="City"] { padding: 15px !important; } .InitiateContract-container #donothaveSEPA { width: 100%; } } @media screen and (max-width:767px) { .transstatus_wrapper { width: 100%; margin: 0px auto; } .transtatus-info { width: 100%; margin: 0 auto; } .transtatus-text { margin-left: unset; flex: 1; } .transstatus_wrapper_Mx { width: 100%; margin: 0px auto; } .transtatus-info_Mx { width: 100%; margin: 0 auto; } .transtatus-text_Mx { margin-left: unset; flex: 1; } .mx-oqtranprocess { font-size: 20px; } .mxpitstopbanner img { width: 100%; height: 100%; } .panel-heading { font-size: 25px !important; } .mx_legalcontent_wrapper { margin: 0 10px 0 5px; padding: 0px; } /**.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn:active:focus, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover { background-color: #E41819; outline: none; border-color: #E41819; box-shadow: inherit; }**/ .form-inline .control-label { text-align: center; } .header-nav { display: none; } .content-division { margin-bottom: 40px; } .container-fluid { padding: 0px; } .header-logo { padding: 5px 0; width: 100px; } .header-right-content { display: none; } #footer .accordion-section-title { height: 100%; line-height: inherit; } .video-frame-panel .fa-play { width: 15%; margin: 110px auto; } .userheader-nav { display: none; } .navbar-toggle { display: block; background-color: #333333; } .navbar-header { float: none; text-align: center; } .video-frame { width: 100%; height: auto; } .delaerloc-map-wrapper { margin: 0px; /*padding: 0px;*/ } .HeadlineProduct-content { padding: 20px; } .box-order { display: flex; flex-direction: column; } .box-order .order--1--2 { order: 2; } .box-order .order--2--1 { order: 1; } .banner-wrapper .carousel-inner > .item > img, .banner-wrapper .carousel-inner > .item a > img { width: 100%; /*height: 250px;*/ height: 280px; /*padding-top: 10px;*/ } .banner-wrapper.slideinright { animation: none 1s linear 1 0s; } .banner-wrapper { background-position: 0% 0%; height: 280px; /*height: 100%;*/ } .mainindex .mx-footerlinks-container { padding: 0; } .mainindex .banner-wrapper { height: 100%; } #img2-btns { top: 85px; position: absolute; left: 65%; } .login-container { position: relative; top: 75px; } .login-wrapper-details { height: 360px; } .mx-mt-20 { margin-top: 20px; } .header-logo { float: left; } .header-right-burger { margin: 0px 0px 0px; padding: 10px 0 !important; } .mx-mobile-show { display: block !important; } #mx_sticky_header.sticky { top: 65px; } .mx_faq_banner { height: 120px; width: 100%; } ul.mx_mb_home_sticky { padding: 0px; text-align: center; display: table; margin: 0 auto; } ul.mx_mb_home_sticky > li { display: table-cell; width: 1%; padding: 10px; } ul.mx_mb_home_sticky > li > a { color: #ffffff; text-decoration: none !important; } .mx-width-1of1 { width: 100%; } #infowindow-content #place-address { min-width: 200px; } .bs-mobile-p0 { padding: 0px !important; } .row { margin: 0px; } .body-wrapper { /*margin-top: 65px;*/ /*top:65px;*/ top: 7rem; } .userportal-body-wrapper { top: 0; } .card .card-block { padding: 0px; } .header-right-content { position: relative; } .navbar-brand { padding: 5px 15px; } .navbar-brand > img { padding: 0px; } .panel-body { padding: 20px; } .panel-heading { font-size: 28px; } .CTA_wrapper { position: fixed; bottom: 0px; width: 100%; /*background: #9e9f9e;*/ z-index: 14; /*padding: 5px;*/ /*box-shadow: 1px 2px 8px #333;*/ left: 0; top: auto; } .CTA_wrapper #img1-btns .form-group { display: none; } .sidenav .nav-tabs.nav-justified > li > a.mx_mb_loginlink { background-color: #9e9f9e; } .login-wrapper { /*top: calc(278rem/16);*/ position: relative; } .login-footer-wrapper { padding: 11px; } .video-wrapper { /*margin-top: calc(42rem/4);*/ /*margin-top: 0;*/ } .playimg { margin-top: 16%; margin-left: -8%; } .footerimg-left { float: none; margin-right: 0px; } .footerimg-right { float: none; margin-left: 0px; } .socialicons-footer { float: none; text-align: center; position: relative; left: 0; top: 0; width: calc(300rem/16); } #footer .accordion-section-title:after { /*top: 15px; right: 5px;*/ right: 0; } /*.footer-content { padding: 30px 0px 0px; }*/ #footer .list-group .list-group-item { padding: 10px 0px; text-align: left; align-self: center; } #moboxservice_carousel .card-wrapper .card { min-height: 0; width: 80%; margin: 0 auto; } .servicescontainer .panel-heading { text-align: center; } #homepage_carousel .card-wrapper .card { min-height: 40rem; } .mycarouselmobile .carousel-inner > .item { display: none; } .mycarouselmobileindex .carousel-control .glyphicon-chevron-left, .mycarouselmobileindex .carousel-control .glyphicon-chevron-right, .mycarouselmobileindex .carousel-control .icon-next, .mycarouselmobileindex .carousel-control .icon-prev { background-color: #333333; border-radius: 30px; padding: 4px; top: 9vh; } .mycarouselmobileindex .carousel-inner > .active, .mycarouselmobileindex .carousel-inner > .next, .mycarouselmobileindex .carousel-inner > .prev { display: block; } .mycarouselmobile .carousel-inner > .active, .mycarouselmobile .carousel-inner > .next, .mycarouselmobile .carousel-inner > .prev { display: block; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { background-color: #333333; border-radius: 30px; padding: 4px; top: 40vh; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 25%; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 25%; } .OurUsersTalks .panel-body > p { padding: 5px; } .accordion-section-content { padding: 10px 5px 20px 5px; } .HeadlineProduct-heading { padding: 5px; } .card-footer { position: relative; } .footerlinks { margin: 10px auto; text-align: center; } .mx-partnerimages .mx_footer_fs_logo { padding-bottom: 20px; } .ui-datepicker { width: 100%; } .subscriptionoffername { font-size: 16px; } #nearestcenter { height: 50px; } .oursubscription_panel .item { padding: 5px 0px; margin-bottom: 20px !important; } .oursubscription_panel { padding: 0px 10px; margin-bottom: 0px; } .bullettext { text-align: inherit; } .mx_findtyre_center { width: calc(380rem / 16); text-align: center; margin: 0 auto; } .mx_findtyrebytyresize_img { } .mx_findtyre_curvedtext { position: absolute; left: 0; right: 0; top: calc(45rem/16); color: white; } .mx_findtyre_tyretype_list { display: block; margin: 0 auto; text-align: center; width: calc(100% - (100% / 100)); padding: calc(66rem/16) 0px; } .mx_findtyre_tyretype_listitem { display: inline-block; width: 32.2%; background-color: #333333; } .mx_findtyre_tyretype_listitem_lblchkbox { padding: 10px 4px; font-size: 14px; /*letter-spacing: .2px;*/ } .tyreselection label { font-size: 14px; } .mx_findtyre_curvedtext { position: absolute; left: 0; right: 0; top: calc(45rem/16); color: white; } .mx_findtyre_tyretype_list { display: block; margin: 0 auto; text-align: center; width: calc(100% - (100% / 100)); padding: calc(66rem/16) 0px; } .mx_findtyre_tyretype_listitem { display: inline-block; width: 32.2%; background-color: #333333; } .quoteinfo-wrapper .item { margin: 0px 0px 15px !important; /*box-shadow: 7px 7px #f7eded;*/ } .card-cols-3 .item { flex: 1 0 100%; } .card-cols-2 .item { flex: 1 0 100%; } .card-cols-1 .item { flex: 0 0 100%; } .item .item__header { font-size: 20px; } .tyreselection_listitem { flex: 1 0 50%; text-align: center; } .mx_listofofferdetails_wrapper .mx_fintyre_select { font-size: 14px; } .mx_listofofferdetails_wrapper .input-group-addon { padding: 6px 10px; border: none; } #tyreQuantity .form-control { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .mx_findtyre_curvedtext { position: absolute; left: 0; right: 0; top: calc(45rem/16); color: white; } .mx_findtyre_tyretype_list { display: block; margin: 0 auto; text-align: center; width: calc(100% - (100% / 100)); padding: calc(66rem/16) 0px; } .mx_findtyre_tyretype_listitem { display: inline-block; width: 32.2%; background-color: #333333; } .mx_footer_link_cont_wrapper .accordion-section { height: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 0.2em; } .mx_footer_link_cont_wrapper .accordion-section .ui-icon { /*margin-top: 10px;*/ } .mx_card_cols-3 .mx_cell { flex: 1; } .oq_offer_img { height: 30px; } .mx_ourservices_img_title { padding: 11px; color: #000; } .mx_ourservice_servicecontent { width: 100%; } ul.mx_onlinetyre_feature_list { padding-left: calc(70rem/16); } .mx_banner_text { margin-top: calc(52rem/16); } .mx_banner { height: 300px; } .mx_findtyre_curvedtext_val { top: 7px; height: calc(180rem/16); } .MoboxService-content .mx_ourservice_servicecontent { width: 100%; } .mx_oq_backarrow { float: none !important; position: inherit; margin: 11px auto; font-size: 28px; } .mx_mb_oq_sticky { padding: 6px 0px; position: fixed; bottom: auto; top: 75px; z-index: 500; background-color: white; } .mx_oq_quotelist_wrapper { /*margin-top: 170px;*/ margin-top: 85px; } .mxsitemap_list ul { padding: 0px 35px; } .mx-contact-box { width: 100%; } #CountryCode { padding: 5px; } .mx_online_subscribe_wrapper .mx_legalcontent { padding: 0px 10px; } .mainindex .banner-content { padding: 60px 0px 5px 0px; } .banner-wrapper > img { height: 608px; } .mainindex .sidenav { z-index: 2; } .mainindex .banner-wrapper .banner-content .banner-para .line1 { font-size: 12px; margin: 0px 0px 5px 0px; color: #333333; } .banner-wrapper .getquotes { font-size: 10px !important; line-height: 13px; padding: 2px; width: 56%; color: #333; } .mainindex .select_country { padding: 3px 0px; } .mycarouselmobileindex .carousel-control .glyphicon-chevron-left, .mycarouselmobileindex .carousel-control .glyphicon-chevron-right, .mycarouselmobileindex .carousel-control .icon-next, .mycarouselmobileindex .carousel-control .icon-prev, #indexmyCarouseltestimonials .carousel-control .glyphicon-chevron-left, #indexmyCarouseltestimonials .carousel-control .glyphicon-chevron-left, #indexmyCarouseltestimonials .carousel-control .glyphicon-chevron-right, #indexmyCarouseltestimonials .carousel-control .icon-next, #indexmyCarouseltestimonials .carousel-control .icon-prev { background-color: transparent; } .mainindex .image-caraousel { padding: 0px 0px 0px 0px; } .mainindex #myCarouselmblimage .carousel-control.left, .mainindex #myCarouselmblimage .carousel-control.right { width: 15%; margin-top: 5%; } .mainindex #indexmyCarouseltestimonials .carousel-control.left, .mainindex #indexmyCarouseltestimonials .carousel-control.right { width: 15%; margin-top: -15%; } .mx_cookies_personalize_content { padding: 10px; margin: 0px; } .mx-footerlinks-container { padding-bottom: calc(60rem/16); } .mx-img-visamaster-wrapper > img { /*padding-top: 15px;*/ } #infowindow-content { max-width: 200px; } .mx-map-wrapper { height: 650px; } .mainindex .dropdown-menu { position: relative; width: 100%; } #mx-infowin-vendorcontactinfo { display: block; } .mx-ctrybtnselect { font-size: 22px !important; } .mx-ctryflaglist { min-width: 215px; } .mainindex .intro-amount-wrapper .eurosmbl { font-size: 14px; left: -2px; top: 7px; } .mainindex .intro-amount-wrapper .permonth { margin-left: 0; } .mainindex .intro-amount-wrapper sup { font-size: 20px; position: relative; top: -10px; left: -5px; } .mainindex .intro-amount-wrapper .eurosmbl > sup { top: -1em; } .mainindex .card-wrapper .card .card-block { padding: 2.5rem 1rem; } .mainindex .getquotes { padding: 0px 18px; } .mx-partnerimages > img { padding: 0px 5px; height: 50px; } .addonservice-wrapper .selectp_items { margin: 24px 0px !important; } .addonservice-wrapper .sp_heading { font-size: 20px; } .promocode-wrapper .mx-btn-group { padding: 5px; } .offerimage img { width: 100%; } .addonservice-wrapper .s_block1 { width: 100%; margin: 0px 0px 25px 0px; } .addonservice-wrapper .s_block1 .s_half_block1 h4 { height: auto; width: auto; } .offerpartner .panel-heading { font-size: 23px; } .s_imgandprice { margin-right: 0 !important } .addonservice-wrapper .s_block1:nth-child(even) { margin-left: 0px !important; } .mx_ourservices_cell { flex: 1; } .MoboxServices-details, .OurPremiums-details { display: flex; flex-direction: column; } .tyrebrand-listitem { flex: 0 0 100%; width: 100%; } .MoboxService-content .mx_ourservice_servicecontent, .moboxpremium-content { width: 100%; } .tyrebrand-listitem:nth-child(n) { border-right: none; } .discountinfo-wrapper { padding: 0; } .discountinfo-wrapper .discountinfo-data .discountinfoprice-details span { margin-left: 5rem; } .MoboxServices-details .carousel-control .glyphicon-chevron-left, .MoboxServices-details .carousel-control .glyphicon-chevron-right, .MoboxServices-details .carousel-control .icon-next, .MoboxServices-details .carousel-control .icon-prev { top: 50px; color: red; background: transparent; } #moboxmarues_carousel .carousel-control .glyphicon-chevron-left, #moboxmarues_carousel .carousel-control .glyphicon-chevron-right { color: red; background: transparent; top: 35vh; } .servicescontainer .panel-body { padding: 20px 0px 0px; text-align: center; } #moboxmarues_carousel .card-wrapper .card { width: 85%; margin: 0 auto; } .tyrebrand-listitem { padding: 0 10px; } .tyrebrand-listitem-cell .card-block { background-color: #D8232A; color: #ffffff; } #moboxservice_carousel .image-container { } #moboxservice_carousel .MoboxService-content { } .mx_ourservices_cell .panel { border: 5px solid #D9D9D9; margin: 0; } /*.servicescontainer .paneldetails{ padding: 20px 30px; }*/ .complementhide { display: none; } #personalizesettings { float: unset; } .mx-cookie-btn { display: block; margin-bottom: 10px; padding: 10px 15px; } .mx-cookie-privacy-settings-popup-service-categories { width: 100%; height: auto; } .mx-cookie-privacy-settings-popup-services { width: 100%; padding: 0; height: 200px; float: unset; } #mx-cookie-notice-wrapper, #mx-cookie-privacy-settings-wrapper { padding: 20px; } .mx-contractform-wrapper { display: flex; flex-flow: column; flex-wrap: wrap; } .mx-contractform-wrapper > div.form-group { display: flex; flex-flow: column; flex-basis: 100%; margin: 10px 0px 10px 0px; padding: 0 10px; } .mx-contractform-wrapper > div.form-group > *, .mx-post-city > div > *, .mx-cust-mbno-wrapper > * { padding: 0; } .modal-header { /*background-color: #000; position: absolute; right: 0; top: -25px; width: 25px; height: 25px; border: none; display: flex; justify-content: center; align-items: center;*/ height: 30px; } #retailerPopup .modal-header .close { font-size: 32px; right: 0; top: -10px; width: 40px; height: 40px; border: none; display: flex; justify-content: center; align-items: center; left: 50%; border-radius: 50%; border: 2.5px #ffffff solid; transform: translate(-50%, -50%); background-color: #000; position: absolute; text-shadow: none; margin: 0; } #retailerPopup .modal-content { margin: 0 8px; } #retailerPopup .modal { padding-top: 175px; } .marker-info-btns > * { margin: 0px; } .mx-button-wrapper > button, .mx-button-wrapper > input[type="button"] { margin-top: 8px; } } @media screen (min-width:641) and (max-width:767px) { .mainindex .banner-content { top: 5rem; } } @media screen and (max-width:640px) { .fsizem14 { font-size: 14px; } } @media screen and (max-width:425px) { .InitiateContract-container .quoteinfo-wrapper .mx-offername { font-size: 18px; } #InitiateContractform label { padding-left: 0px; } .mx-confirm-actions { flex-direction: column; } .mx-confirm-actions .btn:first-child { margin-right: 0px; margin-bottom: 10px; } .mx-oq-container .panel-body { padding: 0px; } } @media screen and (max-width:320px) { .mailiconcontent { margin-right: 10px !important; } #nearestcenter { height: 80px; } } /*Onfido css start here*/ .onfido-sdk-ui-Modal-overlay--after-open { height: 100%; z-index: 1500; } /*Onfido css closes here*/ /*Payment user details page 11-06-2020*/ .mx-select-month { padding: 6px 8px !important; } ul.nav.mx_oq_quoteitemlist li:nth-child(11) .optionalServices { background-color: #e2e2e2; } /* Css for OTP modal*/ .clsModalCss .enter-otp { width: 380px; margin: 0 auto; text-align: center } .clsModalCss .otp-box-algn-center { margin: 0 auto; } .clsModalCss .enter-otp label { font-weight: normal; margin-bottom: 20px } .clsModalCss .enter-otp .input-group .form-control { width: 50px; text-align: center; margin-right: 11px } .clsModalCss .enter-otp .input-group .form-control:last-child { margin-right: 0 } .clsModalCss .enter-otp .btn-gray { margin-right: 10px } .clsModalCss .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: #fff; /***box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .50);***/ box-shadow: none; text-decoration: none; background: #bc0713; } .clsModalCss .btn-gray { background: #e2e2e2; color: #17170d } .clsModalCss .btn-gray:hover, .btn-gray:active, .btn-gray:focus { background: #909090 !important; color: #fff; } /**.enter-otp .btn{width:111px}**/ .clsModalCss .msg_show_popup { background: #d9d9d9; text-align: center; padding: 10px; border-radius: 2px; font-size: 14px; color: #17170d; margin-bottom: 20px; } .clsModalCss .failure-msg { background: #FF6A6A; color: #fff; } .clsModalCss .success-msg { background: #49af81; color: #fff; } .clsModalCss .faliure-msg { background: #3e3e3e; color: #fff; } .clsModalCss .modal-footer { background-color: white !important; border: none; padding: 20px 15px; text-align: center; } .clsModalCss .modal-header { padding: 2px 16px; background-color: white !important; color: white; border-bottom: 1px solid #eaeaea; } .clsModalCss .modal-title { padding: 2px 16px; background-color: white !important; color: black; } .clsModalCss .modal-header h4 { font-size: 18px; font-weight: 300; color: #17170d } .clsModalCss .modal-content { border-radius: 0; } .clsModalCss .modal-footer .cancel:hover { background: none; } .clsModalCss .modal-footer button { width: 138px; } .clsModalCss .modal-header .close { opacity: 1; background: url(../images/modal_cross.png); width: 22px; height: 22px; } .clsModalCss .modal-header .close:hover { background: url(../images/modal_cross.png); } .clsModalCss .modal { text-align: center; } .clsModalCss .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } .btn-center-align { display: initial !important; } #acceptresetpassword{ display:initial !important; } .GA_PaymentSelection{ min-width:270px; } /*sairam12-2-2020 Direct debit logo stop text changes*/ .directdebitlogo-block .directdebitlogo-header { text-align: left; font-size: 18px; font-weight: bold; } .directdebitlogo-block .directdebitlogo-header img { width: 165px; height: 59px; } .directdebitlogo-block ul li { list-style: disc; font-size: 13px; } .text-warning2 { color: #ff9800 !important; } .main-top-navbar .nav > li > a{ padding:5px 10px; } .mx_contactusfooteremailandcall { font-size: 14px; } .pt-16{ padding-top:16px; } .new-contactus-menu .list-group-item { border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important; padding: 16px 0px !important; } .new-contactus-menu .list-group-item:last-child { border-bottom: none !important; } .contact-right-arrow { font-size: 11px !important; padding-left: 16px; } /***modal****/ .mb-modal .modal-content { border: 1px solid #dadada; box-shadow: none; border-radius: 8px; } .mb-modal .modal-header { padding: 24px; border-bottom: 1px solid #dadada; } .mb-modal .modal-body { padding: 24px; } .mb-modal .modal-title { font-size: 20px; font-weight: bold } .mb-modal .modal-header .close { margin-top: 0; opacity: .8 } .mb-modal .modal-header .close:hover { opacity: 1 } .mb-modal .modal-body p { font-size: 16px; margin: 0; color: #41413f; font-weight: 500; } .modal-body.modal-min-hight { min-height: 300px } .mb-modal .modal-body h5 { font-size: 18px; margin: 0; padding-bottom: 8px; } .mb-modal .modal-footer { margin-top: 8px; border-top: 1px solid #dadada; padding: 24px; } .mb-modal .modal-footer .button-pane { display: flex; flex-direction: row } .mb-modal .modal-footer .button-pane button { flex: 50%; } .mb-modal .modal-footer .button-pane button:first-child { margin-right: 12px } .mb-modal .modal-footer .button-pane button:last-child { margin-left: 12px; margin-right: 0 } .new-contact-modal .modal-content { max-width: 540px; margin: auto; } .new-contact-modal table { width:100%; } .new-contact-modal .fa.fa-angle-right, .new-contact-modal .fa.fa-angle-down { font-size: 24px; color: red; } .fa-angle-right-up { transform:rotate(180deg); } .new-contact-modal small { color: #666666; padding-top: 4px; display: block; font-size: 16px; } .new-contact-modal .modal-body .row { margin: 0; padding: 0px 24px; /*border-bottom: 1px solid #dadada;*/ } .new-contact-modal .modal-body a { display: block; /*border-bottom: 1px solid #dadada;*/ } .new-contact-modal .modal-body .row:last-child { border-bottom: none; } .new-contact-modal .modal-body .row:hover { cursor: pointer; background: #f9f9f9; } .new-contact-modal .modal-body .row:hover:last-child { border-radius: 0px 0px 8px 8px; } .hidden-contact-data { color: #ff0000; font-weight: 500; padding-top: 16px; display: block; border: none !important; } .new-contact-modal table tr td:nth-child(2) { padding-left: 16px; } .hidden-contact-data:hover{ text-decoration:none; color:red; } .tab-border { border-top: 1px solid #dadada; margin: 0px; } .tab-data { padding: 24px 0px; } .pr-16{ padding-right:16px; } .pr-5{ padding-right:5px; } @media (max-width:475px) { .new-contact-modal .modal-header { padding: 16px; } .new-contact-modal small { font-size: 14px; } .new-contact-modal .modal-body .row { padding: 0px 16px; } .mb-modal .modal-title { font-size: 18px; } .tab-data { padding: 16px 0px; } } @media (max-width:767px){ .modal-header { height: auto; } } /*-10-19-*/ .tyreIconsWrap { width: auto; display: flex; margin: 16px 0 0; } .tyreIconsWrap ul { margin: 0; padding: 0; display: flex; } .tyreIconsWrap li { border-left: 1px solid #dadada !important; padding: 0 8px; list-style-type: none; display: flex } .tyreIconsWrap li:first-child { border: none !important; padding-left:0; } .tyreIconsWrap li img { margin-right: 17px; } .greenWrap { background: #00a651 } .greenWrap:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #00a651 transparent transparent; position: absolute; left: -9px; top: 0; } .yellowWrap { background: #fff200; } .yellowWrap:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #fff200 transparent transparent; position: absolute; left: -9px; top: 0; } .lightGreenWrap { background: #9aca3c } .lightGreenWrap:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #9aca3c transparent transparent; position: absolute; left: -9px; top: 0; } .orangenWrap { background: #fdb913 } .orangenWrap:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #fdb913 transparent transparent; position: absolute; left: -9px; top: 0; } .redWrap { background: #ed1c24 } .redWrap:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #ed1c24 transparent transparent; position: absolute; left: -9px; top: 0; } .blackWrap { background: #000; width: auto !important; padding: 0 4px; } .blackWrap:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #000 transparent transparent; position: absolute; left: -9px; top: 0; } .valueSpan, .noiceSpan { display: block; position: relative; width: 16px; height: 16px; color: #fff; font-size: 10px; line-height: 16px; text-align: center; font-weight:bold; } /*-weather color-*/ .blueA { background: #0066b3 } .blueA:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #0066b3 transparent transparent; position: absolute; left: -9px; top: 0; } .blueB { background: #0080c6 } .blueB:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #0080c6 transparent transparent; position: absolute; left: -9px; top: 0; } .blueC { background: #4ba6dd } .blueC:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #4ba6dd transparent transparent; position: absolute; left: -9px; top: 0; } .blueD { background: #75bee9 } .blueD:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #75bee9 transparent transparent; position: absolute; left: -9px; top: 0; } .blueE { background: #abe1fa } .blueE:before { content: ''; border-style: solid; border-width: 8px 9px 8px 0px; border-color: transparent #abe1fa transparent transparent; position: absolute; left: -9px; top: 0; } /* 11-03*/ .tpms-icons-block { display: flex; align-items: center; /*margin-top: 7px;*/ margin-top: 16px; margin-bottom:0; } .tpms-icons-block span { margin-right: 8px; } .sound-density { background-image: url(/../../Images/TBR/NoiseValue.svg) !important; width: 50px; background-repeat: no-repeat; vertical-align: middle; color: #fff; padding-left: 8px; background-position: left; padding-top: 0px; text-align: center; font-size: 11px; height: 16px; display: flex; align-items: center; justify-content: center; font-weight: bold; } .pipeline-divider { display: block; color: #dadada; font-size: 18px; font-weight: 300; padding: 0 8px; } .tpms-icons-block span.pipeline-divider { margin-right: 0px !important; padding-left: 0px !important; } .tpms-icons-block span.pipeline-divider { margin-right: 0px !important; padding-left: 0px !important; } .finalquotepage-tpmslabels { padding: 0px 0px 16px 15px; } .finalquotepage-tpmslabels p { margin: 0px !important; } .qp-last-p-0 { padding: 0px !important; } .qt-mb-16 { margin-bottom: 16px !important; } .qt-modal-tpms { margin-bottom: 24px; } .qt-modal-tpms .tpms-icons-block { margin-top: 6px !important; } .fleet-summary-tpms { margin-bottom: 5px !important; margin-top: 0px !important; } .m-b-7 { margin-bottom: 7px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-t-10 { margin-top: 10px !important; } .tpms-fltlist { margin-top: 0px !important; } /*-18-11-*/ .show-pack-details { background: #f9f9f9; padding: 16px 16px 6px; font-size: 14px; border-radius: 8px; color: #666; width: 100%; margin-bottom: 14px; display: flex; align-items: flex-start; } .show-pack-details img { margin-right: 8px; width:16px; } /*Speedycss starts*/ /**START: Big Radio**/ /*custom css dropdown*/ .mx-speedy-fr .select-sim { width: 200px; /* height: 22px;*/ line-height: 22px; vertical-align: middle; position: relative; background: white; overflow: hidden; } .wldesc { font-family: Roboto; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #666666; } .mx-speedy-fr .select-sim.opendrop { width: 297px } .mx-speedy-fr .select-sim::after { content: "▼"; font-size: 1em; position: absolute; top: 45%; right: 5px; transform: translate(0, -50%); } .mx-speedy-fr .select-sim.opendrop::after { content: ""; } .mx-speedy-fr .select-sim.opendrop { overflow: visible; } .mx-speedy-fr .select-sim.opendrop .options .option label { display: inline-block; } .mx-speedy-fr .select-sim.opendrop .options { position: absolute; top: -1px; left: -1px; width: 100%; padding: 8px; z-index: 99999; border-radius: 8px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); border: solid 0.5px #dadada; background-color: #ffffff; /* height: 88px; overflow-y: scroll;*/ } .mx-speedy-fr .select-sim .options .option { overflow: hidden; text-align: right; right: 25px; position: relative; } .mx-speedy-fr .select-sim.opendrop .options .option { right: auto; position: unset; text-align: justify; } .mx-speedy-fr .select-sim.opendrop .options .option { /*height: 22px;*/ overflow: hidden; margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #dadada; } .mx-speedy-fr .select-sim .options .option img { vertical-align: middle; vertical-align: middle; padding: 8px; width: auto; height: 40px; } .mx-speedy-fr .select-sim .options .option label { display: none; } .mx-speedy-fr .select-sim .options .option input { width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; float: left; display: inline-block; /* fix specific for Firefox */ position: absolute; left: -10000px; } .mx-speedy-fr .select-sim .options .option input:checked + label { display: block; width: 100%; cursor: pointer; } .mx-speedy-fr .select-sim.opendrop .options .option input + label { display: block; margin: 0px; border-radius: 8px; cursor: pointer; padding: 0px; } .mx-speedy-fr .select-sim.opendrop .options .option input:checked + label { border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(131, 211, 147, 0.08); border: solid 1px #f6515b; background-color: #fbf5f6; display: flex } .mx-speedy-fr .select-sim.opendrop .options .option input:checked + label .check-mark { display: inline-block; width: 18px; height: 18px; object-fit: contain; color: #e30613; margin-right: 8px; position: relative; top: 10px; left: 10px } .mx-speedy-fr .select-sim.opendrop .options .option label:hover { box-shadow: 0 4px 8px 0 rgba(131, 211, 147, 0.08); background-color: #f3f3f3; } /* .mx-speedy-fr .select-sim.opendrop .options .option:first-child { display: none; }*/ .mx-speedy-fr .select-sim.opendrop .options .option:last-child { border: none; } .mx-speedy-fr .wheel-alignment .wheel-alignment-box { opacity: 0; position: absolute; } .mx-speedy-fr .wheel-alignment .wheel, .mx-speedy-fr .wheel-alignment .wheel-list { content: ''; position: relative; right: 0; border-radius: 8px; width: 100%; padding: 16px 16px; font-weight: normal; border: solid 1px #dadada; background-color: #ffffff; margin-bottom: 0px; } .mx-speedy-fr .wheel-alignment .wheel-list { min-height: 235px; } .mx-speedy-fr .wheel-alignment .wheel:hover, .mx-speedy-fr .wheel-alignment .wheel-list:hover { border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(131, 211, 147, 0.08); border: solid 1px #f6515b; background-color: #fbf5f6; padding: 16px 16px; } .mx-speedy-fr .wheel-alignment .wheel-alignment-box:focus + .wheel, .mx-speedy-fr .wheel-alignment .wheel-alignment-box:checked + .wheel, .mx-speedy-fr .wheel-alignment .wheel-alignment-box:focus + .wheel-list, .mx-speedy-fr .wheel-alignment .wheel-alignment-box:checked + .wheel-list { border-radius: 8px; box-shadow: 0 4px 8px 0 rgba(131, 211, 147, 0.08); border: solid 1px #f6515b; background-color: #fbf5f6; padding: 16px 16px; } .mx-speedy-fr .wheel-alignment .wl-tyreselect { font-size: 14px; font-weight: bold; line-height: normal; letter-spacing: 0.28px; color: #41413f; margin-bottom: 3px; } .mx-speedy-fr .wheel-alignment .wl-tyredesc { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.28px; color: #666666; margin-bottom: 0px; padding: 5px 0px; } .mx-speedy-fr .wheel-alignment-block .first-tyreselection, .mx-speedy-fr .oil-change-block .first-tyreselection { padding-right: 16px; } .mx-speedy-fr .oil-change-block .oil-change-title { border-bottom: 1px solid #dadada; font-size: 14px; font-weight: bold; line-height: normal; letter-spacing: 0.28px; color: #41413f; padding-bottom: 16px; margin-bottom: 16px; } .mx-speedy-fr .oil-change-block ul { padding-left: 0px; margin: 0px; } .mx-speedy-fr .check-mark { display: none; } .wheel-alignment .wheel-alignment-box:checked + .wheel-list .check-mark { display: inline-block; width: 18px; height: 18px; object-fit: contain; color: #e30613; margin-right: 8px; } .wheel-alignment .wheel-alignment-box:checked + .wheel .check-mark { display: inline-block; width: 18px; height: 18px; object-fit: contain; color: #e30613; margin-right: 8px; position: relative; top: 10px; } .wheel-alignment .wheel-alignment-box:checked + .wheel .wl-tyredesc { margin-left: 26px; } /*.mx-speedy-fr .oil-change-block .check-mark:hover { display: block; }*/ /* radio END*/ .p-0 { padding: 0px; } .mx-speedy-fr { border-radius: 8px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04); border: solid 1px #dadada; background-color: #ffffff; } .mx-speedy-fr .package-block { border: solid 1px #f6515b; background-color: #fbf5f6; padding: 24px; border-top-right-radius: 8px; border-top-left-radius: 8px; } .mx-speedy-fr .package-block h4 { font-size: 18px; font-weight: bold; line-height: normal; margin: 0px; color: #41413f; } .mx-speedy-fr .package-block p { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0.32px; color: #666666; margin-bottom: 24px; margin-top: 4px; } .mx-speedy-fr .package-block .include-price { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.28px; text-align: right; display: flex; justify-content: flex-end; padding: 0px 0px 15px 0px; } .mx-speedy-fr .package-block .include-price .info { color: #FF0000; border-radius: 4px; border: solid 0.5px #f6515b; background-color: #fbf5f6; padding: 8px; } .mx-speedy-fr .package-block .brand-block { border-radius: 8px; margin: 0px; border: solid 0.5px #dadada; background-color: #ffffff; } .mx-speedy-fr .package-block .brand-block ul { padding-left: 0px; margin-bottom: 0px; } .mx-speedy-fr .package-block .brand-block ul li { padding: 16px 1px; border-bottom: 1px solid #dadada; border-radius: 4px; /* display: flex;*/ align-items: center; } .mx-speedy-fr .package-block .brand-block ul li:last-child { border-bottom: none; } .mx-speedy-fr .package-block .brand-block h5 { font-weight: bold; line-height: normal; letter-spacing: 0.28px; text-align: left; margin: 0px; } .mx-speedy-fr .package-block .brand-block .tyre-desc { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.28px; text-align: left; color: #666666; margin-bottom: 0px; margin-top: 5px; } .mx-speedy-fr .package-block .brand-block .change-brand select { float: right; border: none; color: #ff0000; font-size: 14px; font-weight: 500; background: none; } .mx-speedy-fr .package-block .brand-block .tyre-size { font-weight: 900; } .mx-speedy-fr .package-block .brand-block .brand-img { margin-right: 16px; } .mx-speedy-fr .package-block .brand-block .brand-img img { width: 40px; height: 40px; } .mx-speedy-fr .package-block .brand-block .change-brand { font-size: 14px; font-weight: 500; letter-spacing: normal; color: #ff0000; top: 20px; right: 8px; position: absolute; } .mx-speedy-fr .package-block .brand-block .brand-type { display: inline-block; } .mx-speedy-fr .add-extra-service { padding: 24px 24px 0px; } .mx-speedy-fr .leftbor { border-right: 1px solid #ccc; padding-right: 25px; padding-top: 15px; } .mx-speedy-fr .paddcenter { padding-top: 10px; text-align: center; } .mx-speedy-fr .add-extra-service h4 { font-weight: bold; line-height: normal; letter-spacing: normal; color: #41413f; margin: 0px } .mx-speedy-fr .add-extra-service p { font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: 0.32px; color: #666666; margin-top: 4px; margin-bottom: 0px; } .mx-speedy-fr .wheel-alignment-block, .mx-speedy-fr .oil-type-block, .mx-speedy-fr .oil-change-block { padding: 0 24px 24px 24px; } .wl-title { font-size: 16px; font-weight: bold; line-height: normal; color: #666666; margin-bottom: 16px; padding: 0 24px 0px 24px; } .mx-speedy-fr .wheel-alignment-block .wl-title, .mx-speedy-fr .oil-change-block .wl-title { font-size: 16px; font-weight: bold; line-height: normal; color: #666666; margin-bottom: 16px; } .mx-speedy-fr .oil-type-block .oil-type-title { font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: normal; color: #666666; margin-bottom: 8px; } .mx-speedy-fr .oil-type-block .oil-type-select { margin: 0px; } .mx-speedy-fr .oil-type-block .oil-type-select select { height: 42px; border-radius: 4px; border: solid 1px #dadada; background-color: #ffffff; margin: 0px; } .mx-speedy-fr .oil-type-block .oil-type-block-select { display: inline-block; margin-right: 16px; float: left; } .mx-speedy-fr .oil-type-block .oil-type-block-viscocity { display: inline-block; } .mx-speedy-fr .oil-type-block .oil-type-block-viscocity .oil-type-checkbox { border: 1px dotted #dadada; margin-top: 8px; padding: 9px 12px; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: normal; text-align: left; border-radius: 4px; color: #666666; } .mx-speedy-fr .oil-type-block .oil-type-block-viscocity p.oil-type-checkbox input[type="checkbox"] { margin-right: 8px; } .mx-speedy-fr .email-block { padding: 0px 24px 24px 24px; } .mx-speedy-fr .email-block .header { border-top: solid 1px #dadada; font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: normal; padding-top: 24px; margin-top: 0px; margin-bottom: 4px; } .mx-speedy-fr .email-block .sub-header { font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: normal; color: #666666; margin: 0px 0px 8px 0px; } .mx-speedy-fr .email-block p { margin: 0px; } .mx-speedy-fr .email-block p input[type="text"] { height: 40px; border-radius: 4px; border: solid 1px #dadada; background-color: #ffffff; padding: 12px; } .mx-speedy-fr .email-block p input[type="text"]:hover { border: solid 1px #666666; } .mx-speedy-fr .email-block p input[type="text"]:active { box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.16); border: solid 1px #666666; background-color: #ffffff; } .mx-speedy-fr .email-block p input[type="text"]::placeholder { font-size: 14px; letter-spacing: 0.28px; color: #666666; } .mx-speedy-fr .terms-block { padding: 0px 24px 24px 24px; border-bottom: 1px solid #dadada; } .mx-speedy-fr .terms-details { border-radius: 8px; background-color: #f4f4f4; padding: 16px; color: #41413f; } .mx-speedy-fr .term-header { font-size: 14px; font-weight: normal; letter-spacing: normal; color: #41413f; margin: 0px 0px 16px 0px; } .mx-speedy-fr .terms-block .term-color-text { color: #0185cf; } .mx-speedy-fr .terms-block .term-color-text a { color: #0185cf; } .mx-speedy-fr .terms-block .term-color-text1 { color: #0185cf; font-weight: 500; } .mx-speedy-fr .terms-block .terms-desc { font-size: 14px; line-height: normal; letter-spacing: normal; margin: 0px 0px 16px 0px; } .mx-speedy-fr .terms-block .terms-desc input[type="checkbox"], .mx-speedy-fr .terms-block .terms-desc1 input[type="checkbox"] { margin-right: 8px; } .mx-speedy-fr .terms-block .terms-desc1 { font-size: 14px; /* line-height: normal;*/ letter-spacing: normal; margin: 0px; } .mx-speedy-fr .totalVal { padding: 24px; } .mx-speedy-fr .totalVal .btn { border-radius: 2px; background: #e30613; font-weight: 500; line-height: normal; letter-spacing: 0.32px; color: #ffffff; padding: 10px; } .mx-speedy-fr .total-amount { text-align: right; } .mx-speedy-fr .totalVal .total, .add-extra-service .total-amount .total { font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: normal; color: #828282; margin: 0px 0px 3px 0px; } .mx-speedy-fr .totalVal .total-amnt, .add-extra-service .total-amount .total-amnt { color: #FF0000; font-size: 24px; font-weight: bold; letter-spacing: 0.48px; margin: 0px; } /*Speedycss ends*/ .mx-speedy-fr .custom-checkbox-block { border-radius: 4px; border: dashed 1px #dadada; padding: 12px; margin: 0px; } /* The custom-checkbox */ .mx-speedy-fr .custom-checkbox { display: block; position: relative; padding-left: 26px; cursor: pointer; font-size: 14px; margin: 0px; } .mx-speedy-fr .custom-checkbox span { font-size: 14px; font-weight: normal; color: #41413f; font-weight: normal; } /* Hide the browser's default checkbox */ .mx-speedy-fr .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .mx-speedy-fr .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #ffffff; border: solid 2px #dadada; border-radius: 2px; } /* On mouse-over, add a grey background color */ .mx-speedy-fr .custom-checkbox:hover input ~ .checkmark { background-color: #fff; } /* When the checkbox is checked, add a blue background */ .mx-speedy-fr .custom-checkbox input:checked ~ .checkmark { background: #fff; border: 2px solid #e30613; } /* Create the checkmark/indicator (hidden when not checked) */ .mx-speedy-fr .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .mx-speedy-fr .custom-checkbox input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .mx-speedy-fr .custom-checkbox .checkmark:after { left: 3px; top: 0px; width: 7px; height: 11px; border: solid 2px #e30613; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 0 2px 2px 0; } .mx-speedy-fr .brand-block-main { display: flex; } /* .mx-speedy-fr .over-flow { overflow:visible; }*/ .mx-speedy-fr .totalVal .btn { margin-top: 10px; } .mx-speedy-fr .oilblockflex { display: flex; } .mx-speedy-fr-nobox { border-radius: 0; box-shadow: none; border: 0; background-color: #ffffff; } .mx-speedy-fr-nobox .email-block .header { border-top: 0; } .mx-speedy-fr-nobox .terms-block { border-bottom: 0; } .border-styles { border: 1px solid #eee; border-radius: 8px; padding: 0px 24px; } @media screen and (max-width:1070px) { /*.mx-speedy-fr .email-block p input[type="text"] { width:100%; }*/ .mx-speedy-fr .package-block { padding: 16px; } .mx-speedy-fr .totalVal .total, .add-extra-service .total-amount .total, .mx-speedy-fr .totalVal .total-amnt, .add-extra-service .total-amount .total-amnt { text-align: right !important } .mx-speedy-fr .totalVal { padding: 24px 16px; position: sticky; bottom: 0px; z-index: 999; background-color: #ffffff; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border: none; border-bottom: 1px solid #dadada; } .mx-speedy-fr .add-extra-service { padding: 16px 16px 24px 16px; } .mx-speedy-fr .wheel-alignment-block { padding: 0 16px; } .mx-speedy-fr .oil-change-block { padding: 24px 16px 8px 16px; display: block; } .mx-speedy-fr .oilblockflex { display: block; } .mx-speedy-fr .email-block { padding: 0 16px 16px 16px; } .mx-speedy-fr .oil-type-block { padding: 0 16px 24px 16px; } .mx-speedy-fr .terms-block { padding: 0 0 16px 0; } .first-tyreselection { padding-right: 0px !important; margin-bottom: 8px; } .mx-speedy-fr .package-block p { margin-bottom: 8px; } .mx-speedy-fr .package-block .include-price { justify-content: end; margin: 8px 0px; } .mx-speedy-fr .brand-block-main { display: flex; } .mx-speedy-fr .package-block .brand-block .change-brand { position: relative; left: 54px; right: auto; margin: 16px 0 0 0; top: auto; } .mx-speedy-fr .package-block .brand-block .change-brand select { float: left; } .mx-speedy-fr .package-block .brand-block ul li:first-child { /*padding-bottom: 26px;*/ } .mx-speedy-fr .oil-type-block .oil-type-title { margin-top: 16px; } .mx-speedy-fr .select-sim { width: 160px; background: none; } .opendropmain { left: auto !important; } .mx-speedy-fr .select-sim .options .option { right: auto; } .mx-speedy-fr .select-sim .options .option input:checked + label { text-align: left; margin: 0px; } .mx-speedy-fr .select-sim::after { top: 50%; right: 20px } .mx-speedy-fr .select-sim .options .option img { padding: 8px 0px; } .mx-speedy-fr .select-sim.opendrop { width: auto; } .mx-speedy-fr { border-radius: 8px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); border: solid 1px #dadada; background-color: #ffffff; } .mx-speedy-fr .total-amnt, .add-extra-service h4 { font-size: 16px !important; } .mx-speedy-fr .terms-details { border-top-right-radius: 0px; border-top-left-radius: 0px; } .mx-speedy-fr .email-block p input[type="text"] { width: 100%; } .mx-speedy-fr-nobox { border-radius: 0; box-shadow: none; border: 0; background-color: #ffffff; } .mx-speedy-fr-nobox .email-block { padding: 15px 0px; } } /**/ .bbportalheader { background: #000; color: #fff; } .bbportalheader > div { display: flex; } .bbportalheader > div > div { padding: 20px; } .bbportalheader a { color: #fff; } .bbsalescontainer { background: #efeded; margin: 128px auto; width: 92.6%; } .bbsalesquote { margin: 0px 11px; padding: 10px 12px; } .bbcommonlayout { width: 65%; margin: 0 auto; } .bbsalesquote { color: red; } .bborderlayout { border-top: 1px solid #ccc; padding: 20px 0px; } .bbsalestablescontainer .mx-table thead tr { border: none; background-color: #ccc; color: #000; } .bbsalestablescontainer .mx-table thead tr th { BORDER: NONE; } .bbselectoption { margin-left: 20px; } .bbselectoption button { margin-right: 10px; } .bbsalesquotedform { } .bbTyredescdetails { padding: 20px; } .bbTyredescdetails .bbtyreinputdetails .Groupbyinput input, .bbTyredescdetails .bbtyreinputdetails .Groupbyinput select, .bbTyredescdetails .bbtyreinputdetails .Groupbyinput button { width: 90px; height: 35px; } .mx-overlay-container { right: -100vh; width: 0rem; position: fixed; top: 0; height: 100vh; background-color: red; z-index: 2000; } .mx-overlay-wrapper.open .mx-overlay-container { right: 0; } table.mx-datatable.dataTable thead .sorting::after, table.mx-datatable.dataTable thead .sorting_asc::after, table.mx-datatable.dataTable thead .sorting_desc::after, table.mx-datatable.dataTable thead .sorting_asc_disabled::after, table.mx-datatable.dataTable thead .sorting_desc_disabled::after { } table.mx-datatable.datatable.mx-datatable.stripe tbody tr.odd, table.mx-datatable.datatable.mx-datatable.display tbody tr.odd { } table.mx-datatable.dataTable thead th, table.mx-datatable.dataTable thead td { border-bottom: 1px solid #dddddd; } table.mx-datatable.datatable.mx-datatable.no-footer { border-bottom: 1px solid #dddddd; } .sales__quote_block { box-shadow: 0 5px 20px rgba(0, 0, 0, .1); border-radius: 25px; margin-top: 20px; float: left; width: 100%; } .sales__quote_block .nav-tabs { border: none; background: #3d3d3d; border-top-left-radius: 25px; border-top-right-radius: 25px; } .sales__quote_block .nav-tabs > li.active::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #ff020a transparent transparent transparent; } .salespersontabs > li { float: left; } .sales__quote_block .nav-tabs > li { margin-bottom: 0; border-top-left-radius: 25px; } .sales__quote_block { box-shadow: 0 5px 20px rgba(0, 0, 0, .1); border-radius: 25px; margin-top: 20px; float: left; width: 100%; } .sales__quote_block .nav-tabs { border: none; background: #3d3d3d; border-top-left-radius: 25px; border-top-right-radius: 25px; } .sales__quote_block .nav-tabs > li { margin-bottom: 0; border-top-left-radius: 25px; } .sales__quote_block .nav-tabs > li > a { border: none; color: #ffffff; border-radius: 0; padding: 20px 25px; font-weight: 600; position: relative; } .sales__quote_block .nav-tabs > li > a:hover { border-color: none; border: none; } .sales__quote_block .nav-tabs > li.active > a, .sales__quote_block .nav-tabs > li.active > a:focus, .sales__quote_block .nav-tabs > li.active > a:hover { color: #ffffff; background-color: #929292; border: none; } .sales__quote_block .nav-tabs > li.active::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #ff020a transparent transparent transparent; } .sales__quote_block .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #929292; } .sale__quote-form .form-group label { text-align: left; font-weight: normal; } .sale__person { background-color: #ff020a; color: #ffffff; } .sale__person img { height: 63px; padding-left: 10px; } .sale__person span { font-weight: 600; font-style: italic; padding: 2px 15px 0 0; } .sales__quote_block .tab-content { padding: 20px; } .sales__quote-heading { border-bottom: 1px solid #cdccd1; color: #ff020a; padding-bottom: 5px; font-size: 18px; font-weight: 600; } .no-line { border-bottom: 1px solid transparent; } .sale__person--content { margin: 30px 0; } .btn-modify { background-color: #ec0808; color: #fff; padding: 2px 15px; border-radius: 5px; } .btn-modify:hover { background: #333333; cursor: pointer; color: #fff; padding: 2px 15px; border-radius: 5px; } .navbar-container .navbar-header .btn { background: #FFFFFF; border: 1px solid #EEEEEE; color: #333333; height: 40px; } .bbTyredescdetails #mx-brandretaileritems .changetyre-info-wrapper .mx-mismatchitemlist .mx-radiobutton { margin-left: 20px; justify-content: left; } .quote-status-label { margin-top:7px; } .bbnewedit span, .bbarchive span, .bbdeleted span, .bbnewquote span { color: #fff; } .bborderlayout span { color: #FF0000; } /*b2b sale person dashboard css starts*/ .b2bsp-table { border: 1px solid #dadada; background: #fff; padding:0px 24px; } .b2bsp-table th { padding: 24px !important; border-bottom: 1px solid #dadada !important; color: #41413F !important; font-size: 14px !important; font-weight: bold !important; text-align: left !important; } .b2bsp-table td { padding: 12px 24px !important; border-top: 1px solid #dadada !important; color: #41413F !important; font-size: 14px !important; text-align: left !important; } .b2bsp-table td:first-child { padding-left: 0px!important; } /*#mxtblPriceCalcherre thead .sorting { background-image: url("/../../Images/sort-icon-default.png") !important; background-size: 13px !important; } #mxtblPriceCalcherre .sorting_asc { background-image: url("/../../Images/sort-icon-asc.png") !important; background-size: 13px !important; } #mxtblPriceCalcherre .sorting_desc { background-image: url("/../../Images/sort-icon-desc.png") !important; background-size: 13px !important; }*/ table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting:after { display: none; } table.dataTable.display tbody tr:hover { background-color: #f6f6f6!important; } table.dataTable.no-footer { border-bottom: 1px solid #dadada !important; margin-bottom: 0px !important; } /*custom radio css*/ .radio-wrap { display: inline-block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio-wrap input { position: absolute; opacity: 0; cursor: pointer; } .radiomark { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background-color: #ffffff; border-radius: 50%; border: 2px solid #dadada } .radio-wrap:hover input ~ .radiomark { background-color: #ffffff; } .radio-wrap input:checked ~ .radiomark { background-color: #ffffff; border: 2px solid #e30613 } .radiomark:after { content: ""; position: absolute; display: none; } .radio-wrap input:checked ~ .radiomark:after { display: block; } .radio-wrap .radiomark:after { left: 2px; top: 2px; width: 10px; height: 10px; background: #e30613; border-radius: 50%; } /*IE >10.0 css starts here*/ /*html[data-browser*='IE'] body{ background-color: red; }*/ html[data-browser*='IE'] .mx-oqradiobutton label.selected > span { top: 2.9vh; } html[data-browser*='IE'] .onlinequote-wrapper .card-wrapper .card-footer > ul { height: 80px; } html[data-useragent*='MSIE 10.0'] .fixed_steps .valid.fixed_step, html[data-useragent*='MSIE 10.0'] .fixed_steps .current.fixed_step { padding: 14px 20px 6px 2px; } html[data-useragent*='MSIE 10.0'] .fixed_steps .fixed_step::after { top: auto; right: auto; } html[data-useragent*='MSIE 10.0'] .fixed_steps .fixed_step .fixed_title { padding-right:11px; } html[data-browser*='IE'] .mx_legalcontent_wrapper .checkbox, .mx_legalcontent_wrapper .radio { display: inline; } /*IE >10.0 css ends here*/ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #333333; color: #ffffff; border: 1px solid #dddddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #E41819; color: #ffffff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #E41819; border-color: #E41819; outline: none; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; cursor: not-allowed; background-color: #ffffff; }