/* Minification failed. Returning unminified contents. (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15002,25): run-time error CSS1038: Expected hex color, found '#ffff' (23821,1): run-time error CSS1019: Unexpected token, found '}' (23970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23973,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23976,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23979,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23983,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23987,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23991,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23995,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (23996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23999,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24003,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (24008,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (24013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (24018,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24023,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24028,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24033,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24034,6): run-time error CSS1035: Expected colon, found '{' (24036,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24037,6): run-time error CSS1035: Expected colon, found '{' (24039,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24040,6): run-time error CSS1035: Expected colon, found '{' (24042,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24043,8): run-time error CSS1035: Expected colon, found '{' (24045,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24046,8): run-time error CSS1035: Expected colon, found '{' (24048,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24049,8): run-time error CSS1035: Expected colon, found '{' (24052,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24053,8): run-time error CSS1035: Expected colon, found '{' (24055,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24056,8): run-time error CSS1035: Expected colon, found '{' (24058,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24059,8): run-time error CSS1035: Expected colon, found '{' (24062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24063,6): run-time error CSS1035: Expected colon, found '{' (24065,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (24066,6): run-time error CSS1035: Expected colon, found '{' (24068,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24069,6): run-time error CSS1035: Expected colon, found '{' */ /*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;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;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;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{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:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{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 a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *, ::after, ::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #007bff; text-decoration: none; background-color: transparent } a:hover { color: #0056b3; text-decoration: underline } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: 2.5rem } .h2, h2 { font-size: 2rem } .h3, h3 { font-size: 1.75rem } .h4, h4 { font-size: 1.5rem } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1) } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014\00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } code { font-size: 87.5%; color: #e83e8c; word-break: break-word } a > code { color: inherit } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 100%; font-weight: 700 } pre { display: block; font-size: 87.5%; color: #212529 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .table { width: 100%; margin-bottom: 1rem; color: #212529 } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody + tbody { border-top: 2px solid #dee2e6 } .table-sm td, .table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075) } .table-primary, .table-primary > td, .table-primary > th { background-color: #b8daff } .table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7abaff } .table-hover .table-primary:hover { background-color: #9fcdff } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff } .table-secondary, .table-secondary > td, .table-secondary > th { background-color: #d6d8db } .table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #b3b7bb } .table-hover .table-secondary:hover { background-color: #c8cbcf } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf } .table-success, .table-success > td, .table-success > th { background-color: #c3e6cb } .table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #8fd19e } .table-hover .table-success:hover { background-color: #b1dfbb } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb } .table-info, .table-info > td, .table-info > th { background-color: #bee5eb } .table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #86cfda } .table-hover .table-info:hover { background-color: #abdde5 } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5 } .table-warning, .table-warning > td, .table-warning > th { background-color: #ffeeba } .table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffdf7e } .table-hover .table-warning:hover { background-color: #ffe8a1 } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1 } .table-danger, .table-danger > td, .table-danger > th { background-color: #f5c6cb } .table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ed969e } .table-hover .table-danger:hover { background-color: #f1b0b7 } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7 } .table-light, .table-light > td, .table-light > th { background-color: #fdfdfe } .table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fbfcfc } .table-hover .table-light:hover { background-color: #ececf6 } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6 } .table-dark, .table-dark > td, .table-dark > th { background-color: #c6c8ca } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #95999c } .table-hover .table-dark:hover { background-color: #b9bbbe } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe } .table-active, .table-active > td, .table-active > th { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover { background-color: rgba(0,0,0,.075) } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0,0,0,.075) } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #343a40 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #454d55 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.075) } @media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm > .table-bordered { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md > .table-bordered { border: 0 } } @media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg > .table-bordered { border: 0 } } @media (max-width:1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl > .table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive > .table-bordered { border: 0 } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } select.form-control[multiple], select.form-control[size] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled ~ .form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0 } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #28a745; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip { display: block } .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip { display: block } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745 } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745 } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: #28a745 } .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57 } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745 } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745 } .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip { display: block } .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip { display: block } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545 } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: #dc3545 } .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545 } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select, .form-inline .input-group { width: auto } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529; text-decoration: none } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .btn.disabled, .btn:disabled { opacity: .65 } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(38,143,255,.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(38,143,255,.5) } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(130,138,145,.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(130,138,145,.5) } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 .2rem rgba(72,180,97,.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(72,180,97,.5) } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 .2rem rgba(58,176,195,.5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(58,176,195,.5) } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 } .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 .2rem rgba(216,217,219,.5) } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(216,217,219,.5) } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(82,88,93,.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82,88,93,.5) } .btn-outline-primary { color: #007bff; border-color: #007bff } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-success { color: #28a745; border-color: #28a745 } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-info { color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-dark { color: #343a40; border-color: #343a40 } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-link { font-weight: 400; color: #007bff; text-decoration: none } .btn-link:hover { color: #0056b3; text-decoration: underline } .btn-link.focus, .btn-link:focus { text-decoration: underline; box-shadow: none } .btn-link.disabled, .btn-link:disabled { color: #6c757d; pointer-events: none } .btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu-left { right: auto; left: 0 } .dropdown-menu-right { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-left { right: auto; left: 0 } .dropdown-menu-sm-right { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-left { right: auto; left: 0 } .dropdown-menu-lg-right { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-left { right: auto; left: 0 } .dropdown-menu-xl-right { right: 0; left: auto } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-toggle::after { vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .dropleft .dropdown-toggle::before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1 } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1 } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0 } .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px } .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3 } .input-group > .custom-file .custom-file-input:focus { z-index: 4 } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) } .input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) } .input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem } .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px } .custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50% } .custom-checkbox .custom-control-label::before { border-radius: .25rem } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-radio .custom-control-label::before { border-radius: 50% } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label::after { transition: none } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { display: none } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + .75rem + 2px); margin: 0; opacity: 0 } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse" } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0 } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { transition: none } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { transition: none } } .custom-range::-ms-thumb:active { background-color: #b3d7ff } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #adb5bd } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content > .tab-pane { display: none } .tab-content > .active { display: block } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% } @media (max-width:575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (max-width:767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (max-width:991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (max-width:1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0,0,0,.9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0,0,0,.5) } .navbar-light .navbar-text a { color: rgba(0,0,0,.9) } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255,255,255,.5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card > hr { margin-right: 0; margin-left: 0 } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link + .card-link { margin-left: 1.25rem } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-header + .list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: calc(.25rem - 1px) } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-deck .card { margin-bottom: 15px } @media (min-width:576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-group > .card { margin-bottom: 15px } @media (min-width:576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0 } .card-group > .card + .card { margin-left: 0; border-left: 0 } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width:576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion > .card { overflow: hidden } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0 } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion > .card .card-header { margin-bottom: -1px } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem } .breadcrumb-item + .breadcrumb-item { padding-left: .5rem } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #6c757d } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #007bff } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0062cc } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .badge-secondary { color: #fff; background-color: #6c757d } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #545b62 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .badge-success { color: #fff; background-color: #28a745 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34 } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124 } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } @media (min-width:576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #686868 } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { 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); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } @media (min-width:576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush .list-group-item:last-child { margin-bottom: -1px } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0 } .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 } .list-group-item-secondary { color: #383d41; background-color: #d6d8db } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 } .list-group-item-success { color: #155724; background-color: #c3e6cb } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 } .list-group-item-info { color: #0c5460; background-color: #bee5eb } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 } .list-group-item-warning { color: #856404; background-color: #ffeeba } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 } .list-group-item-danger { color: #721c24; background-color: #f5c6cb } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 } .list-group-item-light { color: #818182; background-color: #fdfdfe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } a.close.disabled { pointer-events: none } .toast { max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05) } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable::before { content: none } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .modal-footer > :not(:first-child) { margin-left: .25rem } .modal-footer > :not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered::before { height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow { bottom: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: .5rem .75rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; 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 } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s .6s opacity } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite } .spinner-grow-sm { width: 1rem; height: 1rem } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #007bff !important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc !important } .bg-secondary { background-color: #6c757d !important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 !important } .bg-success { background-color: #28a745 !important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 !important } .bg-info { background-color: #17a2b8 !important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important } .bg-warning { background-color: #ffc107 !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important } .bg-danger { background-color: #dc3545 !important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important } .bg-light { background-color: #f8f9fa !important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important } .bg-dark { background-color: #343a40 !important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124 !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #dee2e6 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-right { border-right: 1px solid #dee2e6 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-left { border-left: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #007bff !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #28a745 !important } .border-info { border-color: #17a2b8 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #343a40 !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: .2rem !important } .rounded { border-radius: .25rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-lg { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-0 { border-radius: 0 !important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9::before { padding-top: 42.857143% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width:576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width:768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width:992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width:1200px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important } .shadow-none { box-shadow: none !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0) } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width:576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width:768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width:992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width:1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width:576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #007bff !important } a.text-primary:focus, a.text-primary:hover { color: #0056b3 !important } .text-secondary { color: #6c757d !important } a.text-secondary:focus, a.text-secondary:hover { color: #494f54 !important } .text-success { color: #28a745 !important } a.text-success:focus, a.text-success:hover { color: #19692c !important } .text-info { color: #17a2b8 !important } a.text-info:focus, a.text-info:hover { color: #0f6674 !important } .text-warning { color: #ffc107 !important } a.text-warning:focus, a.text-warning:hover { color: #ba8b00 !important } .text-danger { color: #dc3545 !important } a.text-danger:focus, a.text-danger:hover { color: #a71d2a !important } .text-light { color: #f8f9fa !important } a.text-light:focus, a.text-light:hover { color: #cbd3da !important } .text-dark { color: #343a40 !important } a.text-dark:focus, a.text-dark:hover { color: #121416 !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0,0,0,.5) !important } .text-white-50 { color: rgba(255,255,255,.5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; overflow-wrap: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important } a:not(.btn) { text-decoration: underline } abbr[title]::after { content: " (" attr(title) ")" } pre { white-space: pre-wrap !important } blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } @page { size: a3 } body { min-width: 992px !important } .container { min-width: 992px !important } .navbar { display: none } .badge { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important } .table-dark { color: inherit } .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6 } .table .thead-dark th { color: inherit; border-color: #dee2e6 } } /*# sourceMappingURL=bootstrap.min.css.map */ .magnifyarea { /* CSS to add shadow to magnified image. Optional */ box-shadow: 5px 5px 7px #818181; -webkit-box-shadow: 5px 5px 7px #818181; -moz-box-shadow: 5px 5px 7px #818181; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true); background: white; } .targetarea { /* CSS for container div(s) of the zoomable image */ width: 370px; /* wide or wider than the widest zoomable image */ height: auto; /* high or higher than the tallest zoomable image */ float:right; } #two { /* Added CSS for second target div of zoomable images */ height: 243px; /* high or higher than the tallest zoomable image */ } .targetarea img { /* zoomable image */ margin: auto; /* for horizontal centering */ display: block; /* also for horizontal centering */ position: relative !important; /* along with on the fly calculations in script, for vertical centering */ border-width: 0; width: 100% !important; border:1px solid #ccc; height:auto !important; top: 0 !important; } .thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */ width: 70px; position:absolute; left:0; top:0; } .thumbs a { /* trigger links on the thumbnail images */ text-decoration: none; /* avoid underlines of images, text or spaces in these links */ } .thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */ border: 1px solid #ccc; /* avoid default borders in some browsers */ margin-bottom:7px; width:70px; } #description, #description2 { position: absolute; /* required for description folows image bottom (descpos: true) */ width: 280px; /* should be width of zoomable image container (.targetarea) */ text-align: center; font: bold 95% sans-serif; margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */ color: #222; background-color: #fff; } .table-striped tr td { border: 1px solid gainsboro !important; text-align: center !important; } .owl-controls { display: none !important; } .row { margin-left: -15px; margin-right: -15px } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { 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-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { 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-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { 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-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { 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% } } fieldset { padding: 0; margin: 0; border: 0; min-width: 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: bold } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } input[type="file"] { display: block } input[type="range"] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]: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,-webkit-box-shadow ease-in-out .15s; -o-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 } .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 { border: 0; background-color: transparent } .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 } input[type="search"] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px } } .form-group { margin-bottom: 15px } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9 } .radio + .radio, .checkbox + .checkbox { margin-top: -5px } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 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 } textarea.input-sm, select[multiple].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 textarea.form-control, .form-group-sm select[multiple].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 } textarea.input-lg, select[multiple].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 textarea.form-control, .form-group-lg select[multiple].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 } .input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px } .input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-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; border-color: #3c763d; background-color: #dff0d8 } .has-success .form-control-feedback { color: #3c763d } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-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; border-color: #8a6d3b; background-color: #fcf8e3 } .has-warning .form-control-feedback { color: #8a6d3b } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-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; border-color: #a94442; background-color: #f2dede } .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 .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto } .form-inline .input-group > .form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0 } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px } @media(min-width:768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px } } .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 } } .label { display: inline; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:hover, a.label:focus { 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]:hover, .label-default[href]:focus { background-color: #5e5e5e } .label-primary { background-color: #337ab7 } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090 } .label-success { background-color: #5cb85c } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f } .label-danger { background-color: #d9534f } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: 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 } .text-bold { font-weight: bold } .hidden { display: none !important } .affix { position: fixed } .text-danger { color: red; padding-top: 5px } .form-control-inline { min-width: 0; width: auto; display: inline } table { background-color: transparent } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left } th { text-align: center } .table { width: 100%; max-width: 100%; margin-bottom: 20px } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { 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 > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0 } .table > tbody + tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px } .table-bordered { border: 1px solid #ddd } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9 } .table-hover > tbody > tr:hover { background-color: #f5f5f5 } table col[class*="col-"] { position: static; float: none; display: table-column } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5 } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8 } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8 } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6 } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7 } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3 } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3 } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc } .table-responsive { overflow-x: auto; min-height: .01% } @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 > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap } .table-responsive > .table-bordered { border: 0 } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0 } } .text-muted { color: #777 } .text-primary { color: #337ab7 } a.text-primary:hover, a.text-primary:focus { color: #286090 } .text-success { color: #3c763d } a.text-success:hover, a.text-success:focus { color: #2b542c } .text-info { color: #31708f } a.text-info:hover, a.text-info:focus { color: #245269 } .text-warning { color: #8a6d3b } a.text-warning:hover, a.text-warning:focus { color: #66512c } .text-danger { color: #a94442 } a.text-danger:hover, a.text-danger:focus { color: #843534 } .bg-primary { color: #fff; background-color: #337ab7 } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090 } .bg-success { background-color: #dff0d8 } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3 } .bg-info { background-color: #d9edf7 } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5 } .bg-danger { background-color: #f2dede } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9 } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:hover, .btn:focus, .btn.focus { 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); -webkit-box-shadow: none; box-shadow: none; opacity: .65 } 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; border-color: #adadad } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { 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; border-color: #204d74 } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #204d74; border-color: #122b40 } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none } .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { 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; border-color: #398439 } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625 } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { 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; border-color: #269abc } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none } .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { 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; border-color: #d58512 } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { 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; border-color: #ac2925 } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { font-weight: normal; 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:hover, .btn-link:focus, .btn-link:active { border-color: transparent } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px } .btn-xs, .btn-group-xs > .btn { 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="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .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 > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .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 > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0 } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .table:first-child > thead: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-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } .panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px } .panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px } .panel > .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 td:first-child, .panel > .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 td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px } .panel > .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 td:last-child, .panel > .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 td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .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 th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0 } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0 } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0 } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .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 > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { 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 } .label { padding-left: 5px; padding-bottom: 5px; display: block; text-align: left } .row p { padding: 7px 0 } @font-face { font-family: 'Glyphicons Halflings'; src: url(../assets/core/fonts/glyphicons-halflings-regular.eot); src: url(../assets/core/fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'),url(../assets/core/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../assets/core/fonts/glyphicons-halflings-regular.woff) format('woff'),url(../assets/core/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../assets/core/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: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "*" } .glyphicon-plus:before { content: "+" } .glyphicon-euro:before, .glyphicon-eur:before { content: "€" } .glyphicon-minus:before { content: "−" } .glyphicon-cloud:before { content: "☁" } .glyphicon-envelope:before { content: "✉" } .glyphicon-pencil:before { content: "✏" } .glyphicon-glass:before { content: "" } .glyphicon-music:before { content: "" } .glyphicon-search:before { content: "" } .glyphicon-heart:before { content: "" } .glyphicon-star:before { content: "" } .glyphicon-star-empty:before { content: "" } .glyphicon-user:before { content: "" } .glyphicon-film:before { content: "" } .glyphicon-th-large:before { content: "" } .glyphicon-th:before { content: "" } .glyphicon-th-list:before { content: "" } .glyphicon-ok:before { content: "" } .glyphicon-remove:before { content: "" } .glyphicon-zoom-in:before { content: "" } .glyphicon-zoom-out:before { content: "" } .glyphicon-off:before { content: "" } .glyphicon-signal:before { content: "" } .glyphicon-cog:before { content: "" } .glyphicon-trash:before { content: "" } .glyphicon-home:before { content: "" } .glyphicon-file:before { content: "" } .glyphicon-time:before { content: "" } .glyphicon-road:before { content: "" } .glyphicon-download-alt:before { content: "" } .glyphicon-download:before { content: "" } .glyphicon-upload:before { content: "" } .glyphicon-inbox:before { content: "" } .glyphicon-play-circle:before { content: "" } .glyphicon-repeat:before { content: "" } .glyphicon-refresh:before { content: "" } .glyphicon-list-alt:before { content: "" } .glyphicon-lock:before { content: "" } .glyphicon-flag:before { content: "" } .glyphicon-headphones:before { content: "" } .glyphicon-volume-off:before { content: "" } .glyphicon-volume-down:before { content: "" } .glyphicon-volume-up:before { content: "" } .glyphicon-qrcode:before { content: "" } .glyphicon-barcode:before { content: "" } .glyphicon-tag:before { content: "" } .glyphicon-tags:before { content: "" } .glyphicon-book:before { content: "" } .glyphicon-bookmark:before { content: "" } .glyphicon-print:before { content: "" } .glyphicon-camera:before { content: "" } .glyphicon-font:before { content: "" } .glyphicon-bold:before { content: "" } .glyphicon-italic:before { content: "" } .glyphicon-text-height:before { content: "" } .glyphicon-text-width:before { content: "" } .glyphicon-align-left:before { content: "" } .glyphicon-align-center:before { content: "" } .glyphicon-align-right:before { content: "" } .glyphicon-align-justify:before { content: "" } .glyphicon-list:before { content: "" } .glyphicon-indent-left:before { content: "" } .glyphicon-indent-right:before { content: "" } .glyphicon-facetime-video:before { content: "" } .glyphicon-picture:before { content: "" } .glyphicon-map-marker:before { content: "" } .glyphicon-adjust:before { content: "" } .glyphicon-tint:before { content: "" } .glyphicon-edit:before { content: "" } .glyphicon-share:before { content: "" } .glyphicon-check:before { content: "" } .glyphicon-move:before { content: "" } .glyphicon-step-backward:before { content: "" } .glyphicon-fast-backward:before { content: "" } .glyphicon-backward:before { content: "" } .glyphicon-play:before { content: "" } .glyphicon-pause:before { content: "" } .glyphicon-stop:before { content: "" } .glyphicon-forward:before { content: "" } .glyphicon-fast-forward:before { content: "" } .glyphicon-step-forward:before { content: "" } .glyphicon-eject:before { content: "" } .glyphicon-chevron-left:before { content: "" } .glyphicon-chevron-right:before { content: "" } .glyphicon-plus-sign:before { content: "" } .glyphicon-minus-sign:before { content: "" } .glyphicon-remove-sign:before { content: "" } .glyphicon-ok-sign:before { content: "" } .glyphicon-question-sign:before { content: "" } .glyphicon-info-sign:before { content: "" } .glyphicon-screenshot:before { content: "" } .glyphicon-remove-circle:before { content: "" } .glyphicon-ok-circle:before { content: "" } .glyphicon-ban-circle:before { content: "" } .glyphicon-arrow-left:before { content: "" } .glyphicon-arrow-right:before { content: "" } .glyphicon-arrow-up:before { content: "" } .glyphicon-arrow-down:before { content: "" } .glyphicon-share-alt:before { content: "" } .glyphicon-resize-full:before { content: "" } .glyphicon-resize-small:before { content: "" } .glyphicon-exclamation-sign:before { content: "" } .glyphicon-gift:before { content: "" } .glyphicon-leaf:before { content: "" } .glyphicon-fire:before { content: "" } .glyphicon-eye-open:before { content: "" } .glyphicon-eye-close:before { content: "" } .glyphicon-warning-sign:before { content: "" } .glyphicon-plane:before { content: "" } .glyphicon-calendar:before { content: "" } .glyphicon-random:before { content: "" } .glyphicon-comment:before { content: "" } .glyphicon-magnet:before { content: "" } .glyphicon-chevron-up:before { content: "" } .glyphicon-chevron-down:before { content: "" } .glyphicon-retweet:before { content: "" } .glyphicon-shopping-cart:before { content: "" } .glyphicon-folder-close:before { content: "" } .glyphicon-folder-open:before { content: "" } .glyphicon-resize-vertical:before { content: "" } .glyphicon-resize-horizontal:before { content: "" } .glyphicon-hdd:before { content: "" } .glyphicon-bullhorn:before { content: "" } .glyphicon-bell:before { content: "" } .glyphicon-certificate:before { content: "" } .glyphicon-thumbs-up:before { content: "" } .glyphicon-thumbs-down:before { content: "" } .glyphicon-hand-right:before { content: "" } .glyphicon-hand-left:before { content: "" } .glyphicon-hand-up:before { content: "" } .glyphicon-hand-down:before { content: "" } .glyphicon-circle-arrow-right:before { content: "" } .glyphicon-circle-arrow-left:before { content: "" } .glyphicon-circle-arrow-up:before { content: "" } .glyphicon-circle-arrow-down:before { content: "" } .glyphicon-globe:before { content: "" } .glyphicon-wrench:before { content: "" } .glyphicon-tasks:before { content: "" } .glyphicon-filter:before { content: "" } .glyphicon-briefcase:before { content: "" } .glyphicon-fullscreen:before { content: "" } .glyphicon-dashboard:before { content: "" } .glyphicon-paperclip:before { content: "" } .glyphicon-heart-empty:before { content: "" } .glyphicon-link:before { content: "" } .glyphicon-phone:before { content: "" } .glyphicon-pushpin:before { content: "" } .glyphicon-usd:before { content: "" } .glyphicon-gbp:before { content: "" } .glyphicon-sort:before { content: "" } .glyphicon-sort-by-alphabet:before { content: "" } .glyphicon-sort-by-alphabet-alt:before { content: "" } .glyphicon-sort-by-order:before { content: "" } .glyphicon-sort-by-order-alt:before { content: "" } .glyphicon-sort-by-attributes:before { content: "" } .glyphicon-sort-by-attributes-alt:before { content: "" } .glyphicon-unchecked:before { content: "" } .glyphicon-expand:before { content: "" } .glyphicon-collapse-down:before { content: "" } .glyphicon-collapse-up:before { content: "" } .glyphicon-log-in:before { content: "" } .glyphicon-flash:before { content: "" } .glyphicon-log-out:before { content: "" } .glyphicon-new-window:before { content: "" } .glyphicon-record:before { content: "" } .glyphicon-save:before { content: "" } .glyphicon-open:before { content: "" } .glyphicon-saved:before { content: "" } .glyphicon-import:before { content: "" } .glyphicon-export:before { content: "" } .glyphicon-send:before { content: "" } .glyphicon-floppy-disk:before { content: "" } .glyphicon-floppy-saved:before { content: "" } .glyphicon-floppy-remove:before { content: "" } .glyphicon-floppy-save:before { content: "" } .glyphicon-floppy-open:before { content: "" } .glyphicon-credit-card:before { content: "" } .glyphicon-transfer:before { content: "" } .glyphicon-cutlery:before { content: "" } .glyphicon-header:before { content: "" } .glyphicon-compressed:before { content: "" } .glyphicon-earphone:before { content: "" } .glyphicon-phone-alt:before { content: "" } .glyphicon-tower:before { content: "" } .glyphicon-stats:before { content: "" } .glyphicon-sd-video:before { content: "" } .glyphicon-hd-video:before { content: "" } .glyphicon-subtitles:before { content: "" } .glyphicon-sound-stereo:before { content: "" } .glyphicon-sound-dolby:before { content: "" } .glyphicon-sound-5-1:before { content: "" } .glyphicon-sound-6-1:before { content: "" } .glyphicon-sound-7-1:before { content: "" } .glyphicon-copyright-mark:before { content: "" } .glyphicon-registration-mark:before { content: "" } .glyphicon-cloud-download:before { content: "" } .glyphicon-cloud-upload:before { content: "" } .glyphicon-tree-conifer:before { content: "" } .glyphicon-tree-deciduous:before { content: "" } .glyphicon-cd:before { content: "" } .glyphicon-save-file:before { content: "" } .glyphicon-open-file:before { content: "" } .glyphicon-level-up:before { content: "" } .glyphicon-copy:before { content: "" } .glyphicon-paste:before { content: "" } .glyphicon-alert:before { content: "" } .glyphicon-equalizer:before { content: "" } .glyphicon-king:before { content: "" } .glyphicon-queen:before { content: "" } .glyphicon-pawn:before { content: "" } .glyphicon-bishop:before { content: "" } .glyphicon-knight:before { content: "" } .glyphicon-baby-formula:before { content: "" } .glyphicon-tent:before { content: "⛺" } .glyphicon-blackboard:before { content: "" } .glyphicon-bed:before { content: "" } .glyphicon-apple:before { content: "" } .glyphicon-erase:before { content: "" } .glyphicon-hourglass:before { content: "⌛" } .glyphicon-lamp:before { content: "" } .glyphicon-duplicate:before { content: "" } .glyphicon-piggy-bank:before { content: "" } .glyphicon-scissors:before { content: "" } .glyphicon-bitcoin:before { content: "" } .glyphicon-btc:before { content: "" } .glyphicon-xbt:before { content: "" } .glyphicon-yen:before { content: "¥" } .glyphicon-jpy:before { content: "¥" } .glyphicon-ruble:before { content: "₽" } .glyphicon-rub:before { content: "₽" } .glyphicon-scale:before { content: "" } .glyphicon-ice-lolly:before { content: "" } .glyphicon-ice-lolly-tasted:before { content: "" } .glyphicon-education:before { content: "" } .glyphicon-option-horizontal:before { content: "" } .glyphicon-option-vertical:before { content: "" } .glyphicon-menu-hamburger:before { content: "" } .glyphicon-modal-window:before { content: "" } .glyphicon-oil:before { content: "" } .glyphicon-grain:before { content: "" } .glyphicon-sunglasses:before { content: "" } .glyphicon-text-size:before { content: "" } .glyphicon-text-color:before { content: "" } .glyphicon-text-background:before { content: "" } .glyphicon-object-align-top:before { content: "" } .glyphicon-object-align-bottom:before { content: "" } .glyphicon-object-align-horizontal:before { content: "" } .glyphicon-object-align-left:before { content: "" } .glyphicon-object-align-vertical:before { content: "" } .glyphicon-object-align-right:before { content: "" } .glyphicon-triangle-right:before { content: "" } .glyphicon-triangle-left:before { content: "" } .glyphicon-triangle-bottom:before { content: "" } .glyphicon-triangle-top:before { content: "" } .glyphicon-console:before { content: "" } .glyphicon-superscript:before { content: "" } .glyphicon-subscript:before { content: "" } .glyphicon-menu-left:before { content: "" } .glyphicon-menu-right:before { content: "" } .glyphicon-menu-down:before { content: "" } .glyphicon-menu-up:before { content: "" } .ui-pnotify { top: 20px; right: 20px; position: fixed; height: auto; z-index: 9999; border-radius: 3px; padding: 20px } .ui-pnotify.alert-rounded > .alert { border-radius: 5px } .ui-pnotify[class*=bg-] > .alert { background-color: inherit; border-color: transparent; color: #fff } .ui-pnotify.stack-top-left, .ui-pnotify.stack-bottom-left { left: 20px; right: auto } .ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left { bottom: 20px; top: auto } .ui-pnotify.stack-custom-right { top: auto; left: auto; bottom: 200px; right: 200px } .ui-pnotify.stack-custom-left { top: 200px; left: 200px; right: auto; bottom: auto } .ui-pnotify.stack-custom-top { right: 0; left: 0; top: 0 } .ui-pnotify.stack-custom-bottom { right: 0; left: 0; bottom: 0; top: auto } .ui-pnotify-container { height: 100%; margin: 0; overflow: visible !important } h4.ui-pnotify-title { display: block; margin-top: 0; margin-bottom: 5px; font-size: 15px } .ui-pnotify-icon { display: block; float: left; margin-right: 10px } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: 5px; font-size: 10px; margin-top: 4px; line-height: 1 } .ui-pnotify-closer > span, .ui-pnotify-sticker > span { font-size: 12px } .ui-pnotify-sharp { border-radius: 0 } .ui-pnotify-shadow { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1) } .ui-pnotify-history-container { position: absolute; top: 0; right: 18px; width: 70px; border-top: 0; padding: 0; z-index: 10000; border-top-right-radius: 0; border-top-left-radius: 0 } .ui-pnotify-history-container.ui-pnotify-history-fixed { position: fixed } .ui-pnotify-history-container .ui-pnotify-history-header { padding: 2px; text-align: center } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100% } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto } .form-text-row { padding-top: 7px } .check-order .label { display: inline-block; color: #fff; padding: 5px } .check-order { font-size: 13px !important } .TextSize > span { float: left } .TextSize .ChangeSize { float: right } .tdproduct { text-align: left } .tdproduct img { width: 100px; border: 1px solid #ccc; float: left; margin-right: 15px } .tdproduct a { font-weight: normal; font-size: 1rem } .trTotal1, .trTotal2 { color: #cb0408 } .trTotal2 { font-size: 1.1rem } .delivery ul, .payment ul { list-style: none } .delivery p.title, .payment p.title, .person-order p.title { font-size: 1.3rem; font-weight: bold } .panel-default .title { margin: -15px -15px 15px; padding: 10px 15px; font-size: 1.3rem; font-weight: bold; color: #000; background: #fff; background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed)); background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0) } p.dname, p.pname { font-weight: bold; margin-left: 0 !important } .delivery li, .payment li { border-top: 1px solid #eee; padding: 8px 0 } .delivery li p, .payment li p { margin-left: 20px } .delivery li input, .payment li input { margin-right: 4px } .delivery li.li-dname { width: 100%; vertical-align: top; clear: left; border-top: 1px solid #ddd } .delivery li.li-dmoney { width: 30%; text-align: right; clear: right } .cbQuantity { padding: 8px; width: 70px } .img-responsive { 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; margin: -1px; padding: 0; 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 } .modal-open { overflow: hidden } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -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: 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; 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); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .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-left: 5px; margin-bottom: 0 } .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 } } .clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table } .clearfix:after, .modal-header:after, .modal-footer:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .modal button.close { cursor: pointer; width: 30px; height: 30px; line-height: 30px; background-color: #d29309; border-radius: 50%; color: #fff; font-family: "Myriad Pro Condensed"; position: absolute; top: -10px; right: -10px; opacity: 1 } .video-show { text-align: center; margin-bottom: 25px } .video-show span { display: block; margin-bottom: 10px; font-weight: bold; font-size: 1.2rem } .tdvideo { width: 49%; margin-right: 2%; margin-bottom: 10px; float: left } .tdvideo img { width: 100px; height: 80px; float: left; margin-right: 10px; border: 1px solid #ccc } .ng-cloak { display: none } .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 } .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: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 > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7 } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { 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:hover, .pager li > a:focus { 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:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff } .modal-open { overflow: hidden } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -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: 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; 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); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0 } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .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-left: 5px; margin-bottom: 0 } .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 } } .clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table } .clearfix:after, .modal-header:after, .modal-footer:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .modal button.close { cursor: pointer; width: 30px; height: 30px; line-height: 30px; background-color: #d29309; border-radius: 50%; color: #fff; font-family: "Myriad Pro Condensed"; position: absolute; top: -10px; right: -10px; opacity: 1; border: none } @charset "utf-8"; *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; outline: 0 } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 14px } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, img, embed { margin: 0; padding: 0; outline: 0; border: 0 } ol, ul { list-style-position: inside } :focus { outline: 0 } .uppercase { text-transform: uppercase } .bold { font-weight: bold } .inline { display: inline } .clear { clear: both } .f-left { fleft: left } .f-right { fleft: right } body { color: #333; font-family: roboto,Arial,Tahoma,sans-serif,arial,Helvetica; background: #f6f6f6 } a { text-decoration: none; color: #333; font-weight: bold } a img { border: none } a:hover, a:focus { color: #0063c0; outline: none; text-decoration: none !important } a:active { outline: none } img { vertical-align: center; border: 0; border-spacing: 0 } table { border-collapse: collapse; border-spacing: 0 } h1 { font-size: 1.8rem } h2 { font-size: 1.6rem } h3 { font-size: 1.5rem } h4 { font-size: 1.4rem } h5 { font-size: 1.2rem } h6 { font-size: 1rem } td, input, textarea { padding: 5px } #wrapper { margin: 0 auto } .container { width: 100%; margin: 0 auto; position: relative; clear: both } #topbar { width: 100%; color: #fff; background: #0063c0 } #topbar a { font-weight: normal; color: #fff } #user-area { float: right; position: relative; text-align: left; padding: 10px 0 } #user-area i.fa-user { font-size: 1.6rem; position: absolute; top: 0; left: 0; width: 50px; height: 50px; line-height: 50px; color: #fff; border: 2px solid #fff; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } #user-area > span { display: block; font-weight: bold } #user-area ul { list-style: none } #user-area ul li { float: left; margin-left: 10px } #user-area > ul > li > a, #user-area .user > a { color: #fff; padding: 6px 10px; border-radius: 5px } #user-area > ul > li > a:hover { color: #0063c0 } #user-area .user { display: block; padding-left: 70px; margin-left: -70px } #user-area .user > a { color: #fff } #user-area .user > a > span { display: block } #user-area a { font-weight: normal } #header { margin: 0 auto; text-align: center; width: 100%; position: relative; padding: 10px 0; background: #fff; -webkit-box-shadow: 0 3px 14px 0 #efefef; -moz-box-shadow: 0 3px 14px 0 #efefef; box-shadow: 0 3px 14px 0 #efefef } #logo { float: left; text-align: left; z-index: 100 } #logo img { max-height: 60px; max-width: 350px } #hotline { float: left; padding: 10px 0; position: relative; text-align: left } #hotline a { color: #fff } #hotline ul { list-style: none } #hotline li { padding-top: 4px } #hotline i { margin-right: 4px } #frmsearch { position: absolute; top: 7px; right: 0; width: 220px; height: 38px; text-align: left } #txtsearch { padding: 0 36px 0 8px; width: 100%; height: 36px; line-height: 36px; background-color: #fff; color: #666; border: 1px solid #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } #txtsearch:hover { border: 1px solid #999 } #btnsearch { position: absolute; right: 0; top: 0; background: none; display: block; color: #666; margin: 0 auto; width: 36px; height: 36px; line-height: 36px; cursor: pointer; border: none; text-align: center } #btnsearch i { font-size: 1.2rem } #nav-toggle, #closemenu { display: none } #menu { float: right; width: auto; position: relative; z-index: 100; text-align: left } #slideshow { width: 100%; height: auto; position: relative; margin: 0 auto 20px } #body { margin: 15px auto; width: 1200px; clear: both; text-align: left } #left-panel { position: fixed; width: 250px; text-align: left; height: 100%; background: #fff; z-index: 2; border-left: 1px solid #f3f3f3; box-shadow: 0 3px 30px rgba(0,0,0,.1),0 3px 20px rgba(0,0,0,.1); transition: transform .3s } #body-panel { text-align: left; width: 76%; float: left } #right-panel { width: 100%; padding-left: 270px; text-align: left } .vide { clear: both } .vide10 { display: block; height: 10px; clear: both } #social { margin-top: 10px } a.social { color: #0063c0 !important; background-color: #eee; display: inline-block; text-align: center; margin: 0 10px; padding: 6px; width: 34px; height: 34px; font-size: 1.3rem; transition: all ease 300ms; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } a.social:hover { color: #fff !important } a.social:nth-child(2):hover { background-color: #4267b2 } a.social:nth-child(3):hover { background-color: #ea0101 } a.social:nth-child(4):hover { background-color: #c50202 } a.social:hover { opacity: .8 } #footer { width: 100%; margin: 0 auto; text-align: center; line-height: 150%; padding: 30px 0; position: relative; background: #444; color: #ddd } #footer a { font-weight: normal; color: #ddd } #footer a:hover { color: #fff } #footer p.title { text-transform: uppercase; margin-bottom: 25px; font-size: 1.5rem; position: relative; color: #fff; font-family: roboto,sans-serif } #footer p.title:after { content: ""; height: 3px; width: 50px; position: absolute; left: 0; bottom: -17px; background: #ffff } #footer-info { text-align: left; line-height: 200%; position: relative } #footer-info i.fa, #footer-info i.fab, #footer-info i.fas { width: 25px; color: #000; padding: 5px 0; text-align: center; margin: 2px 4px 2px 0; background: #0063c0 } #footer-info img { max-width: 100%; max-height: 30px; width: auto !important; height: auto !important } #footer-cat, #footer-policy { text-align: left } #footer-facebook { width: 0; text-align: left; overflow: hidden } #footer-cat ul, #footer-policy ul { list-style: none } #footer-cat li, #footer-policy li { padding: 5px 0 } #footer-cat li a:hover, #footer-policy li a:hover { } #footer-cat li i, #footer-policy li i { margin-right: 6px; color: #0063c0 } #footer-designed { padding: 12px 0; color: #999; line-height: 1.5; background: #000; border-top: 1px solid #333 } #footer-designed a { color: #fff; font-weight: normal } #footer-designed .container { text-align: center } .bggray { background: #f6f6f6; padding: 10px 0 30px; margin-top: 15px } .cat-box { width: 31.3333333%; margin: 20px 3% 5px 0; position: relative; float: left; border: 1px solid #eee } .cat-box:hover { border: 1px solid #ccc } .cat-box-title, .project-box-title { font-size: 1.4rem; font-weight: normal; text-transform: uppercase; text-align: center; line-height: 140%; display: block; width: 100%; z-index: 2; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden } .cat-box-title h2, .cat-box-title h3 { font-size: 1.6rem; font-weight: bold; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 15px; color: #fff } .cat-box:hover .cat-box-title { color: #fff } .cat-box-img { width: 100%; overflow: hidden; position: relative } .cat-box-img:before { content: ""; display: block; padding-top: 50% } .cat-box:hover .cat-box-img:after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.3) } .cat-box-img img, .project-box-img img { width: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .cat-box-img:hover img, .project-box-img:hover img { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .cat-box-summary { height: 110px; overflow: hidden; padding: 10px; line-height: 140%; font-size: 1rem; text-align: justify } .effect-v3:before, .effect-v3:after { bottom: 10px; content: ""; left: 10px; opacity: 0; position: absolute; right: 10px; top: 10px; -webkit-transition: opacity .35s ease 0s,transform .35s ease 0s; -o-transition: opacity .35s ease 0s,transform .35s ease 0s; transition: opacity .35s ease 0s,transform .35s ease 0s; z-index: 1 } .effect-v3:before { border-bottom: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1) } .effect-v3:after { border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0) } .effect-v3:hover:before, .effect-v3:hover:after { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .home-title { text-align: center; color: #161616; margin: 20px 0; position: relative; max-width: 100% } .home-title span { display: inline-block; padding: 0 20px; font-size: 2.2rem; text-transform: uppercase; position: relative; font-weight: normal; color: #161616; font-family: roboto,sans-serif } .home-title span h2 { font-size: 2rem } .home-title span b { font-weight: normal; color: #0063c0 } .home-title p { color: #000; font-size: 1.2rem } .view-more { padding: 8px 13px; border: 1px solid #ccc; margin: 15px 0 5px; background: #fff; background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed)); background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0) } .view-more:hover { border: 1px solid #ed1c24 } .box_tbl { width: 100%; border: 0; padding: 0; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden } .box_top { font-weight: normal; padding: 0; margin: 0; position: relative; text-transform: uppercase; font-size: 1.14rem; height: 34px; line-height: 34px; color: #fff; background: #161616; position: relative } .box_top span { display: inline-block; padding-left: 15px; height: 34px; line-height: 34px; float: left } .box_top span.icon { display: inline-block; height: 34px; line-height: 34px; background-color: #d00000; text-align: center; padding-left: 0; position: relative } .box_top span.icon:after { content: ""; display: block; height: 0; width: 0; position: absolute; top: 0; bottom: 0; right: -10px; margin: auto; border-bottom: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #d00000; border-right: 5px solid transparent } .box_top span.icon img { display: block; height: 34px; padding: 0 8px; float: left } .box_top span.icon i { display: block; padding: 0 8px; font-size: 1.7rem; line-height: 34px } .box_top h3 { font-size: 1.2rem } .box_top a { color: #fff; font-weight: normal } .box_body { margin: 0; vertical-align: top; padding: 8px 10px; border: 1px solid #ccc; background: #fafafa; position: relative; background-color: #fff } .box_bottom { height: 0 } .boxbody_tbl { margin: 20px 0 10px; width: 100%; text-align: left; background: #fff; -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); -moz-box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; overflow: hidden } .boxbody_top { background: #0063c0; color: #fff; border-bottom: 1px solid #e5e5e5 } .boxbody_top a { font-weight: normal; color: #fff } .boxbody_top span { display: block; padding: 12px 15px; font-size: 1.2rem; border-left: 8px solid #0063c0; text-transform: uppercase; position: relative; font-weight: normal; font-family: roboto,sans-serif } .boxbody_top h1, .boxbody_top h2 { font-size: 1.4rem; font-weight: normal } .boxbody_body { padding: 20px } .boxbody_body img, .boxbody_body table, .boxbody_body iframe { max-width: 100% } .boxbody_bottom { height: 0 } .box-product { float: left; width: 23.5%; margin: 10px 2% 10px 0; display: block; text-align: center; position: relative; border: 1px solid #fff; border-bottom: 4px solid #fff; background-color: #fff } .box-product:hover { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3); box-shadow: 0 0 10px 0 rgba(0,0,0,.3); border-bottom: 4px solid #0063c0 } .product-info { padding: 10px; height: 94px; overflow: hidden } .sp-img-wrapper { padding: 0; width: 100%; overflow: hidden; position: relative } .sp-img-wrapper:before { content: ""; display: block; padding-top: 100% } .sp-img, .sp-back-img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0 } .sp-back-img:before { content: ""; display: block; width: 200%; height: 200%; background: #fff; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0 } .product-name { display: block; width: 100%; line-height: 150%; height: 46px; overflow: hidden; font-weight: normal; text-transform: uppercase } .box-product:hover a.product-name { color: #0063c0 } .product-price { display: inline-block; color: #0063c0 } .product-price-old { margin-left: 15px; text-decoration: line-through; color: #999 } .product-actions { padding: 6px 0; text-align: center; -webkit-box-shadow: 2px 4px 5px 0 rgba(0,0,0,.09); box-shadow: 2px 4px 5px 0 rgba(0,0,0,.09); position: absolute; width: 100%; bottom: -10px; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; z-index: 100 } .product-actions i { border-radius: 3px; padding: 10px; margin: 0 2px; display: inline-block; line-height: 12px; background: #0063c0; color: #fff; font-size: 1.1rem } .product-actions i:hover { opacity: .8 } .product-actions span { display: none } .sp-back-img { opacity: 0; visibility: hidden; transition: all ease 300ms } .box-product:hover .sp-back-img { visibility: visible; opacity: 1; transition: all ease 300ms; -webkit-backface-visibility: hidden; backface-visibility: hidden } .box-product:hover .product-actions { opacity: 1; visibility: visible; bottom: 0; transition: all ease 300ms } a.product-detail { display: inline-block; width: 68px; height: 27px; padding: 0; text-indent: -9000px; margin: 5px 5px 10px 5px } a.product-order { display: inline-block; padding: 0 8px; height: 30px; line-height: 30px; font-size: .9rem; background-color: #9d9c9c; color: #fff !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .5s; transition-duration: .5s } a.product-order:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #333; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .box-product:hover a.product-order:before { -webkit-transform: scaleY(1); transform: scaleY(1) } .box-product:hover a.product-order { color: #fff } .box-product:hover a.product-order i.fa { background-color: #161616 } a.product-order i.fa { height: 30px; line-height: 30px; font-size: 1.3rem; position: relative; padding: 0 8px; margin-left: -10px; margin-right: 10px; background-color: #222; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px } a.product-order i.fa:after { content: ""; display: block; position: absolute; top: 50%; right: -10px; margin-top: -4px; height: 0; width: 0; border: 5px solid transparent; border-left: 5px solid #222 } .box-product:hover a.product-order i.fa:after { border-left: 5px solid #000 } .end-row { margin-right: 0 !important } .product-code { display: none } .icon-new, .icon-hot { position: absolute; top: 6px; left: 6px; padding: 3px 6px; background-color: #0161bb; color: #fff; z-index: 99; font-size: .8rem; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .icon-hot { background-color: #e80101; left: auto; right: 6px } .icon-new:after, .icon-hot:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: -10px; margin-left: -5px; border: 5px solid transparent; border-top: 5px solid #0161bb } .icon-hot:after { border-top: 5px solid #e80101 } .icon-saleoff { position: absolute; bottom: 6px; left: 6px; padding: 3px 6px; background-color: #018a08; color: #fff; z-index: 99; font-size: .8rem; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .icon-saleoff:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 50%; top: -10px; margin-left: -5px; border: 5px solid transparent; border-bottom: 5px solid #007506 } .phantrang { width: 100%; clear: both; margin: 0 auto; text-align: center } .phantrang ul { margin: 0; padding: 5px; list-style-type: none } .phantrang ul li { position: relative; display: inline-block; margin-left: -1px; color: #555; background: #eee } .phantrang ul li:first-child a { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .phantrang ul li:last-child a { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .phantrang ul li a { display: inline-block; text-decoration: none; border: 1px solid #ccc; padding: 7px 10px } .phantrang ul li.bacham { } * html .phantrang ul li a, * html .phantrang ul li.bacham { display: inline-block } .phantrang ul li a:link, .phantrang ul li a:visited { } .phantrang ul li a:hover, .phantrang ul li a.selected { background: #333; border: 1px solid #333; color: #fff } .phantrang ul li a.selected { } .button, .btn-view-more { display: inline-block; vertical-align: middle; padding: 10px 20px; margin-top: 5px; min-width: 120px; font-family: roboto; color: #fff; background: #000; border: none; outline: none !important; position: relative; overflow: hidden; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; box-shadow: 0 3px 7px 0 rgba(0,0,0,.35) } .button:before, .btn-view-more:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #0063c0; background: -moz-linear-gradient(left,#0063c0 0%,#bc000d 100%); background: -webkit-gradient(left top,right top,color-stop(0%,#0063c0),color-stop(100%,#bc000d)); background: -webkit-linear-gradient(left,#0063c0 0%,#0063c0 100%); background: -o-linear-gradient(left,#0063c0 0%,#bc000d 100%); background: -ms-linear-gradient(left,#0063c0 0%,#bc000d 100%); background: linear-gradient(to right,#0063c0 0%,#306eb0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5101e',endColorstr='#bc000d',GradientType=1); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .button:hover, .btn-view-more:hover, .button:focus, .btn-view-more:focus, .button:active, .btn-view-more:active { color: #fff !important; background: #000 } .button:hover:before, .btn-view-more:hover:before, .button:focus:before, .btn-view-more:focus:before, .button:active:before, .btn-view-more:active:before { -webkit-transform: scaleX(0); transform: scaleX(0) } .btn-primary { color: #fff !important; background-color: #bc000b !important; border-color: #bc000b !important } .btn-primary:hover { background-color: #0063c0 !important; border-color: #0063c0 !important; opacity: .9 } #slideads { position: absolute; visibility: hidden; z-index: 1000; height: 1px } #slideads1 { float: left } #slideads2 { float: right } .clearfix:before, .clearfix:after, .container:before, .container:after { content: " "; display: table } .clearfix:after, .container:after { clear: both } .left { float: left } .share-box { padding: 5px; margin-top: 10px; border: 1px solid #ddd; text-align: center; clear: both; background: #fff; background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed)); background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=0) } .share-box > div { margin: 3px } .share-tool { float: right; clear: none !important } .news { width: 100%; margin-right: 1%; position: relative; border-bottom: 1px dashed #ccc; padding: 8px 0 } .news img { width: 22%; float: left; padding: 2px; border: 1px solid #d0d0d0; background: #fff } .news-info { width: 76%; float: right; text-align: left } .news .title { font-size: 1.6rem; display: block } .posted-date { color: #999; margin: 6px 0; font-size: 1.2rem } .news .summary { text-align: justify; line-height: 140% } .news-detail { clear: both; margin-top: 30px; text-align: left } .news-detail img.news-image { width: 270px; margin: 5px 10px 10px 0; padding: 3px; border: 1px solid #d0d0d0; background: #fff } .news-detail h1 { margin-bottom: 10px; color: #0063c0; font-size: 2rem } .news-detail .posted-date { border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 15px; font-size: 1rem } .news-detail .summary { text-align: justify; font-weight: bold } .news-detail .detail { text-align: justify; line-height: 150% } .news-detail .detail p { line-height: 170%; margin-bottom: 15px } ul.li-news li { margin: 5px 0 5px 20px; line-height: 150% } ul.li-news li a { font-weight: normal } ul.li-news li a:hover { } ul.li-left { list-style: disc inside; margin: 0 } ul.li-left li { line-height: 150%; margin: 0; padding: 0 } ul.li-left li a { font-weight: normal } ul.li-left li a:hover { } #box-customer { margin: 25px 0; position: relative; padding: 15px; border: 1px solid #ccc; border-radius: 7px } #box-customer .title { background-color: #f6f6f6; padding: 0 8px; height: 40px; line-height: 40px; text-transform: uppercase; font-size: 1.2rem; position: absolute; left: 20px; top: -20px } .customer-item { border: 1px solid #eee; background-color: #fff; height: 80px; position: relative; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } .customer-item img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: auto !important; border: 8px solid #fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .customer-item img:hover { -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .customer-comment { display: block; width: 90%; margin: 80px auto 20px; text-align: center; color: #fff; background: rgba(0,0,0,.4); padding: 30px 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px } .customer-comment:before { content: "“"; font-family: Georgia,serif; font-size: 100px; font-style: normal; line-height: 1; position: absolute; bottom: -56px; left: 0; right: 0 } .customer-comment .comment-img { width: 130px; height: 130px; display: block; clear: both; margin: -90px auto 10px; text-align: center; border: 2px solid #fff; background: #ddd; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden } .comment-img img { width: 100% } .comment-content { width: 100%; display: block; text-align: center } .comment-content .title { font-size: 1.2rem; font-weight: bold } .comment-content .summary { display: block; margin: 12px 0; font-family: 'Dancing Script',cursive,sans-serif; font-size: 1.8rem } .comment-content .btn-detail a { position: relative; color: #cb0408; font-weight: normal } .comment-content .btn-detail a:after { content: "»"; margin-left: 6px; font-size: 1.2rem } #customer-comment { background: url(../assets/client/images/bg1.jpg) center center no-repeat fixed; padding: 10px 0 25px; position: relative; margin: 0 0 20px } #customer-comment:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background: rgba(2,107,153,.5) } #customer-comment .home-title span { color: #fff } .news-vertical { bottom: 0; width: 100%; margin: 10px 0 20px 0; position: relative; float: left; text-align: left; -webkit-box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); -moz-box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; background: #fff; text-align: justify; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .news-vertical:hover { bottom: 15px } .news-vertical .posted-date { margin: -50px 0 0; padding: 26px 15px 24px; min-height: 35px; font-size: 1rem; color: #fff; z-index: 100; position: relative; background: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.75))); background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.75) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.75) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#BF000000', GradientType=0)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#BF000000,GradientType=0) } .news-vertical .posted-date span { float: right } .news-vertical .posted-date span:first-child { float: left } .news-vertical-content { padding: 15px } .news-vertical .title { font-size: 1.2rem; clear: both; position: relative; font-family: roboto,sans-serif; font-weight: bold } .news-vertical .title a { font-weight: bold } .news-vertical .title h2, .news-vertical .title h3, .news-vertical .title h4 { font-size: 1.2rem; font-weight: bold } .news-vertical-img { width: 100%; overflow: hidden; position: relative; text-align: center; margin: 0 auto } .news-vertical-img:hover { opacity: .9 } .news-vertical-img:before { content: ""; display: block; padding-top: 57% } .news-vertical-img img { width: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0 } .news-vertical .summary { text-align: justify; margin: 15px 0 0; line-height: 1.5; width: 100%; max-height: 7.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 5 } .news-vertical .summary p { padding: 0; margin: 0 } p.view-sort { text-align: right; vertical-align: middle; line-height: 20px; margin-bottom: 7px } #widget { position: fixed; right: 0; top: 25%; background-color: #fff; z-index: 100000; -webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,1); -moz-box-shadow: 0 0 5px 0 rgba(255,255,255,1); box-shadow: 0 0 5px 0 rgba(255,255,255,1) } #widget .sitem { clear: both; margin: 0 auto; text-align: center; display: inline-block; width: 40px; border-bottom: 1px solid #ccc; padding: 8px 0; float: left; position: relative; z-index: 1; background-color: #c9030c } #widget .sitem > a { color: #fff; font-size: 1.37rem } #widget .sitem > i { z-index: 10000000000; position: relative; color: #fff; font-size: 1.37rem } #widget img { width: 40px } #widget .sitem:hover { background-color: #0063c0; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in } .close-widget-item { position: absolute; top: -10px; left: -10px; font-size: 1.5rem; color: #161616 } #fbpage-content { background-color: #fff; display: block; border: 1px solid #ccc; position: absolute; top: 0; right: -290px; width: 250px; z-index: 0; padding: 12px; font-size: 1rem; text-align: left; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } #fbpage-content li { padding: 3px 0; list-style: none } #fbpage:hover #fbpage-content { right: 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } #support-online-content { background-color: #fff; color: #000; display: block; border: 1px solid #ccc; position: absolute; top: 0; right: -340px; width: 280px; z-index: 0; padding: 12px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } #support-online:hover #support-online-content { right: 40px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .sitem span.title { display: block; background-color: #0063c0; color: #fff; margin: -12px -12px 8px -12px; padding: 6px 8px; font-size: 1.2rem; font-weight: bold } .user-info { display: block; padding: 8px 0; border-bottom: 1px solid #ddd; font-size: 1rem } .user-info a { font-weight: normal } .user-info a i { font-size: 1.63rem } .user-icon { display: block; clear: both } .user-image { width: 25%; overflow: hidden; border: 1px solid #ccc; position: relative; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } .user-image:before { content: ""; display: block; padding-top: 100% } .user-image img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0 } .user-desc { width: 72%; float: right; text-align: left } .user-icon a { display: inline-block; margin: 8px 5px 0 5px } .user-icon a:nth-child(1) { color: #fc1828 !important } .user-icon a:nth-child(2) { color: #0168e8 !important } .user-icon a:nth-child(3) { color: #4267b2 !important } .breadcrumb { display: block; margin-top: 15px; font-size: 1.1rem } .breadcrumb li { display: inline-block; min-height: 30px } .breadcrumb a, .breadcrumb h1, .breadcrumb h2 { font-size: 1.1rem; font-weight: normal } .breadcrumb a { position: relative; display: block; padding: 8px } .breadcrumb a:hover { } .ChangeSize { display: inline-block } .img-mang { text-align: center } .img-mang img { width: 70px } .owl-prev, .owl-next { position: absolute; top: 0; bottom: 0; left: -17px; width: 34px !important; height: 34px !important; line-height: 36px !important; margin: auto !important; border: 1px solid #ddd !important; background-color: rgba(255,255,255,.8) !important; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } #owl-customer .owl-prev, #owl-customer .owl-next { width: 24px !important; height: 24px !important; line-height: 22px !important; left: -15px; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0 } #owl-customer .owl-next { right: -15px; left: auto; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px } .adv { overflow: auto } .adv a { display: block; float: left } .adv-c1, .adv-c2, .adv-c3 { } .adv-c1, .adv-c1 img, .adv-c2 img, .adv-c3 img { width: 100%; height: auto; display: block; border: 1px solid #eee } .adv-c2 { width: 49%; margin-right: 2% } .adv-c3 { width: 32%; margin-right: 2% } .ui-widget-content { border: none !important; background: #fff !important } .ui-widget-content a.button { display: block; color: #fff; clear: both; width: 100px; margin: auto } .ui-tabs { padding: 0 !important } .ui-tabs .ui-tabs-panel { padding: 15px !important; overflow: auto; font-family: Arial,sans-serif !important; font-size: 1rem; margin: auto; text-align: center; border: 1px solid #ddd !important; border-radius: 0; top: -3px } #tabs-pro.ui-tabs .ui-tabs-panel { padding: 0 !important; border: none !important; top: 0 } .ui-tabs .ui-tabs-nav { margin-top: 20px !important; background-color: #fff; position: relative; background: none; padding: 0 !important } .ui-tabs .ui-tabs-nav li { margin: 0 !important; padding: 0 !important } .ui-tabs .ui-tabs-nav li a { font-size: 1.3rem; font-family: Arial,sans-serif !important; text-transform: uppercase; font-weight: bold; padding: .5em !important; border: 1px solid #ddd !important } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { background-color: #0063c0; color: #fff; border: 1px solid #0063c0; position: relative } .ui-tabs .ui-tabs-nav li.ui-tabs-active a:after { content: ""; display: block; position: absolute; left: 50%; bottom: -16px; margin-left: -8px; height: 0; width: 0; border-bottom: 8px solid transparent; border-top: 8px solid #0063c0; border-left: 8px solid transparent; border-right: 8px solid transparent } .ui-widget-header { border: none !important; background: none !important } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none !important; background: none !important } #tabs-pro, #tabs-pro .ui-widget-content { background: none !important } #tabs-pro .ui-tabs-nav { margin-top: -10px !important; position: relative; background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important } #tabs-pro .ui-tabs-nav li { float: none !important; display: inline-block; margin: 3px 4px !important } #tabs-pro .ui-tabs-nav li a { font-size: 1rem; font-family: inherit; text-transform: uppercase; font-weight: normal; padding: .5em !important; margin-right: 0; border: 2px solid #eee } #tabs-pro .ui-tabs-nav li a:hover { background-color: #0063c0; color: #fff; border: 2px solid #0063c0 } #tabs-pro .ui-tabs-nav li.ui-tabs-active a { border: 2px solid #0063c0 } #fdb-info { width: 49%; float: left; text-align: left } #fdb-info i.fa { width: 18px; color: #0063c0 } #fdb-info p { line-height: 2 } #fdb-frm { width: 50%; float: right; text-align: left; padding-left: 30px; border-left: 1px solid #ddd } #fdb-frm p.title { font-weight: bold; border-bottom: 2px solid #0063c0; text-transform: uppercase; display: inline-block; padding-bottom: 10px; margin-bottom: 10px } #fdb-frm p.title i { font-size: 1.3rem; margin-right: 5px; color: #0063c0 } #fdb-frm table { border: none } #fdb-frm table td { padding: 6px 0 } .product-detail-img { float: left; width: 45%; position: relative } .thumbs { width: 100% !important; position: relative !important; margin-top: 10px } .targetarea { width: 100% !important; margin: 0 !important; float: none !important } .product-detail-info { float: right; font-size: 1.2rem; width: 53%; text-align: left } .product-detail-info h1 { display: block; font-size: 1.7rem; font-weight: normal; text-transform: uppercase; padding-bottom: 15px; color: #161616 } .product-detail-info img, .product-detail-info table, .product-detail-info div { max-width: 100% } .product-detail-info table { width: 100% !important } .product-detail-info ul { margin-bottom: 15px; background-color: #fff; list-style: none } .product-detail-info li { padding: 8px; border-bottom: 1px solid #f4f4f4 } .product-detail-info li span { display: inline-block } .product-detail-info li span.label { white-space: nowrap; width: 105px; text-align: left } .product-detail-info li span.pprice { color: red; font-weight: bold } .cbQuantity { padding: 7px; height: 44px; top: -4px; position: relative } #btnMua { margin-top: 0 !important; height: 44px; line-height: 44px; padding: 0 15px; font-size: 1.6rem; background: #0063c0; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } #btnMua:before { display: none !important } .product-desc { clear: both; margin: 20px 0 } .other-news { margin-top: 20px; text-align: left } .other-news p.title { font-size: 1.14rem; text-transform: uppercase; font-weight: bold; color: #000 } .other-news p.title i { margin-right: 8px } .user-info { padding: 8px 0; border-bottom: 1px solid #ddd } .user-icon { display: block; clear: both } .user-icon a { color: #000 !important; display: inline-block; margin: 8px 5px 0 5px } .user-icon a:nth-child(1) { color: #fc1828 !important } .user-icon a:nth-child(2) { color: #0168e8 !important } .user-icon a:nth-child(3) { color: #4267b2 !important } .user-icon a:hover { color: #3d3d3d !important } .item-fm { display: none } .hig-alo-phone { position: fixed; left: 10px; bottom: -10px; display: block; visibility: hidden; background-color: transparent; width: 80px; height: 80px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s } .hig-alo-phone span { display: block; background-color: #0063c0; color: #fff; padding: 0 30px 0 60px; line-height: 54px; border: 2px solid #fff; font-size: 2rem; position: absolute; top: -6px; left: -6px; white-space: nowrap; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .hig-alo-move-cursor { cursor: move } .hig-alo-phone.hig-alo-show { visibility: visible } @-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 } } @-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 } } @-webkit-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 } .hig-alo-phone.hig-alo-static { opacity: .6 } .hig-alo-phone.hig-alo-hover, .hig-alo-phone:hover { opacity: 1 } .hig-alo-ph-circle { width: 86px; height: 86px; top: -20px; left: -20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30,30,30,.4); border: 2px solid #bfebfc 9; opacity: .1; -webkit-animation: hig-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: hig-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: hig-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: hig-alo-circle-anim 1.2s infinite ease-in-out; animation: hig-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% } .hig-alo-mobile .hig-alo-ph-circle { width: 140px; height: 140px; top: 30px; left: 30px } .hig-alo-phone.hig-alo-active .hig-alo-ph-circle { -webkit-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important; animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important } .hig-alo-phone.hig-alo-static .hig-alo-ph-circle { -webkit-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important; animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important } .hig-alo-phone.hig-alo-hover .hig-alo-ph-circle, .hig-alo-phone:hover .hig-alo-ph-circle { border-color: #e8000b; opacity: .5 } .hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-circle, .hig-alo-phone.hig-alo-green:hover .hig-alo-ph-circle { border-color: #75eb50; opacity: .5 } .hig-alo-phone.hig-alo-green .hig-alo-ph-circle { border-color: #e8000b; opacity: .5 } .hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-circle, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-circle { border-color: #ccc; opacity: .5 } .hig-alo-phone.hig-alo-gray .hig-alo-ph-circle { border-color: #75eb50; opacity: .5 } .hig-alo-ph-circle-fill { width: 66; height: 66; top: -10px; left: -10px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; opacity: .1; -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% } .hig-alo-phone.hig-alo-active .hig-alo-ph-circle-fill { -webkit-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important } .hig-alo-phone.hig-alo-static .hig-alo-ph-circle-fill { -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important } .hig-alo-phone.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone:hover .hig-alo-ph-circle-fill { background-color: rgba(216,2,208,.5); background-color: #e8000b 9; opacity: .75 !important } .hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone .hig-alo-green:hover .hig-alo-ph-circle-fill { background-color: rgba(117,235,80,.5); background-color: #baf5a7 9; opacity: .75 !important } .hig-alo-phone.hig-alo-green .hig-alo-ph-circle-fill { background-color: rgba(216,2,208,.5); background-color: #a6e3fa 9; opacity: .75 !important } .hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-circle-fill { background-color: rgba(204,204,204,.5); background-color: #ccc 9; opacity: .75 !important } .hig-alo-phone.hig-alo-gray .hig-alo-ph-circle-fill { background-color: rgba(117,235,80,.5); opacity: .75 !important } .hig-alo-ph-img-circle { width: 30px; height: 30px; top: 0; left: 0; padding: 8px; position: absolute; background: rgba(30,30,30,.1) url(../assets/client/images/phone.png) no-repeat center center; background-size: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; box-sizing: initial; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75); box-shadow: 0 0 5px 0 rgba(0,0,0,.75) } .hig-alo-ph-circle-shake { -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out; animation: hig-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% } .hig-alo-phone.hig-alo-active .hig-alo-ph-img-circle { -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important; animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important } .hig-alo-phone.hig-alo-static .hig-alo-ph-img-circle { -webkit-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important; animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important } .hig-alo-phone.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone:hover .hig-alo-ph-img-circle { background-color: #e8000b } .hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone.hig-alo-green:hover .hig-alo-ph-img-circle { background-color: #75eb50; background-color: #75eb50 9 } .hig-alo-phone.hig-alo-green .hig-alo-ph-img-circle { background-color: #e8000b; background-color: #e8000b 9 } .hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-img-circle { background-color: #ccc } .hig-alo-phone.hig-alo-gray .hig-alo-ph-img-circle { background-color: #75eb50 } @-moz-keyframes hig-alo-circle-anim { 0% { -moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 } 30% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 } 100% { -moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 } } @-webkit-keyframes hig-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } } @-o-keyframes hig-alo-circle-anim { 0% { -o-transform: rotate(0)kscale(.5)skew(1deg); -o-opacity: .1 } 30% { -o-transform: rotate(0)scale(.7)skew(1deg); -o-opacity: .5 } 100% { -o-transform: rotate(0)scale(1)skew(1deg); -o-opacity: .1 } } @-moz-keyframes hig-alo-circle-fill-anim { 0% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 } 100% { -moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-webkit-keyframes hig-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-o-keyframes hig-alo-circle-fill-anim { 0% { -o-transform: rotate(0)scale(.7)skew(1deg); opacity: .2 } 50% { -o-transform: rotate(0)scale(1)skew(1deg); opacity: .2 } 100% { -o-transform: rotate(0)scale(.7)skew(1deg); opacity: .2 } } @-moz-keyframes hig-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -moz-transform: rotate(0) scale(1) skew(1deg) } 100% { -moz-transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes hig-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } } @-o-keyframes hig-alo-circle-img-anim { 0% { -o-transform: rotate(0)scale(1)skew(1deg) } 10% { -o-transform: rotate(-25deg)scale(1)skew(1deg) } 20% { -o-transform: rotate(25deg)scale(1)skew(1deg) } 30% { -o-transform: rotate(-25deg)scale(1)skew(1deg) } 40% { -o-transform: rotate(25deg)scale(1)skew(1deg) } 50% { -o-transform: rotate(0)scale(1)skew(1deg) } 100% { -o-transform: rotate(0)scale(1)skew(1deg) } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } @-o-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } @-moz-keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @-o-keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @-moz-keyframes hig-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-webkit-keyframes hig-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-o-keyframes hig-alo-circle-anim { 0% { transform: rotate(0)scale(.5)skew(1deg); opacity: .1 } 30% { transform: rotate(0)scale(.7)skew(1deg); opacity: .5 } 100% { transform: rotate(0)scale(1)skew(1deg); opacity: .1 } } @keyframes hig-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-moz-keyframes hig-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-webkit-keyframes hig-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-o-keyframes hig-alo-circle-fill-anim { 0% { transform: rotate(0)scale(.7)skew(1deg); opacity: .2 } 50% { transform: rotate(0)scale(1)skew(1deg); opacity: .2 } 100% { transform: rotate(0)scale(.7)skew(1deg); opacity: .2 } } @keyframes hig-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-moz-keyframes hig-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes hig-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-o-keyframes hig-alo-circle-img-anim { 0% { transform: rotate(0)scale(1)skew(1deg) } 10% { transform: rotate(-25deg)scale(1)skew(1deg) } 20% { transform: rotate(25deg)scale(1)skew(1deg) } 30% { transform: rotate(-25deg)scale(1)skew(1deg) } 40% { transform: rotate(25deg)scale(1)skew(1deg) } 50% { transform: rotate(0)scale(1)skew(1deg) } 100% { transform: rotate(0)scale(1)skew(1deg) } } @keyframes hig-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } .box_body .box-product { width: 100% !important } #body-panel .box-product { width: 23%; margin: 8px 1% } .box-category { width: 49%; height: 200px; margin-right: 2%; margin-bottom: 26px; float: left; border: 1px solid #ccc; position: relative } .box-category-small { width: 23.5% !important } .box-category .banner-bg { width: 100%; height: 100% } .box-category .banner-bg { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50% } .box-category span { position: absolute; top: 50%; left: 50%; margin: auto; max-width: 100%; white-space: nowrap; color: #000; background-color: rgba(255,255,255,.7); transform: translate(-50%,-50%); padding: 10px; font-size: 2rem; font-weight: normal; text-transform: uppercase; z-index: 3 } .box-category:hover .banner-bg:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.3) } .box-category:nth-child(odd):hover .banner-bg:before { background-color: rgba(172,134,18,.6) !important } .box-category:nth-child(odd):hover span { color: #fff; background-color: rgba(0,0,0,.5) } #box-why { position: relative; margin: 40px 0; padding: 30px 0; background: #0063c0 } #box-why .home-title span { color: #fff } #box-why .home-title span b { color: #0063c0 } .box-why { position: relative; bottom: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .box-why:hover { bottom: 15px } .box-why-info { width: 100%; padding: 60px 15px 15px; line-height: 150%; margin-bottom: 20px; text-align: center; position: relative; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); -moz-box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04) } .box-why-img { width: 120px; overflow: hidden; position: relative; text-align: center; margin: 0 auto -60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #888; background: #fff; z-index: 2 } .box-why-img:before { content: ""; display: block; padding-top: 100% } .box-why-img img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0 } .box-why .title { display: block; text-transform: uppercase; margin: 10px 0; font-size: 1.3rem; font-weight: normal; line-height: 1.4; font-family: roboto,sans-serif; position: relative; color: #0063c0 } .box-why .summary { display: block; margin-bottom: 5px; text-align: center; line-height: 1.7 } .box-why .summary p { margin: 0; padding: 0 } .border-spin { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; width: 100%; height: 100%; border-radius: 50%; padding: 2.5px; background-clip: content-box; border: 1px solid #fff } .box-why .border-spin { animation: spin 10s linear infinite; border: 2.5px dashed #0063c0 } @keyframes spin { 100% { transform: rotateZ(360deg) } } .subquantity, .addquantity { height: 22px; line-height: 22px; width: 22px; margin-left: -27px; top: -13px; position: relative } .addquantity { top: auto; bottom: -9px } code { color: #f0022f; word-break: break-word } .banner-page { display: none } #user-area .dropdown-content { display: none; position: absolute; right: 0; width: 200px; background-color: #fff; font-size: 1rem; border-top: 2px solid #fff; border-left: 3px solid #0063c0; -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.25); box-shadow: 0 3px 5px 0 rgba(0,0,0,.25) } #user-area .dropdown-content a { color: #222; display: block; padding: 8px 8px 8px 34px; border-bottom: 1px solid #f6f6f6; text-align: left; margin: 0 !important; position: relative } #user-area .dropdown-content a:hover { background-color: #f2f2f2; color: #0063c0 } #user-area .dropdown-content a i { width: 26px; height: 100%; line-height: 34px; background-color: #f2f2f2; color: #000; position: absolute; top: 0; left: 0; text-align: center } #user-area .user:hover .dropdown-content { display: block; z-index: 9999 } .customer-desc { line-height: 1.7; text-align: left; margin: 15px 0; clear: both } #payments-guide { display: none; margin-top: 20px } .alert-home { text-align: left; color: red; font-size: 18px; margin-top: 30px; padding: 30px 20px 20px; border: 1px solid #ccc; line-height: 1.8; background: #fff; -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); -moz-box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); box-shadow: 0 1px 15px rgba(0,0,0,.04),0 1px 6px rgba(0,0,0,.04); position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } @keyframes blink { 25% { border-color: #ff4747 } 50% { border-color: #0063c0 } 75% { border-color: #ffb638 } 100% { border-color: #bc000b } } .alert-home .title { padding: 6px 15px; background: #0063c0; color: #fff; border-radius: 20px; position: absolute; left: 20px; top: -20px; text-transform: uppercase } .table2 thead { background: #f2f2f2 } .table2 tr td { border-bottom: 1px solid #eee !important } .btn-success { color: #fff; background-color: #d40000 !important; border-color: #c30202 !important } .btn-success:hover { color: #fff; background-color: #c30202 !important; border-color: #b40101 !important } .tag { padding: 6px 8px; background-color: #f0f0f0; font-weight: normal; font-size: .9rem; display: inline-block; margin: 2px; -moz-border-radius: 5px; -webkit-border-radius: 4px; border-radius: 4px } .tag:hover { background-color: #d40000; color: #fff } .table .text-primary { text-align: center; background: #28a745; color: #fff !important; padding: 5px; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 4px; border-radius: 4px; font-size: .9rem } .pos-rel, .position-relative { position: relative } input[type=checkbox].ace, input[type=radio].ace { opacity: 0; position: absolute; z-index: 1; width: 18px; height: 18px; cursor: pointer } label input[type=checkbox].ace, label input[type=radio].ace { z-index: -100 !important; width: 1px !important; height: 1px !important; clip: rect(1px,1px,1px,1px); position: absolute } input[type=checkbox].ace:checked, input[type=checkbox].ace:focus, input[type=radio].ace:checked, input[type=radio].ace:focus { outline: 0 !important } input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl { position: relative; display: inline-block; margin: 0; line-height: 20px; min-height: 18px; min-width: 18px; font-weight: 400; cursor: pointer } input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before { cursor: pointer; font-family: fontAwesome; font-weight: 400; font-size: 12px; color: #fff; content: " "; background-color: #fafafa; border: 1px solid #c8c8c8; box-shadow: 0 1px 2px rgba(0,0,0,.05); border-radius: 0; display: inline-block; text-align: center; height: 16px; line-height: 14px; min-width: 16px; margin-right: 1px; position: relative; top: -1px } input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before { display: inline-block; content: ''; color: #32a3ce; background-color: #f5f8fc; border-color: #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1) } input[type=checkbox].ace + .lbl:hover::before, input[type=checkbox].ace:hover + .lbl::before, input[type=radio].ace + .lbl:hover::before, input[type=radio].ace:hover + .lbl::before { border-color: #ff893c } input[type=checkbox].ace:focus + .lbl::before, input[type=radio].ace:focus + .lbl::before { border-color: #f59942 } input[type=checkbox].ace:active + .lbl::before, input[type=checkbox].ace:checked:active + .lbl::before, input[type=radio].ace:active + .lbl::before, input[type=radio].ace:checked:active + .lbl::before { box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1) } input[type=checkbox].ace.ace-checkbox-2 + .lbl::before, input[type=radio].ace.ace-checkbox-2 + .lbl::before { box-shadow: none } input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before, input[type=radio].ace.ace-checkbox-2:checked + .lbl::before { background-color: #f9a021; border-color: #f9a021; color: #fff } input[type=checkbox].ace.disabled + .lbl::before, input[type=checkbox].ace:disabled + .lbl::before, input[type=checkbox].ace[disabled] + .lbl::before, input[type=radio].ace.disabled + .lbl::before, input[type=radio].ace:disabled + .lbl::before, input[type=radio].ace[disabled] + .lbl::before { background-color: #ddd !important; border-color: #ccc !important; box-shadow: none !important; color: #bbb } .checkbox label input[type=checkbox].ace + .lbl, .radio label input[type=radio].ace + .lbl { margin-left: -10px } input[type=radio].ace + .lbl::before { font-size: 10px; font-family: FontAwesome; text-shadow: 0 0 1px #32a3ce; line-height: 15px; height: 17px; min-width: 17px } input[type=checkbox].ace.input-lg + .lbl::before { border-radius: 4px; font-size: 16px; height: 24px; line-height: 21px; min-width: 24px; top: auto } input[type=radio].ace.input-lg + .lbl::before { font-size: 14px; height: 24px; line-height: 22px; min-width: 24px; top: auto } input[type=checkbox].ace.ace-switch { width: 55px; height: 25px } input[type=checkbox].ace.ace-switch + .lbl { margin: 0 4px; min-height: 24px } input[type=checkbox].ace.ace-switch + .lbl::before { font-family: 'Open Sans'; content: "ON         OFF"; color: #999; text-shadow: 0 0 0 #999; font-weight: 400; font-size: 11px; line-height: 17px; height: 20px; overflow: hidden; border-radius: 12px; background-color: #f5f5f5; -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15); border: 1px solid #ccc; text-align: left; float: left; padding: 0; width: 52px; text-indent: -21px; margin-right: 0; -webkit-transition: text-indent .25s ease; -o-transition: text-indent .25s ease; transition: text-indent .25s ease; top: auto } input[type=checkbox].ace.ace-switch + .lbl::after { font-family: 'Open Sans'; content: 'III'; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #aaa; text-shadow: none; background-color: #fff; border-radius: 100%; width: 22px; height: 22px; line-height: 22px; text-align: center; position: absolute; top: -2px; left: -3px; -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3); box-shadow: 0 1px 1px 1px rgba(0,0,0,.3); -webkit-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease } input[type=checkbox].ace.ace-switch:checked + .lbl::before { text-indent: 8px; color: #fff; text-shadow: 0 0 0 #fff; background-color: #8ab2c9; border-color: #6a8ca8 } input[type=checkbox].ace.ace-switch:checked + .lbl::after { left: 34px; background-color: #fff; color: #98a0a5 } input[type=checkbox].ace.ace-switch.ace-switch-2 + .lbl::before { content: "YES         NO" } input[type=checkbox].ace.ace-switch.ace-switch-3 + .lbl::after { font-family: FontAwesome; font-size: 13px; line-height: 22px; content: ""; top: -1px; text-shadow: none; padding: 0; text-align: center; color: #bbb; letter-spacing: 0 } input[type=checkbox].ace.ace-switch.ace-switch-3:checked + .lbl::after { content: ""; color: #8ab2c9; text-shadow: none } input[type=checkbox].ace.ace-switch.ace-switch-4, input[type=checkbox].ace.ace-switch.ace-switch-5 { width: 60px } input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before { content: "ON           OFF"; font-size: 12px; line-height: 21px; height: 24px; overflow: hidden; border-radius: 12px; background-color: #8b9aa3; border: 1px solid #8b9aa3; color: #fff; width: 56px; text-shadow: 0 0 0 #fff; display: inline-block; position: relative; box-shadow: none; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after { content: 'III'; font-size: 11px; position: absolute; top: 2px; left: 2px; letter-spacing: 0; width: 20px; height: 20px; line-height: 19px; text-shadow: none !important; color: #939393; background-color: #fff; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before { background-color: #468fcc; border-color: #468fcc } input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::after { left: 34px; background-color: #fff; color: #848484 } input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before { content: "YES           NO" } input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before { text-indent: 8px } input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl { position: relative } input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before { font-family: FontAwesome; content: ""; text-shadow: 0 -1px 0 rgba(0,0,0,.25); box-shadow: none; border-width: 0; font-weight: lighter; font-size: 16px; border-radius: 12px; display: inline-block; background-color: #888; color: #f2f2f2; width: 52px; height: 22px; line-height: 21px; text-indent: 32px; -webkit-transition: background .25s ease; -o-transition: background .25s ease; transition: background .25s ease } input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after { content: ''; text-shadow: 0 -1px 0 rgba(0,0,0,.25); position: absolute; top: 2px; left: 3px; border-radius: 12px; box-shadow: 0 -1px 0 rgba(0,0,0,.25); width: 18px; height: 18px; text-align: center; background-color: #f2f2f2; border: 4px solid #f2f2f2; -webkit-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease } input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before { content: ""; text-indent: 6px; color: #fff; border-color: #b7d3e5; background-color: #ff893c } input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after { left: 32px; background-color: #fff; border: 4px solid #fff; text-shadow: 0 -1px 0 rgba(0,200,0,.25) } input[type=checkbox].ace.ace-switch.ace-switch-7 { width: 75px } input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl { position: relative } input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::before { content: "OFF              ON"; font-weight: bolder; font-size: 13px; background-color: #fff; border: 2px solid #aaa; border-radius: 0; box-shadow: none; color: #aaa; width: 74px; height: 26px; line-height: 22px; overflow: hidden; text-indent: 5px; display: inline-block; position: relative; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::after { content: ''; font-family: FontAwesome; font-size: 16px; position: absolute; top: 3px; left: 39px; width: 32px; height: 20px; line-height: 18px; text-align: center; padding: 0; text-indent: 0; background-color: #aaa; color: #fff; border-radius: 0; box-shadow: none; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::before { color: #468fcc; background-color: #fff; text-indent: -28px; border-color: #6fb3e0 } input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::after { left: 3px; content: ''; background-color: #468fcc; color: #fff } input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before { content: attr(data-lbl) } input[type=checkbox].ace.ace-switch.btn-empty + .lbl::after { content: "" } input[type=checkbox].ace.ace-switch.btn-rotate + .lbl::after { content: "≡"; line-height: 20px; font-size: 17px } input[type=checkbox].ace.ace-switch-4.btn-rotate + .lbl::after, input[type=checkbox].ace.ace-switch-5.btn-rotate + .lbl::after { line-height: 17px } input[type=checkbox].ace.ace-switch.btn-flat + .lbl::after, input[type=checkbox].ace.ace-switch.btn-flat + .lbl::before { border-radius: 0 !important } input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before { text-indent: -24px } input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before { text-indent: 7px } input.ace + .lbl.padding-16::before { margin-right: 16px } input.ace + .lbl.padding-14::before { margin-right: 14px } input.ace + .lbl.padding-12::before { margin-right: 12px } input.ace + .lbl.padding-10::before { margin-right: 10px } input.ace + .lbl.padding-8::before { margin-right: 8px } input.ace + .lbl.padding-6::before { margin-right: 6px } input.ace + .lbl.padding-4::before { margin-right: 4px } input.ace + .lbl.padding-2::before { margin-right: 2px } input.ace + .lbl.padding-0::before { margin-right: 0 } input.ace + .lbl.padding-0::before { margin-right: 0 } .lbl::before { color: red !important } .select2-container { outline: 0; position: relative; display: inline-block; vertical-align: middle; text-align: left } .select2-selection--single { cursor: pointer; outline: 0; display: block; height: 36px; padding: 7px 0; line-height: 1.5384616; position: relative; border: 1px solid transparent; white-space: nowrap; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .select2-selection--single:hover, .select2-selection--single:focus, .select2-container--open .select2-selection--single { -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.01) inset; box-shadow: 0 0 0 100px rgba(0,0,0,.01) inset } .select2-selection--single:not([class*=bg-]) { background-color: #fff } .select2-selection--single:not([class*=bg-]):not([class*=border-]) { border-color: #ddd } .select2-selection--single[class*=bg-]:hover, .select2-selection--single[class*=bg-]:focus, .select2-container--open .select2-selection--single[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(0,0,0,.025) inset; box-shadow: 0 0 0 100px rgba(0,0,0,.025) inset } .select2-selection--single[class*=bg-] .select2-selection__placeholder { color: #fff } .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__placeholder { color: rgba(255,255,255,.75) } .select2-selection--single .select2-selection__rendered { display: block; padding-left: 12px; padding-right: 31px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555 } .select2-selection--single .select2-selection__rendered > i { margin-right: 10px } .select2-selection--single .select2-selection__clear { potision: relative; cursor: pointer; float: right; font-size: 0; line-height: 1; margin-top: 2px; opacity: .75; filter: alpha(opacity=75) } .select2-selection--single .select2-selection__clear:hover { opacity: 1; filter: alpha(opacity=100) } .select2-selection--single .select2-selection__clear:after { content: ''; font-family: 'icomoon'; display: inline-block; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-selection--single .select2-selection__arrow:after { content: ''; font: normal normal normal 14px/1 FontAwesome; display: inline-block; position: absolute; top: 50%; right: 12px; margin-top: -8px; font-size: 16px; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .select2-container--open .select2-selection--single .select2-selection__arrow:after { content: '' } .select2-selection--single .select2-selection__arrow b { display: none } .select2-container--disabled .select2-selection--single { cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none } .select2-container--disabled .select2-selection--single:not([class*=bg-]) { background-color: #fafafa; color: #999 } .select2-container--disabled .select2-selection--single[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(255,255,255,.25) inset; box-shadow: 0 0 0 100px rgba(255,255,255,.25) inset } .select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-selection--multiple { display: block; border: 1px solid transparent; border-radius: 3px; cursor: text; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .select2-selection--multiple:not([class*=bg-]) { background-color: #fff } .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { border-color: #ddd } .select2-selection--multiple .select2-selection__rendered { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style: none; margin: 0; padding: 0 3px 3px 3px; width: 100% } .select2-selection--multiple .select2-selection__placeholder { color: #999 } .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) { background-color: #fafafa; color: #999 } .select2-container--disabled .select2-selection--multiple[class*=bg-] { -webkit-box-shadow: 0 0 0 100px rgba(255,255,255,.25) inset; box-shadow: 0 0 0 100px rgba(255,255,255,.25) inset } .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { opacity: .9; filter: alpha(opacity=90) } .select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--disabled .select2-selection--multiple .select2-search__field { cursor: not-allowed } .select2-selection--multiple .select2-selection__choice { background-color: #455a64; color: #fff; border-radius: 3px; cursor: default; float: left; margin-right: 3px; margin-top: 3px; padding: 7px 12px !important } .select2-selection--multiple .select2-selection__choice > i { margin-right: 10px } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { cursor: pointer; float: right; font-size: 14px; margin-top: 3px; line-height: 1; margin-left: 7px; opacity: .75; filter: alpha(opacity=75) } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { opacity: 1; filter: alpha(opacity=100) } .select2-container--disabled .select2-selection--multiple .select2-selection__choice { opacity: .6; filter: alpha(opacity=60) } .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: none } .select2-selection--multiple .select2-search--inline { float: left } .select2-selection--multiple .select2-search--inline .select2-search__field { font-size: 100%; margin-top: 3px; padding: 7px 0; background-color: transparent; border: 0; outline: 0; margin-left: 5px; -webkit-appearance: textfield } .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: #fff; color: #333; border: 1px solid #ddd; border-radius: 3px; display: block; position: absolute; left: -100000px; width: 100%; z-index: 9999 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results > .select2-results__options { padding-bottom: 5px; max-height: 250px; overflow-y: auto } .select2-search--hide + .select2-results > .select2-results__options { padding-top: 5px } .select2-results:first-child > .select2-results__options { padding-top: 5px } .select2-results__option { padding: 7px 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .select2-results__option + .select2-results__option { margin-top: 1px } .select2-results__option i { margin-right: 10px } .select2-results__option i.icon-undefined { display: none } .select2-results__option[role=group] { padding: 0 } .select2-results__option.select2-results__option--highlighted { background-color: #f5f5f5 } .select2-results__option[aria-disabled=true] { color: #999; cursor: not-allowed } .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { color: rgba(255,255,255,.6) } .select2-results__option[aria-selected=true] { background-color: #2196f3; color: #fff } .select2-results__options--nested > .select2-results__option { padding-left: 24px; padding-right: 24px } .select2-results__group { display: block; padding: 7px 12px; font-size: 11px; line-height: 1.82; text-transform: uppercase; cursor: default; margin-top: 5px; margin-bottom: 5px } .select2-results__option:first-child > .select2-results__group { margin-top: 0 } .select2-results__message { color: #999; cursor: default } .select2-dropdown[class*=bg-] .select2-results__message { color: rgba(255,255,255,.75) } .select2-results__option.loading-results { padding-top: 0 } .select2-results__option.loading-results + .select2-results__option { margin-top: 5px } .select2-results__option--load-more { text-align: center; margin-top: 5px; cursor: default } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--above[class*=bg-] { border-bottom: 1px solid rgba(255,255,255,.2) } .select2-container--open.select2-container--above .select2-selection--single, .select2-container--open.select2-container--above .select2-selection--multiple { border-top-right-radius: 0; border-top-left-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--open .select2-dropdown--below[class*=bg-] { border-top: 1px solid rgba(255,255,255,.2) } .select2-container--open.select2-container--below .select2-selection--single, .select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .select2-search--dropdown { display: block; position: relative; padding: 12px } .select2-search--dropdown:after { content: ''; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; left: 24px; color: inherit; display: block; font-size: 12px; margin-top: -6px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: .6; filter: alpha(opacity=60) } .select2-search--dropdown + .select2-results .select2-results__message:first-child { padding-top: 0 } .select2-search--dropdown .select2-search__field { height: 36px; padding: 7px 12px; padding-left: 36px; border-radius: 3px; border: 1px solid #ddd; outline: 0; width: 100% } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select-lg.select2-selection--single { height: 40px; padding: 9px 0; font-size: 14px } .select-lg.select2-selection--single .select2-selection__rendered { padding-left: 15px; padding-right: 34px } .select-lg.select2-selection--single .select2-selection__arrow:after { right: 15px } .select-lg.select2-selection--multiple .select2-selection__choice { padding: 9px 15px; font-size: 14px } .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 9px 0; font-size: 14px } .select-sm.select2-selection--single { height: 34px; padding: 6px 0 } .select-sm.select2-selection--single .select2-selection__rendered { padding-left: 11px; padding-right: 26px } .select-sm.select2-selection--single .select2-selection__arrow:after { right: 11px } .select-sm.select2-selection--multiple .select2-selection__choice { padding: 6px 11px } .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 6px 0 } .select-xs.select2-selection--single { height: 32px; padding: 5px 0; font-size: 12px; line-height: 1.6666667 } .select-xs.select2-selection--single .select2-selection__rendered { padding-left: 10px; padding-right: 24px } .select-xs.select2-selection--single .select2-selection__arrow:after { right: 10px } .select-xs.select2-selection--multiple .select2-selection__choice { padding: 5px 10px; font-size: 12px } .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 5px 0; font-size: 12px } .select2-selection--multiple[class*=bg-] .select2-selection__choice { background-color: rgba(0,0,0,.25) } .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { background-color: rgba(0,0,0,.2); border-color: transparent; color: #fff } .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { background-color: rgba(0,0,0,.2) } .select2-dropdown[class*=bg-] .select2-results__option--highlighted { background-color: rgba(0,0,0,.1) } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 99; background-color: #fff; opacity: 0; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: fixed !important; width: 1px !important } .select2-result-repository { padding-top: 7px; padding-bottom: 7px } .select2-result-repository__avatar { float: left; width: 60px; margin-right: 10px } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 100px } .select2-result-repository__meta { margin-left: 70px } .select2-result-repository__title { font-weight: 500; word-wrap: break-word; margin-bottom: 2px } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; font-size: 12px } .select2-result-repository__description { font-size: 12px } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 15px } .statistic-bar { background-color: #0063c0; padding: 10px; border: 1px solid #0063c0; color: #fff; margin: 6px 0 } .statistic-bar .col-sm-3 { padding-top: 3px; padding-bottom: 3px } .flash { position: relative; display: block } .flash img { transition: all .6s ease-out; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out } .flash::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out } .flash::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out } .flash:hover img { -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } .flash:hover::before { right: 50%; left: 50%; width: 0; background: rgba(255,255,255,.3) } .flash:hover::after { height: 0; top: 50%; bottom: 50%; background: rgba(255,255,255,.3) } .modal.fade .modal-dialog { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left { bottom: 80px !important; padding: 0 !important } button { outline: none !important } .modal button.close { background-color: red } .col { -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-positive: 0; flex-grow: 0 } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden } #cboxOverlay { position: fixed; width: 100%; height: 100% } #cboxMiddleLeft, #cboxBottomLeft { clear: left } #cboxContent { position: relative } #cboxLoadedContent { overflow: auto } #cboxTitle { margin: 0 } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100% } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer } .cboxPhoto { float: left; margin: auto; border: 0; display: block } .cboxIframe { width: 100%; height: 100%; display: block; border: 0 } #cboxOverlay { background: url(../assets/client/css/images/overlay.png) repeat 0 0 } #colorbox { } #cboxTopLeft { width: 21px; height: 21px; background: url(../assets/client/css/images/controls.png) no-repeat -100px 0 } #cboxTopRight { width: 21px; height: 21px; background: url(../assets/client/css/images/controls.png) no-repeat -129px 0 } #cboxBottomLeft { width: 21px; height: 21px; background: url(../assets/client/css/images/controls.png) no-repeat -100px -29px } #cboxBottomRight { width: 21px; height: 21px; background: url(../assets/client/css/images/controls.png) no-repeat -129px -29px } #cboxMiddleLeft { width: 21px; background: url(../assets/client/css/images/controls.png) left top repeat-y } #cboxMiddleRight { width: 21px; background: url(../assets/client/css/images/controls.png) right top repeat-y } #cboxTopCenter { height: 21px; background: url(../assets/client/css/images/border.png) 0 0 repeat-x } #cboxBottomCenter { height: 21px; background: url(../assets/client/css/images/border.png) 0 -29px repeat-x } #cboxContent { background: #fff; overflow: hidden } #cboxError { padding: 50px; border: 1px solid #ccc } #cboxLoadedContent { margin-bottom: 28px } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494 } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494 } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(../assets/client/css/images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px } #cboxPrevious.hover { background-position: -75px -25px } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(../assets/client/css/images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px } #cboxNext.hover { background-position: -50px -25px } #cboxLoadingOverlay { background: url(../assets/client/css/images/loading_background.png) no-repeat center center } #cboxLoadingGraphic { background: url(../assets/client/css/images/loading.gif) no-repeat center center } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(../assets/client/css/images/btnClose.png) no-repeat; width: 105px; height: 40px; text-indent: -9999px } .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) } .cboxIE6 #cboxTopLeft { background: url(../assets/client/css/images/ie6/borderTopLeft.png) } .cboxIE6 #cboxTopCenter { background: url(../assets/client/css/images/ie6/borderTopCenter.png) } .cboxIE6 #cboxTopRight { background: url(../assets/client/css/images/ie6/borderTopRight.png) } .cboxIE6 #cboxBottomLeft { background: url(../assets/client/css/images/ie6/borderBottomLeft.png) } .cboxIE6 #cboxBottomCenter { background: url(../assets/client/css/images/ie6/borderBottomCenter.png) } .cboxIE6 #cboxBottomRight { background: url(../assets/client/css/images/ie6/borderBottomRight.png) } .cboxIE6 #cboxMiddleLeft { background: url(../assets/client/css/images/ie6/borderMiddleLeft.png) } .cboxIE6 #cboxMiddleRight { background: url(../assets/client/css/images/ie6/borderMiddleRight.png) } .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src=this.src?this.src:this.currentStyle.backgroundImage.split('"')[1]; this .style.background="none"; this .style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.src+", sizingMethod='scale')") } .menu-container { width: 80%; margin: 0 auto; background: #e9e9e9 } .menu-mobile { display: none; padding: 16px } .menu-mobile:after { content: ""; font-family: "Ionicons"; font-size: 2.2rem; padding: 0; float: left; position: relative; top: 3px; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); color: #fff } .menu-dropdown-icon:before { content: ""; font-family: "Ionicons"; display: none; cursor: pointer; float: right; padding: 1.5em 2em; background: #fff; color: #333 } .menu ul { list-style: none } .menu a:hover { color: #000 } .menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; box-sizing: border-box } .menu > ul:before, .menu > ul:after { content: ""; display: table } .menu > ul:after { clear: both } .menu > ul > li { float: left; padding: 0; margin: 0 } .menu > ul > li a { display: block; padding: 0 20px; height: 50px; line-height: 50px; color: #fff; font-size: 1.2rem; font-weight: normal; text-align: center; text-transform: uppercase } .menu > ul > li i { display: block; clear: both; font-size: 2rem; margin-top: 10px } .menu > ul > li img { display: block; clear: both; height: 32px; margin: 10px auto 0 } .menu > ul > li span { display: block; clear: both; margin-top: 7px } .menu > ul > li:hover a { color: #0a9601 } .menu > ul > li > ul { display: none; width: 100%; max-height: calc(100vh - 120px); overflow: auto; background: #fff; padding: 20px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; border-top: 3px solid #0a9601; box-sizing: border-box; -webkit-box-shadow: 0 2px 5px 0 rgba(133,131,133,.7); -moz-box-shadow: 0 2px 5px 0 rgba(133,131,133,.7); box-shadow: 0 2px 5px 0 rgba(133,131,133,.7) } .menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table } .menu > ul > li > ul:after { clear: both } .menu > ul > li > ul > li { margin: 0; padding-bottom: 0; list-style: none; width: 25%; background: none; float: left; text-align: left } .menu > ul > li > ul > li a { color: #222 !important; padding: 0 0 5px; width: 94%; display: block; border-bottom: 1px solid #ddd; height: auto; line-height: normal; text-transform: none; text-align: left; font-family: Helvetica,Arial,Sans-Serif; font-size: 1.1rem; font-weight: bold } .menu > ul > li > ul > li a:hover { color: #0a9601 !important } .menu > ul > li > ul > li > ul { display: block; padding: 0; margin-bottom: 30px; list-style: none; box-sizing: border-box } .menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table } .menu > ul > li > ul > li > ul:after { clear: both } .menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 5px 0; margin: 0 } .menu > ul > li > ul > li > ul > li a { border: 0; padding: 0; font-weight: normal; color: #555 } .menu > ul > li > ul > li > ul > li > ul > li a { padding-left: 10px; color: #777 } .menu > ul > li > ul > li > ul > li > ul > li a:before { content: ""; display: inline-block; margin-right: 6px; font: normal normal normal 12px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .menu > ul > li > ul > li > ul > li > ul > li > ul > li a { padding-left: 20px } .menu > ul > li > ul.normal-sub { width: 300px; left: auto; padding: 10px 20px } .menu > ul > li > ul.normal-sub > li { width: 100% } .menu > ul > li > ul.normal-sub > li a { border: 0; padding: 6px 0; font-weight: normal; width: 100% } @media only screen and (max-width:989px) { .menu-mobile:after { height: auto; margin-right: 10px; text-align: left } .menu-container { width: 100% } .menu-mobile { display: block; color: #fff !important; font-size: 16pt } .menu a:hover { color: #fff } .menu > ul { display: none } .menu > ul > li { width: 100%; float: none; display: block; border-bottom: 1px solid #272727 } .menu > ul > li:hover { background: #161616 } .menu > ul > li a { padding: 0 1.3em; display: block; color: #fff; height: 45px } .menu > ul > li > ul > li a { color: #fff; border-bottom: 1px solid #272727; padding: 10px 0 } .menu > ul > li > ul > li > ul > li a { color: #fff; padding: 2px } .menu > ul > li > ul > li > ul > li > ul > li a { color: #fff; padding: 5px 20px; width: auto } .menu > ul > li > ul { position: relative; display: block; background-color: #161616; -webkit-box-shadow: none; padding: 0 0 0 55px } .menu > ul > li > ul.normal-sub { width: 100%; padding: 0 55px } .menu > ul > li > ul > li { float: none; width: 100% } .menu > ul > li > ul > li:first-child { margin: 0 } .menu > ul > li > ul > li > ul { position: relative } .menu > ul > li > ul > li > ul > li { float: none } .menu .show-on-mobile { display: block } .menu > ul > li i { display: relative; float: left; font-size: 16pt } .menu > ul > li span { clear: none; float: left; margin: 11px } } #jssor_1 { position: relative; margin: 0 auto; top: 0; left: 0; max-width: 100%; height: 300px; overflow: hidden; visibility: hidden } .jssorb01 { position: absolute; bottom: 16px; right: 0; left: 0; margin: 0 auto } .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { position: absolute; width: 10px; height: 10px; filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer; border: #ccc 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .jssorb01 div { background-color: #fff } .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #da251c } .jssorb01 .av { background-color: #da251c } .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #da251c } .jssora05l, .jssora05r { display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; background: url(../assets/client/css/a17.png) no-repeat; overflow: hidden } .jssora05l { background-position: -10px -40px; top: 0; left: 8px } .jssora05r { background-position: -70px -40px; top: 0; right: 8px } .jssora05l:hover { background-position: -130px -40px } .jssora05r:hover { background-position: -190px -40px } .jssora05l.jssora05ldn { background-position: -250px -40px } .jssora05r.jssora05rdn { background-position: -310px -40px } .ddsmoothmenu { position: relative } .ddsmoothmenu ul { padding: 0; list-style: none } .ddsmoothmenu ul li { position: relative; display: inline-block } .ddsmoothmenu > ul > li:hover, .ddsmoothmenu > ul > li.selected { background: #0063c0; border-radius: 7px } .ddsmoothmenu ul li a { color: #000; display: block; padding: 10px 16px; font-weight: bold; text-align: center; text-transform: uppercase } .ddsmoothmenu > ul > li > a { font-size: 1.1rem } .ddsmoothmenu > ul > li:hover > a { color: #fff } .ddsmoothmenu ul li a > span { display: none; margin-right: 10px } .ddsmoothmenu ul li a > span i { font-size: 1.4rem } .ddsmoothmenu ul li a img { display: none; height: 60px; max-width: 100% } * html .ddsmoothmenu ul li a { display: inline-block } .ddsmoothmenu ul li:hover a, .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a:focus { } .ddsmoothmenu ul li .showhide-subul { display: none; position: absolute; top: 0; right: 0; width: 28px; height: 40px; line-height: 1; padding: 0 10px; background: #212121; margin-top: 0 } .ddsmoothmenu ul li .showhide-subul i { height: auto; width: auto; position: absolute; top: 10px; bottom: 0; right: 0; left: 50%; margin: auto; font-size: 1.2rem; color: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .ddsmoothmenu ul li ul li .showhide-subul { height: 37.6px; width: 22px } .ddsmoothmenu ul li > ul { width: 250px; position: absolute; left: 0; display: none; overflow: visible !important; visibility: hidden; background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) } .ddsmoothmenu ul li ul li { display: inline; float: left; text-align: left; height: auto; border-top: 1px solid #eee } .ddsmoothmenu ul li ul li:hover, .ddsmoothmenu ul li ul li.selected { background-color: #f6f6f6 } .ddsmoothmenu ul li ul li:hover:after { display: none } .ddsmoothmenu ul li ul li > a { display: block; font: normal 1rem roboto !important; width: 250px; padding: 12px 15px 12px 20px; height: auto; line-height: 150%; margin: 0; float: left; text-align: left; text-transform: none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .ddsmoothmenu ul li ul li a:hover { color: #0063c0 } * html .ddsmoothmenu { height: 1% } .downarrowclass { position: absolute; top: 16px; right: 6px; font-size: .95rem } .rightarrowclass { position: absolute; top: 11px; right: 5px } .ddshadow { position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver } .toplevelshadow { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 } @font-face { font-family: 'FontAwesome'; src: url(../assets/client/fonts/fontawesome-webfont3e6e.eot?v=4.7.0); src: url(../assets/client/fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../assets/client/fonts/fontawesome-webfont3e6e.woff2?v=4.7.0) format('woff2'),url(../assets/client/fonts/fontawesome-webfont3e6e.woff?v=4.7.0) format('woff'),url(../assets/client/fonts/fontawesome-webfont3e6e.ttf?v=4.7.0) format('truetype'),url(../assets/client/fonts/fontawesome-webfont3e6e.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: "" } .fa-music:before { content: "" } .fa-search:before { content: "" } .fa-envelope-o:before { content: "" } .fa-heart:before { content: "" } .fa-star:before { content: "" } .fa-star-o:before { content: "" } .fa-user:before { content: "" } .fa-film:before { content: "" } .fa-th-large:before { content: "" } .fa-th:before { content: "" } .fa-th-list:before { content: "" } .fa-check:before { content: "" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "" } .fa-search-plus:before { content: "" } .fa-search-minus:before { content: "" } .fa-power-off:before { content: "" } .fa-signal:before { content: "" } .fa-gear:before, .fa-cog:before { content: "" } .fa-trash-o:before { content: "" } .fa-home:before { content: "" } .fa-file-o:before { content: "" } .fa-clock-o:before { content: "" } .fa-road:before { content: "" } .fa-download:before { content: "" } .fa-arrow-circle-o-down:before { content: "" } .fa-arrow-circle-o-up:before { content: "" } .fa-inbox:before { content: "" } .fa-play-circle-o:before { content: "" } .fa-rotate-right:before, .fa-repeat:before { content: "" } .fa-refresh:before { content: "" } .fa-list-alt:before { content: "" } .fa-lock:before { content: "" } .fa-flag:before { content: "" } .fa-headphones:before { content: "" } .fa-volume-off:before { content: "" } .fa-volume-down:before { content: "" } .fa-volume-up:before { content: "" } .fa-qrcode:before { content: "" } .fa-barcode:before { content: "" } .fa-tag:before { content: "" } .fa-tags:before { content: "" } .fa-book:before { content: "" } .fa-bookmark:before { content: "" } .fa-print:before { content: "" } .fa-camera:before { content: "" } .fa-font:before { content: "" } .fa-bold:before { content: "" } .fa-italic:before { content: "" } .fa-text-height:before { content: "" } .fa-text-width:before { content: "" } .fa-align-left:before { content: "" } .fa-align-center:before { content: "" } .fa-align-right:before { content: "" } .fa-align-justify:before { content: "" } .fa-list:before { content: "" } .fa-dedent:before, .fa-outdent:before { content: "" } .fa-indent:before { content: "" } .fa-video-camera:before { content: "" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "" } .fa-pencil:before { content: "" } .fa-map-marker:before { content: "" } .fa-adjust:before { content: "" } .fa-tint:before { content: "" } .fa-edit:before, .fa-pencil-square-o:before { content: "" } .fa-share-square-o:before { content: "" } .fa-check-square-o:before { content: "" } .fa-arrows:before { content: "" } .fa-step-backward:before { content: "" } .fa-fast-backward:before { content: "" } .fa-backward:before { content: "" } .fa-play:before { content: "" } .fa-pause:before { content: "" } .fa-stop:before { content: "" } .fa-forward:before { content: "" } .fa-fast-forward:before { content: "" } .fa-step-forward:before { content: "" } .fa-eject:before { content: "" } .fa-chevron-left:before { content: "" } .fa-chevron-right:before { content: "" } .fa-plus-circle:before { content: "" } .fa-minus-circle:before { content: "" } .fa-times-circle:before { content: "" } .fa-check-circle:before { content: "" } .fa-question-circle:before { content: "" } .fa-info-circle:before { content: "" } .fa-crosshairs:before { content: "" } .fa-times-circle-o:before { content: "" } .fa-check-circle-o:before { content: "" } .fa-ban:before { content: "" } .fa-arrow-left:before { content: "" } .fa-arrow-right:before { content: "" } .fa-arrow-up:before { content: "" } .fa-arrow-down:before { content: "" } .fa-mail-forward:before, .fa-share:before { content: "" } .fa-expand:before { content: "" } .fa-compress:before { content: "" } .fa-plus:before { content: "" } .fa-minus:before { content: "" } .fa-asterisk:before { content: "" } .fa-exclamation-circle:before { content: "" } .fa-gift:before { content: "" } .fa-leaf:before { content: "" } .fa-fire:before { content: "" } .fa-eye:before { content: "" } .fa-eye-slash:before { content: "" } .fa-warning:before, .fa-exclamation-triangle:before { content: "" } .fa-plane:before { content: "" } .fa-calendar:before { content: "" } .fa-random:before { content: "" } .fa-comment:before { content: "" } .fa-magnet:before { content: "" } .fa-chevron-up:before { content: "" } .fa-chevron-down:before { content: "" } .fa-retweet:before { content: "" } .fa-shopping-cart:before { content: "" } .fa-folder:before { content: "" } .fa-folder-open:before { content: "" } .fa-arrows-v:before { content: "" } .fa-arrows-h:before { content: "" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "" } .fa-twitter-square:before { content: "" } .fa-facebook-square:before { content: "" } .fa-camera-retro:before { content: "" } .fa-key:before { content: "" } .fa-gears:before, .fa-cogs:before { content: "" } .fa-comments:before { content: "" } .fa-thumbs-o-up:before { content: "" } .fa-thumbs-o-down:before { content: "" } .fa-star-half:before { content: "" } .fa-heart-o:before { content: "" } .fa-sign-out:before { content: "" } .fa-linkedin-square:before { content: "" } .fa-thumb-tack:before { content: "" } .fa-external-link:before { content: "" } .fa-sign-in:before { content: "" } .fa-trophy:before { content: "" } .fa-github-square:before { content: "" } .fa-upload:before { content: "" } .fa-lemon-o:before { content: "" } .fa-phone:before { content: "" } .fa-square-o:before { content: "" } .fa-bookmark-o:before { content: "" } .fa-phone-square:before { content: "" } .fa-twitter:before { content: "" } .fa-facebook-f:before, .fa-facebook:before { content: "" } .fa-github:before { content: "" } .fa-unlock:before { content: "" } .fa-credit-card:before { content: "" } .fa-feed:before, .fa-rss:before { content: "" } .fa-hdd-o:before { content: "" } .fa-bullhorn:before { content: "" } .fa-bell:before { content: "" } .fa-certificate:before { content: "" } .fa-hand-o-right:before { content: "" } .fa-hand-o-left:before { content: "" } .fa-hand-o-up:before { content: "" } .fa-hand-o-down:before { content: "" } .fa-arrow-circle-left:before { content: "" } .fa-arrow-circle-right:before { content: "" } .fa-arrow-circle-up:before { content: "" } .fa-arrow-circle-down:before { content: "" } .fa-globe:before { content: "" } .fa-wrench:before { content: "" } .fa-tasks:before { content: "" } .fa-filter:before { content: "" } .fa-briefcase:before { content: "" } .fa-arrows-alt:before { content: "" } .fa-group:before, .fa-users:before { content: "" } .fa-chain:before, .fa-link:before { content: "" } .fa-cloud:before { content: "" } .fa-flask:before { content: "" } .fa-cut:before, .fa-scissors:before { content: "" } .fa-copy:before, .fa-files-o:before { content: "" } .fa-paperclip:before { content: "" } .fa-save:before, .fa-floppy-o:before { content: "" } .fa-square:before { content: "" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "" } .fa-list-ul:before { content: "" } .fa-list-ol:before { content: "" } .fa-strikethrough:before { content: "" } .fa-underline:before { content: "" } .fa-table:before { content: "" } .fa-magic:before { content: "" } .fa-truck:before { content: "" } .fa-pinterest:before { content: "" } .fa-pinterest-square:before { content: "" } .fa-google-plus-square:before { content: "" } .fa-google-plus:before { content: "" } .fa-money:before { content: "" } .fa-caret-down:before { content: "" } .fa-caret-up:before { content: "" } .fa-caret-left:before { content: "" } .fa-caret-right:before { content: "" } .fa-columns:before { content: "" } .fa-unsorted:before, .fa-sort:before { content: "" } .fa-sort-down:before, .fa-sort-desc:before { content: "" } .fa-sort-up:before, .fa-sort-asc:before { content: "" } .fa-envelope:before { content: "" } .fa-linkedin:before { content: "" } .fa-rotate-left:before, .fa-undo:before { content: "" } .fa-legal:before, .fa-gavel:before { content: "" } .fa-dashboard:before, .fa-tachometer:before { content: "" } .fa-comment-o:before { content: "" } .fa-comments-o:before { content: "" } .fa-flash:before, .fa-bolt:before { content: "" } .fa-sitemap:before { content: "" } .fa-umbrella:before { content: "" } .fa-paste:before, .fa-clipboard:before { content: "" } .fa-lightbulb-o:before { content: "" } .fa-exchange:before { content: "" } .fa-cloud-download:before { content: "" } .fa-cloud-upload:before { content: "" } .fa-user-md:before { content: "" } .fa-stethoscope:before { content: "" } .fa-suitcase:before { content: "" } .fa-bell-o:before { content: "" } .fa-coffee:before { content: "" } .fa-cutlery:before { content: "" } .fa-file-text-o:before { content: "" } .fa-building-o:before { content: "" } .fa-hospital-o:before { content: "" } .fa-ambulance:before { content: "" } .fa-medkit:before { content: "" } .fa-fighter-jet:before { content: "" } .fa-beer:before { content: "" } .fa-h-square:before { content: "" } .fa-plus-square:before { content: "" } .fa-angle-double-left:before { content: "" } .fa-angle-double-right:before { content: "" } .fa-angle-double-up:before { content: "" } .fa-angle-double-down:before { content: "" } .fa-angle-left:before { content: "" } .fa-angle-right:before { content: "" } .fa-angle-up:before { content: "" } .fa-angle-down:before { content: "" } .fa-desktop:before { content: "" } .fa-laptop:before { content: "" } .fa-tablet:before { content: "" } .fa-mobile-phone:before, .fa-mobile:before { content: "" } .fa-circle-o:before { content: "" } .fa-quote-left:before { content: "" } .fa-quote-right:before { content: "" } .fa-spinner:before { content: "" } .fa-circle:before { content: "" } .fa-mail-reply:before, .fa-reply:before { content: "" } .fa-github-alt:before { content: "" } .fa-folder-o:before { content: "" } .fa-folder-open-o:before { content: "" } .fa-smile-o:before { content: "" } .fa-frown-o:before { content: "" } .fa-meh-o:before { content: "" } .fa-gamepad:before { content: "" } .fa-keyboard-o:before { content: "" } .fa-flag-o:before { content: "" } .fa-flag-checkered:before { content: "" } .fa-terminal:before { content: "" } .fa-code:before { content: "" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "" } .fa-location-arrow:before { content: "" } .fa-crop:before { content: "" } .fa-code-fork:before { content: "" } .fa-unlink:before, .fa-chain-broken:before { content: "" } .fa-question:before { content: "" } .fa-info:before { content: "" } .fa-exclamation:before { content: "" } .fa-superscript:before { content: "" } .fa-subscript:before { content: "" } .fa-eraser:before { content: "" } .fa-puzzle-piece:before { content: "" } .fa-microphone:before { content: "" } .fa-microphone-slash:before { content: "" } .fa-shield:before { content: "" } .fa-calendar-o:before { content: "" } .fa-fire-extinguisher:before { content: "" } .fa-rocket:before { content: "" } .fa-maxcdn:before { content: "" } .fa-chevron-circle-left:before { content: "" } .fa-chevron-circle-right:before { content: "" } .fa-chevron-circle-up:before { content: "" } .fa-chevron-circle-down:before { content: "" } .fa-html5:before { content: "" } .fa-css3:before { content: "" } .fa-anchor:before { content: "" } .fa-unlock-alt:before { content: "" } .fa-bullseye:before { content: "" } .fa-ellipsis-h:before { content: "" } .fa-ellipsis-v:before { content: "" } .fa-rss-square:before { content: "" } .fa-play-circle:before { content: "" } .fa-ticket:before { content: "" } .fa-minus-square:before { content: "" } .fa-minus-square-o:before { content: "" } .fa-level-up:before { content: "" } .fa-level-down:before { content: "" } .fa-check-square:before { content: "" } .fa-pencil-square:before { content: "" } .fa-external-link-square:before { content: "" } .fa-share-square:before { content: "" } .fa-compass:before { content: "" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "" } .fa-euro:before, .fa-eur:before { content: "" } .fa-gbp:before { content: "" } .fa-dollar:before, .fa-usd:before { content: "" } .fa-rupee:before, .fa-inr:before { content: "" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "" } .fa-won:before, .fa-krw:before { content: "" } .fa-bitcoin:before, .fa-btc:before { content: "" } .fa-file:before { content: "" } .fa-file-text:before { content: "" } .fa-sort-alpha-asc:before { content: "" } .fa-sort-alpha-desc:before { content: "" } .fa-sort-amount-asc:before { content: "" } .fa-sort-amount-desc:before { content: "" } .fa-sort-numeric-asc:before { content: "" } .fa-sort-numeric-desc:before { content: "" } .fa-thumbs-up:before { content: "" } .fa-thumbs-down:before { content: "" } .fa-youtube-square:before { content: "" } .fa-youtube:before { content: "" } .fa-xing:before { content: "" } .fa-xing-square:before { content: "" } .fa-youtube-play:before { content: "" } .fa-dropbox:before { content: "" } .fa-stack-overflow:before { content: "" } .fa-instagram:before { content: "" } .fa-flickr:before { content: "" } .fa-adn:before { content: "" } .fa-bitbucket:before { content: "" } .fa-bitbucket-square:before { content: "" } .fa-tumblr:before { content: "" } .fa-tumblr-square:before { content: "" } .fa-long-arrow-down:before { content: "" } .fa-long-arrow-up:before { content: "" } .fa-long-arrow-left:before { content: "" } .fa-long-arrow-right:before { content: "" } .fa-apple:before { content: "" } .fa-windows:before { content: "" } .fa-android:before { content: "" } .fa-linux:before { content: "" } .fa-dribbble:before { content: "" } .fa-skype:before { content: "" } .fa-foursquare:before { content: "" } .fa-trello:before { content: "" } .fa-female:before { content: "" } .fa-male:before { content: "" } .fa-gittip:before, .fa-gratipay:before { content: "" } .fa-sun-o:before { content: "" } .fa-moon-o:before { content: "" } .fa-archive:before { content: "" } .fa-bug:before { content: "" } .fa-vk:before { content: "" } .fa-weibo:before { content: "" } .fa-renren:before { content: "" } .fa-pagelines:before { content: "" } .fa-stack-exchange:before { content: "" } .fa-arrow-circle-o-right:before { content: "" } .fa-arrow-circle-o-left:before { content: "" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "" } .fa-dot-circle-o:before { content: "" } .fa-wheelchair:before { content: "" } .fa-vimeo-square:before { content: "" } .fa-turkish-lira:before, .fa-try:before { content: "" } .fa-plus-square-o:before { content: "" } .fa-space-shuttle:before { content: "" } .fa-slack:before { content: "" } .fa-envelope-square:before { content: "" } .fa-wordpress:before { content: "" } .fa-openid:before { content: "" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "" } .fa-yahoo:before { content: "" } .fa-google:before { content: "" } .fa-reddit:before { content: "" } .fa-reddit-square:before { content: "" } .fa-stumbleupon-circle:before { content: "" } .fa-stumbleupon:before { content: "" } .fa-delicious:before { content: "" } .fa-digg:before { content: "" } .fa-pied-piper-pp:before { content: "" } .fa-pied-piper-alt:before { content: "" } .fa-drupal:before { content: "" } .fa-joomla:before { content: "" } .fa-language:before { content: "" } .fa-fax:before { content: "" } .fa-building:before { content: "" } .fa-child:before { content: "" } .fa-paw:before { content: "" } .fa-spoon:before { content: "" } .fa-cube:before { content: "" } .fa-cubes:before { content: "" } .fa-behance:before { content: "" } .fa-behance-square:before { content: "" } .fa-steam:before { content: "" } .fa-steam-square:before { content: "" } .fa-recycle:before { content: "" } .fa-automobile:before, .fa-car:before { content: "" } .fa-cab:before, .fa-taxi:before { content: "" } .fa-tree:before { content: "" } .fa-spotify:before { content: "" } .fa-deviantart:before { content: "" } .fa-soundcloud:before { content: "" } .fa-database:before { content: "" } .fa-file-pdf-o:before { content: "" } .fa-file-word-o:before { content: "" } .fa-file-excel-o:before { content: "" } .fa-file-powerpoint-o:before { content: "" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "" } .fa-file-code-o:before { content: "" } .fa-vine:before { content: "" } .fa-codepen:before { content: "" } .fa-jsfiddle:before { content: "" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "" } .fa-circle-o-notch:before { content: "" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "" } .fa-ge:before, .fa-empire:before { content: "" } .fa-git-square:before { content: "" } .fa-git:before { content: "" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "" } .fa-tencent-weibo:before { content: "" } .fa-qq:before { content: "" } .fa-wechat:before, .fa-weixin:before { content: "" } .fa-send:before, .fa-paper-plane:before { content: "" } .fa-send-o:before, .fa-paper-plane-o:before { content: "" } .fa-history:before { content: "" } .fa-circle-thin:before { content: "" } .fa-header:before { content: "" } .fa-paragraph:before { content: "" } .fa-sliders:before { content: "" } .fa-share-alt:before { content: "" } .fa-share-alt-square:before { content: "" } .fa-bomb:before { content: "" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "" } .fa-tty:before { content: "" } .fa-binoculars:before { content: "" } .fa-plug:before { content: "" } .fa-slideshare:before { content: "" } .fa-twitch:before { content: "" } .fa-yelp:before { content: "" } .fa-newspaper-o:before { content: "" } .fa-wifi:before { content: "" } .fa-calculator:before { content: "" } .fa-paypal:before { content: "" } .fa-google-wallet:before { content: "" } .fa-cc-visa:before { content: "" } .fa-cc-mastercard:before { content: "" } .fa-cc-discover:before { content: "" } .fa-cc-amex:before { content: "" } .fa-cc-paypal:before { content: "" } .fa-cc-stripe:before { content: "" } .fa-bell-slash:before { content: "" } .fa-bell-slash-o:before { content: "" } .fa-trash:before { content: "" } .fa-copyright:before { content: "" } .fa-at:before { content: "" } .fa-eyedropper:before { content: "" } .fa-paint-brush:before { content: "" } .fa-birthday-cake:before { content: "" } .fa-area-chart:before { content: "" } .fa-pie-chart:before { content: "" } .fa-line-chart:before { content: "" } .fa-lastfm:before { content: "" } .fa-lastfm-square:before { content: "" } .fa-toggle-off:before { content: "" } .fa-toggle-on:before { content: "" } .fa-bicycle:before { content: "" } .fa-bus:before { content: "" } .fa-ioxhost:before { content: "" } .fa-angellist:before { content: "" } .fa-cc:before { content: "" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "" } .fa-meanpath:before { content: "" } .fa-buysellads:before { content: "" } .fa-connectdevelop:before { content: "" } .fa-dashcube:before { content: "" } .fa-forumbee:before { content: "" } .fa-leanpub:before { content: "" } .fa-sellsy:before { content: "" } .fa-shirtsinbulk:before { content: "" } .fa-simplybuilt:before { content: "" } .fa-skyatlas:before { content: "" } .fa-cart-plus:before { content: "" } .fa-cart-arrow-down:before { content: "" } .fa-diamond:before { content: "" } .fa-ship:before { content: "" } .fa-user-secret:before { content: "" } .fa-motorcycle:before { content: "" } .fa-street-view:before { content: "" } .fa-heartbeat:before { content: "" } .fa-venus:before { content: "" } .fa-mars:before { content: "" } .fa-mercury:before { content: "" } .fa-intersex:before, .fa-transgender:before { content: "" } .fa-transgender-alt:before { content: "" } .fa-venus-double:before { content: "" } .fa-mars-double:before { content: "" } .fa-venus-mars:before { content: "" } .fa-mars-stroke:before { content: "" } .fa-mars-stroke-v:before { content: "" } .fa-mars-stroke-h:before { content: "" } .fa-neuter:before { content: "" } .fa-genderless:before { content: "" } .fa-facebook-official:before { content: "" } .fa-pinterest-p:before { content: "" } .fa-whatsapp:before { content: "" } .fa-server:before { content: "" } .fa-user-plus:before { content: "" } .fa-user-times:before { content: "" } .fa-hotel:before, .fa-bed:before { content: "" } .fa-viacoin:before { content: "" } .fa-train:before { content: "" } .fa-subway:before { content: "" } .fa-medium:before { content: "" } .fa-yc:before, .fa-y-combinator:before { content: "" } .fa-optin-monster:before { content: "" } .fa-opencart:before { content: "" } .fa-expeditedssl:before { content: "" } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "" } .fa-battery-2:before, .fa-battery-half:before { content: "" } .fa-battery-1:before, .fa-battery-quarter:before { content: "" } .fa-battery-0:before, .fa-battery-empty:before { content: "" } .fa-mouse-pointer:before { content: "" } .fa-i-cursor:before { content: "" } .fa-object-group:before { content: "" } .fa-object-ungroup:before { content: "" } .fa-sticky-note:before { content: "" } .fa-sticky-note-o:before { content: "" } .fa-cc-jcb:before { content: "" } .fa-cc-diners-club:before { content: "" } .fa-clone:before { content: "" } .fa-balance-scale:before { content: "" } .fa-hourglass-o:before { content: "" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "" } .fa-hourglass:before { content: "" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "" } .fa-hand-scissors-o:before { content: "" } .fa-hand-lizard-o:before { content: "" } .fa-hand-spock-o:before { content: "" } .fa-hand-pointer-o:before { content: "" } .fa-hand-peace-o:before { content: "" } .fa-trademark:before { content: "" } .fa-registered:before { content: "" } .fa-creative-commons:before { content: "" } .fa-gg:before { content: "" } .fa-gg-circle:before { content: "" } .fa-tripadvisor:before { content: "" } .fa-odnoklassniki:before { content: "" } .fa-odnoklassniki-square:before { content: "" } .fa-get-pocket:before { content: "" } .fa-wikipedia-w:before { content: "" } .fa-safari:before { content: "" } .fa-chrome:before { content: "" } .fa-firefox:before { content: "" } .fa-opera:before { content: "" } .fa-internet-explorer:before { content: "" } .fa-tv:before, .fa-television:before { content: "" } .fa-contao:before { content: "" } .fa-500px:before { content: "" } .fa-amazon:before { content: "" } .fa-calendar-plus-o:before { content: "" } .fa-calendar-minus-o:before { content: "" } .fa-calendar-times-o:before { content: "" } .fa-calendar-check-o:before { content: "" } .fa-industry:before { content: "" } .fa-map-pin:before { content: "" } .fa-map-signs:before { content: "" } .fa-map-o:before { content: "" } .fa-map:before { content: "" } .fa-commenting:before { content: "" } .fa-commenting-o:before { content: "" } .fa-houzz:before { content: "" } .fa-vimeo:before { content: "" } .fa-black-tie:before { content: "" } .fa-fonticons:before { content: "" } .fa-reddit-alien:before { content: "" } .fa-edge:before { content: "" } .fa-credit-card-alt:before { content: "" } .fa-codiepie:before { content: "" } .fa-modx:before { content: "" } .fa-fort-awesome:before { content: "" } .fa-usb:before { content: "" } .fa-product-hunt:before { content: "" } .fa-mixcloud:before { content: "" } .fa-scribd:before { content: "" } .fa-pause-circle:before { content: "" } .fa-pause-circle-o:before { content: "" } .fa-stop-circle:before { content: "" } .fa-stop-circle-o:before { content: "" } .fa-shopping-bag:before { content: "" } .fa-shopping-basket:before { content: "" } .fa-hashtag:before { content: "" } .fa-bluetooth:before { content: "" } .fa-bluetooth-b:before { content: "" } .fa-percent:before { content: "" } .fa-gitlab:before { content: "" } .fa-wpbeginner:before { content: "" } .fa-wpforms:before { content: "" } .fa-envira:before { content: "" } .fa-universal-access:before { content: "" } .fa-wheelchair-alt:before { content: "" } .fa-question-circle-o:before { content: "" } .fa-blind:before { content: "" } .fa-audio-description:before { content: "" } .fa-volume-control-phone:before { content: "" } .fa-braille:before { content: "" } .fa-assistive-listening-systems:before { content: "" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "" } .fa-glide:before { content: "" } .fa-glide-g:before { content: "" } .fa-signing:before, .fa-sign-language:before { content: "" } .fa-low-vision:before { content: "" } .fa-viadeo:before { content: "" } .fa-viadeo-square:before { content: "" } .fa-snapchat:before { content: "" } .fa-snapchat-ghost:before { content: "" } .fa-snapchat-square:before { content: "" } .fa-pied-piper:before { content: "" } .fa-first-order:before { content: "" } .fa-yoast:before { content: "" } .fa-themeisle:before { content: "" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "" } .fa-fa:before, .fa-font-awesome:before { content: "" } .fa-handshake-o:before { content: "" } .fa-envelope-open:before { content: "" } .fa-envelope-open-o:before { content: "" } .fa-linode:before { content: "" } .fa-address-book:before { content: "" } .fa-address-book-o:before { content: "" } .fa-vcard:before, .fa-address-card:before { content: "" } .fa-vcard-o:before, .fa-address-card-o:before { content: "" } .fa-user-circle:before { content: "" } .fa-user-circle-o:before { content: "" } .fa-user-o:before { content: "" } .fa-id-badge:before { content: "" } .fa-drivers-license:before, .fa-id-card:before { content: "" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "" } .fa-quora:before { content: "" } .fa-free-code-camp:before { content: "" } .fa-telegram:before { content: "" } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "" } .fa-shower:before { content: "" } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "" } .fa-podcast:before { content: "" } .fa-window-maximize:before { content: "" } .fa-window-minimize:before { content: "" } .fa-window-restore:before { content: "" } .fa-times-rectangle:before, .fa-window-close:before { content: "" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "" } .fa-bandcamp:before { content: "" } .fa-grav:before { content: "" } .fa-etsy:before { content: "" } .fa-imdb:before { content: "" } .fa-ravelry:before { content: "" } .fa-eercast:before { content: "" } .fa-microchip:before { content: "" } .fa-snowflake-o:before { content: "" } .fa-superpowers:before { content: "" } .fa-wpexplorer:before { content: "" } .fa-meetup:before { content: "" } .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 } .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; padding: 0px 5px 0px 5px; } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; width: 12px; height: 12px; border-radius: 50%; background-color: #ccc; margin: 5px } .owl-carousel button.owl-dot.active { background-color: #c39f23 } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.html) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent } .owl-theme .owl-nav { margin-top: 10px } .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1 } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791 } @media all and (min-width:1600px) { #slideads1 { width: 180px; margin-left: -185px } #slideads2 { width: 180px; margin-right: -185px } } @media all and (min-width:1400px) and (max-width:1599px) { #slideads1 { width: 100px; margin-left: -105px } #slideads2 { width: 100px; margin-right: -105px } } @media all and (max-width:1399px) { #slideads { display: none !important } } @media(min-width:1200px) { .container { max-width: 1260px } } @media all and (max-width:1200px) { #wrapper, #header, #body, #slideshow, #footer, .box_tblr, .boxbody_tbl, .container { width: 100% } } @media all and (max-width:1040px) { .ddsmoothmenu ul li a { padding: 10px 15px } } @media all and (max-width:1090px) { #closemenu { display: none } } @media all and (max-width:991px) { #logo, #menu { width: 100%; text-align: center } #right-panel { width: 100%; float: right; display: none } #body-panel { width: 100%; float: left; margin: 0; padding: 0; border: 0 } .fixed { position: relative !important } } @media all and (max-width:812px) { .box-product { width: 31.33333% !important } } @media all and (max-width:768px) { .product-desc img, .news-detail img { height: auto !important } .item-fm { display: block } } @media all and (max-width:767px) { #logo { float: none; text-align: center; margin-bottom: 15px } #user-area { margin-left: 0 } #hotline { float: left; margin: 0 } .ddsmoothmenu > ul > li:first-child { display: none } .ddsmoothmenu ul li a { padding: 10px 13px } .ddsmoothmenu ul li a > span { display: none } .ddsmoothmenu > ul > li > a { font-size: 1.2rem } .news-vertical-img:before { display: none } .news-vertical-img img { position: relative; float: left } .news-vertical .summary { height: auto } } @media all and (max-width:700px) { } @media all and (max-width:667px) { #header { border-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #fdb-info, #fdb-frm { width: 100% } #fdb-frm { padding-left: 0; padding-top: 20px; border-left: none; border-top: 1px solid #ddd } } @media all and (max-width:568px) { .ddsmoothmenu ul li a { padding: 10px !important } .downarrowclass { top: 14px; right: -2px } .hig-alo-phone span { display: none } } @media all and (max-width:480px) { html { font-size: 12px } .adv-c2, .adv-c3 { width: 100%; margin: 3px 0 } .col-6 { max-width: 100%; flex: 0 0 100% } #user-area i.fa-user, #user-area > span { display: none } #user-area > ul > li { display: inline-block; float: none } #user-area .user > a > span { display: inline-block; margin: 0 3px } #user-area .dropdown-content { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .news-vertical { margin: 10px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent } .news-vertical-img { width: 30%; float: left; padding-right: 20px } .news-vertical .posted-date { width: 70%; float: right; margin: 0; padding: 0; min-height: 35px; color: #999; background: transparent; min-height: 0 } .news-vertical .posted-date span { float: left; margin-right: 15px } .news-vertical-content { width: 70%; float: right; padding: 0; margin-top: 10px } .news-vertical .title a, .news-vertical .title a h4, .news-vertical .title a h3 { font-weight: normal; line-height: 1.3 } .news-vertical .summary { display: none } } @media all and (max-width:414px) { .ddsmoothmenu ul li a { padding: 7px 8px !important } .downarrowclass { top: 10px } } @media all and (max-width:375px) { .ddsmoothmenu ul li a { font-size: 1rem } #logo img { max-width: 100% } #hotline { display: none } #user-area { float: none; margin-left: 0; padding-left: 0; text-align: center } .news-img { width: 100% !important; margin: 5px auto } .news-info { width: 100% !important } .news-img { width: 100% !important } } @media all and (max-width:320px) { html { font-size: 11px } } /* * Owl Carousel Owl Demo Theme * v1.24 */ #owl-demo .item{ } #owl-demo .item img{ display: block; height: auto; } .owl-theme .owl-controls{ margin-top: 2em; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; margin: 5px; padding: 3px 10px; font-size: 12px; width: 33px; height: 54px; } .owl-next{ background: url(../imagess/divice-pagenations.png) no-repeat -35px 0px; position: absolute; right: -8%; top: 30%; } .owl-prev{ background: url(../imagess/divice-pagenations.png) no-repeat 0px 0px; position: absolute; left: -16.5%; top: 30%; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 1; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #111; -webkit-transition:.5s all; -moz-transition:.5s all; -o-transition:.5s all; -ms-transition:.5s all; transition:.5s all; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ background: #23B684; } } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*----responsive-mediaquries-----*/ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}