@charset "UTF-8"; /*! jQuery UI - v1.11.2 - 2014-10-16 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?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 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus 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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/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("https://petroineos.trr.cognix-systems.net/lib/default/css/jquery.ui-1.11.2/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /* Document : jquery.pnotify.default.css Created on : Nov 23, 2009, 3:14:10 PM Author : Hunter Perrin Version : 1.2.0 Link : http://pinesframework.org/pnotify/ Description: Default styling for Pines Notify jQuery plugin. */ /* -- Notice */ .ui-pnotify { top: 25px; right: 25px; position: absolute; height: auto; /* Ensures notices are above everything */ z-index: 9999; } /* Hides position: fixed from IE6 */ html > body .ui-pnotify { position: fixed; } .ui-pnotify .ui-pnotify-shadow { -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5); } .ui-pnotify-container { background-position: 0 0; padding: .8em; height: 100%; margin: 0; } .ui-pnotify-sharp { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: .2em; } .ui-pnotify-title { display: block; margin-bottom: .4em; } .ui-pnotify-text { display: block; } .ui-pnotify-icon, .ui-pnotify-icon span { display: block; float: left; margin-right: .2em; } /* -- History Pulldown */ .ui-pnotify-history-container { position: absolute; top: 0; right: 18px; width: 70px; border-top: none; padding: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; /* Ensures history container is above notices. */ z-index: 10000; } .ui-pnotify-history-container .ui-pnotify-history-header { padding: 2px; } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100%; } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto; } /* Document : jquery.pnotify.default.icons.css Created on : Nov 24, 2009, 2:58:21 PM Author : Hunter Perrin Version : 1.2.0 Link : http://pinesframework.org/pnotify/ Description: Pines Icon styling for Pines Notify. */ .ui-pnotify .picon { background-color: transparent; background-repeat: no-repeat; background-position: center center; width: 17px; height: 17px; } .ui-pnotify-title { line-height: 17px; min-height: 17px; } /****************************************************/ /*********************** FONTS **********************/ /****************************************************/ @font-face { font-family: 'icons'; src:url(https://petroineos.trr.cognix-systems.net/lib/default/css/plugins/pnotify/../../../fonts/Icons2/icons.eot); src:url(https://petroineos.trr.cognix-systems.net/lib/default/css/plugins/pnotify/../../../fonts/Icons2/icons.eot?#iefix) format('embedded-opentype'), url(https://petroineos.trr.cognix-systems.net/lib/default/css/plugins/pnotify/../../../fonts/Icons2/icons.woff) format('woff'), url(https://petroineos.trr.cognix-systems.net/lib/default/css/plugins/pnotify/../../../fonts/Icons2/icons.ttf) format('truetype'), url(https://petroineos.trr.cognix-systems.net/lib/default/css/plugins/pnotify/../../../fonts/Icons2/icons.svg#icons) format('svg'); font-weight: normal; font-style: normal; } @keyframes bam { 0%, 100% { -webkit-transform: scale(8); -ms-transform: scale(8); transform: scale(8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes bam { 0% { -webkit-transform: scale(8); -ms-transform: scale(8); transform: scale(8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .ui-pnotify { position: absolute; } .ui-pnotify ul { list-style-position:inside; padding:3px; margin:0; } .ui-pnotify ul > li { padding:0; margin:0; } .ui-pnotify-container { padding:5px; } .ui-pnotify-container .ui-pnotify-icon { display:none; } .ui-pnotify-container .ui-pnotify-title, .ui-pnotify-container .ui-pnotify-text { position:relative; z-index:1; } .ui-pnotify-container .ui-pnotify-title { font-weight: 900; margin:0; } .ui-pnotify-container .ui-pnotify-text { font-size:13px; font-weight: normal; margin:0; } .ui-pnotify-closer { z-index: 2; position: absolute; visibility: visible !important; top: .5rem; right: .5rem; line-height: 1; } .ui-pnotify-closer .icon-remove:before{ content: '×'; transition: all .4s ease-in-out; font-family: Arial, sans-serif; font-size: 20px; } .ui-pnotify-closer .icon-remove:before:hover{ transform: rotate(360deg); } .alert { background-color: #333; border-color: #333; color: #FFFFFF; font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: bold; border-radius:1px; display: flex; align-items: center; } .alert-success { background-color: #468847; border-color: #468847; background-color: rgba(70, 136, 71, 0.8); border-color: rgba(70, 136, 71, 0.8); padding: 10px 10px 10px 60px; } .alert-success:before { font-family:"icons"; content:"\e607"; font-size:40px; position: relative; top:auto; left:auto; margin-right: 1rem; -webkit-animation-name: bam; -o-animation-name: bam; -webkit-animation-duration: 700ms; -o-animation-duration: 700ms; } .alert-error { background-color: #b94a48; border-color: #b94a48; } .ui-pnotify .alert-error:after { content:""; display:block; position:absolute; height:0; width:0; top:5px; left:-10px; border-left:none; border-right:10px solid #b94a48; border-top:10px solid transparent; border-bottom:10px solid transparent; z-index:0; } .ui-pnotify.toLeft .alert-error:after { right:-10px; left:auto; border-right:none; border-left:10px solid #b94a48; } .ui-pnotify.toTop .alert-error:after { top:auto; bottom:5px; z-index:0; } .ma { position: relative; z-index: 100; background: white; height: 100%; max-height: 48vh; width: calc(100% - (3rem * 2)); max-width: 98rem; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 1.4rem; border-radius: .5rem; overflow: hidden; transition: opacity 0.35s ease-out, transform 0.35s ease-out; } @media (max-width: 1140px) { .ma { max-height: 80vh; z-index: 99999999999999999999; } } .ma-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; pointer-events: none; opacity: 0; display: flex; justify-content: center; align-items: center; transition: opacity .35s ease-out; opacity: 1; pointer-events: all; } @media (max-width: 1140px) { .ma-wrapper { z-index: 99999999999999999999; } } .ma-wrapper.isHidden { pointer-events: none; opacity: 0; } .ma-icon { width: 2.4rem; height: 3.4rem; fill: #d0252b; position: absolute; top: 3.5rem; left: 3.5rem; transform: translateY(-50%); } .ma-icon .icon { max-width: 100%; max-height: 100%; } .ma .ma-close { width: 4rem; height: 4rem; background: transparent; border-radius: 0 0 0 0.5rem; cursor: pointer; outline: none; border: none; position: absolute; top: 3.5rem; right: 3.5rem; transform: translateX(50%) translateY(-50%); } .ma .ma-closeInner { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 0.4rem; width: 2.6rem; height: 2.6rem; transition: background .25s ease-out; } .ma .ma-closeInner::before, .ma .ma-closeInner::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.3rem; height: 2rem; background: white; transition: background .25s ease-out; } .ma .ma-closeInner::before { transform: translateX(-50%) translateY(-50%) rotateZ(-45deg); } .ma .ma-closeInner::after { transform: translateX(-50%) translateY(-50%) rotateZ(45deg); } .ma .ma-close:hover .ma-closeInner { transform: translateX(-50%) translateY(-50%) rotateZ(-90deg); transition: background .25s ease-out, transform .25s ease-out; } .ma .ma-close:hover .ma-closeInner::before, .ma .ma-close:hover .ma-closeInner::after { background: #d0252b; transition: background .25s ease-out; } .ma-overlay { position: absolute; width: 100%; height: 100%; z-index: 0; background: rgba(70, 63, 63, 0.5); top: 0; left: 0; } .ma-container.maMain { width: 100%; max-height: 100%; } .ma-container .maMain { position: relative; line-height: 1.3; } .ma-container .maMain-list { height: 100%; } .ma-container .maMain-image img[src*=".gif"] { height: auto !important; } .ma-container .maMain-title { background: #463f3f; height: 7rem; padding: 0 3.5rem 0 7rem; width: 100%; font-size: 2rem; color: white; font-weight: 700; display: flex; align-items: center; } .ma-container .maMain-container { height: calc(100% - 7rem); padding: 2rem 1.8rem 2rem 3.5rem; background: #f8f8f8; border: 1px solid #ededed; } .ma-container .maMain-news { *zoom: 1; } .ma-container .maMain-news:before, .ma-container .maMain-news:after { content: ' '; display: table; } .ma-container .maMain-news:after { clear: both; } .ma-container .maMain-news:not(:first-of-type) { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.2); } .ma-container .maMain-image { float: left; padding-right: 2rem; } .ma-container .maMain-date { font-size: .75em; text-transform: uppercase; font-weight: normal; margin: .4em 0; } .ma-container .maMain-newstitle { margin: 0.5em 0; font-size: 1.2em; font-weight: 400; } .ma-container .maMain-newstitle a { font: inherit; color: #d0252b; text-decoration: none; } .ma-container .maMain-resume { font-size: .9em; font-weight: normal; line-height: 1.4; } .ma-container .maMain-knowmore { display: inline-block; margin: 0.5em 0; font-size: .9em; font-weight: 600; } .ma-container .maMain-knowmore a { color: #d0252b; } .ma-container .maMain-allnewslink { position: absolute; bottom: 0; right: 0; padding: 1rem; background: inherit; } .ma-container .maMain-allnewslink a { color: #d0252b; font-size: .8em; font-weight: normal; } .ma .simplebar-content { padding-right: 1.8rem; } .appDepot { font-size: 1.4rem; color: #4b4542; min-height: 100vh; background: #f5f5f3; font-family: "Lato", Arial, Tahoma, Verdana, Helvetica, sans-serif; } .appDepot aside { width: 28rem; height: calc(100% - 8.5rem); background: white; position: fixed; top: 8.5rem; left: 0; padding: 3rem; display: flex; flex-direction: column; } .appDepot aside > div { margin-top: 2rem; } .appDepot aside > div:first-of-type { margin-top: 3rem; } @media (max-width: 1140px) { .appDepot aside { width: 34rem; top: 5.6rem; height: calc(100% - 5.6rem); padding-bottom: 6rem; } } .appDepot .u-wrapper { max-width: 120rem; width: 100%; margin: 0 auto; } .appDepot ul, .appDepot li, .appDepot ol { list-style-type: none; } .appDepot ol { counter-reset: section; } .appDepot ol li { text-align: left; line-height: 1.4; padding-top: 2px; padding-bottom: 2px; padding-left: 2.3rem; position: relative; } .appDepot ol li:before { counter-increment: section; content: counters(section,".") "."; position: absolute; transform: translateX(-100%); padding-right: 5px; } .appDepot svg symbol circle, .appDepot svg symbol path, .appDepot svg symbol g { fill: inherit; stroke: inherit; overflow: visible; } .appDepot .header { background: white; height: 8.5rem; display: flex; align-items: center; } .appDepot .header .logo img { max-height: 70px; } .appDepot .header-left { width: 28rem; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.1); } .appDepot .header-right { flex-grow: 1; display: flex; justify-content: space-between; padding-right: 3rem; padding-left: 3rem; } .appDepot .header .app-name { font-weight: 300; font-size: 2.4rem; display: flex; align-items: center; } @media (max-width: 1140px) { .appDepot .header { height: 5.6rem; padding: 0 2rem; box-shadow: -1px 3px 16px -16px black; position: relative; z-index: 999999; position: fixed; width: 100%; } .appDepot .header-toggle { width: 2rem; height: 2rem; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; } .appDepot .header-toggle:before { content: ''; display: block; height: 1.5rem; width: 1.5rem; border: .3rem solid #444; border-bottom: none; border-left: none; transform: rotate(45deg); transition: transform .5s ease; } .appDepot .header-toggle[data-is-agenda-active="1"]:before { transform: rotate(225deg); } .appDepot .header-left { border-right: none; } .appDepot .header-left .logo { margin-left: 2rem; } .appDepot .header-left img { max-width: 15rem; max-height: 3rem; } .appDepot .header-right { padding: 0; text-align: right; justify-content: flex-end; } .appDepot .header-right .app-name { display: none; } .appDepot .header-right .connectedUser { display: block; } .appDepot .header-right .connectedUser-name { display: none; } } @media (max-width: 1140px) and (min-width: 501px) { .appDepot .header-right .connectedUser-name { display: block; } } @media (max-width: 1140px) { .appDepot .header-right .connectedUser-disconnect svg { display: none; } } .appDepot-helper { position: absolute; max-width: 25rem; padding: 2rem; background: white; border: 1px solid black; opacity: 0; transition: opacity .25s ease-out; z-index: 10; pointer-events: none; } .appDepot-helper.is-on { opacity: 1; pointer-events: all; } .appDepot .agenda { margin-left: 28rem; width: calc(100% - 28rem); padding: 4.5rem 3rem; height: calc(100vh - 8.5rem); display: flex; flex-direction: column; } @media (max-width: 1140px) { .appDepot .agenda { width: calc(100% - 34rem); } } @media (max-width: 640px) { .appDepot .agenda { padding-left: 1rem; padding-right: 1rem; } } .appDepot .agendaHeader { height: 5rem; display: flex; justify-content: space-between; flex-shrink: 0; } .appDepot .agendaHeader-right { display: flex; align-items: center; } .appDepot .agendaMain { height: calc(100% - 5rem - 4.5rem); padding: 0 2rem; flex-grow: 1; background: white; box-shadow: 0.5rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.05); } @media (min-width: 1141px) { .appDepot .agendaFooter { height: 4.5rem; display: flex; align-items: center; justify-content: flex-end; } } @media (max-width: 1140px) { .appDepot .agenda { overflow: hidden; padding-bottom: 6rem; } .appDepot .agendaMain { overflow-x: auto; min-width: 32rem; } .appDepot .timeSlot { min-width: 90rem; } .appDepot .is-agenda-active aside { left: -28rem; } .appDepot .agendaHeader-right { display: none; } } .appDepot #asideMainToggle button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: white; background: #d0252b; border: 1px solid #d0252b; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; position: fixed; bottom: 1rem; box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.05); } .appDepot #asideMainToggle button:hover { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: white; background: #d0252b; border: 1px solid #d0252b; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .appDepot #asideMainToggle button:hover:hover { background: transparent; color: #a51d22; } @media (min-width: 1141px) { .appDepot #asideMainToggle button { pointer-events: none; opacity: 0; z-index: -999; } } .appDepot #asideMainToggle button.toMain { right: calc(100% - 34rem + 2rem); } .appDepot #asideMainToggle button.toMain:after { content: ''; display: inline-block; height: 1rem; width: 1rem; border: 2px solid currentColor; border-bottom: none; border-left: none; transform: rotate(45deg); margin-left: .5rem; } .appDepot #asideMainToggle button.toMain[data-is-agenda-active="1"] { pointer-events: none; opacity: 0; } .appDepot #asideMainToggle button.toAside { left: 2rem; } .appDepot #asideMainToggle button.toAside:before { content: ''; display: inline-block; height: 1rem; width: 1rem; border: 2px solid currentColor; border-bottom: none; border-right: none; transform: rotate(-45deg); margin-right: .5rem; } .appDepot #asideMainToggle button.toAside:not([data-is-agenda-active="1"]) { pointer-events: none; opacity: 0; } .appDepot .header-base--mobile { display: none; } @media (max-width: 1140px) { .appDepot { overflow-x: hidden; } .appDepot aside, .appDepot .agenda { transition: all 300ms ease; } .appDepot .agenda { margin-left: 100%; height: 100%; padding-top: 0; margin-top: 10rem; } } @media (max-width: 1140px) and (min-width: 771px) { .appDepot .agenda { margin-left: 35rem; } } @media (max-width: 1140px) { .appDepot.is-agenda-active aside { left: -34rem; } .appDepot.is-agenda-active .agenda { margin-left: 0; width: 100%; } .appDepot .header-base--mobile { background: #fff; display: flex; justify-content: space-between; padding: 1rem 2rem; position: relative; z-index: 99999; position: fixed; top: 5.6rem; left: 0; right: 0; } .appDepot .agendaMain { height: 100%; } .appDepot .timeSlotLegend-list { display: block !important; } } @media (max-width: 1140px) and (min-width: 1141px) { .appDepot .agendaFooter { height: auto; justify-content: space-evenly; } } @-webkit-keyframes left { 20% { transform: translate(0, 0) rotate(-0.5turn); } 20.00001% { transform: translate(64px, 0) rotate(0); } 40% { transform: translate(64px, 0) rotate(0.5turn); } 40.00001% { transform: translate(128px, 0) rotate(0); } 60% { transform: translate(128px, 0) rotate(-1turn); } 60.00001% { transform: translate(64px, 0) rotate(-0.5turn); } 80% { transform: translate(64px, 0) rotate(0); } 80.00001% { transform: translate(0, 0) rotate(0.5turn); } 100% { transform: translate(0, 0) rotate(0); } } @keyframes left { 20% { transform: translate(0, 0) rotate(-0.5turn); } 20.00001% { transform: translate(64px, 0) rotate(0); } 40% { transform: translate(64px, 0) rotate(0.5turn); } 40.00001% { transform: translate(128px, 0) rotate(0); } 60% { transform: translate(128px, 0) rotate(-1turn); } 60.00001% { transform: translate(64px, 0) rotate(-0.5turn); } 80% { transform: translate(64px, 0) rotate(0); } 80.00001% { transform: translate(0, 0) rotate(0.5turn); } 100% { transform: translate(0, 0) rotate(0); } } @-webkit-keyframes right { 20% { transform: translate(0, 0) rotate(-0.5turn); } 20.00001% { transform: translate(-64px, 0) rotate(0); } 40% { transform: translate(-64px, 0) rotate(0.5turn); } 40.00001% { transform: translate(-128px, 0) rotate(0); } 60% { transform: translate(-128px, 0) rotate(-1turn); } 60.00001% { transform: translate(-64px, 0) rotate(-0.5turn); } 80% { transform: translate(-64px, 0) rotate(0); } 80.00001% { transform: translate(0, 0) rotate(0.5turn); } 100% { transform: translate(0, 0) rotate(0); } } @keyframes right { 20% { transform: translate(0, 0) rotate(-0.5turn); } 20.00001% { transform: translate(-64px, 0) rotate(0); } 40% { transform: translate(-64px, 0) rotate(0.5turn); } 40.00001% { transform: translate(-128px, 0) rotate(0); } 60% { transform: translate(-128px, 0) rotate(-1turn); } 60.00001% { transform: translate(-64px, 0) rotate(-0.5turn); } 80% { transform: translate(-64px, 0) rotate(0); } 80.00001% { transform: translate(0, 0) rotate(0.5turn); } 100% { transform: translate(0, 0) rotate(0); } } @-webkit-keyframes first { 0%, 39% { background: #d0252b; transform: translate(0, 0) rotate(0); } 40% { background: #4b4542; transform: translate(0, -5px) rotate(0); } 45%, 59% { background: #4b4542; transform: translate(0, 0) rotate(0); } 60% { background: #d0252b; transform: translate(0, -5px) rotate(0); } 65% { background: #d0252b; transform: translate(0, 0) rotate(0); } } @keyframes first { 0%, 39% { background: #d0252b; transform: translate(0, 0) rotate(0); } 40% { background: #4b4542; transform: translate(0, -5px) rotate(0); } 45%, 59% { background: #4b4542; transform: translate(0, 0) rotate(0); } 60% { background: #d0252b; transform: translate(0, -5px) rotate(0); } 65% { background: #d0252b; transform: translate(0, 0) rotate(0); } } @-webkit-keyframes fourth { 0%, 39% { background: #d0252b; transform: translate(0, 0) rotate(0); } 40% { background: #4b4542; transform: translate(0, 5px) rotate(0); } 45%, 59% { background: #4b4542; transform: translate(0, 0) rotate(0); } 60% { background: #d0252b; transform: translate(0, 5px) rotate(0); } 65% { background: #d0252b; transform: translate(0, 0) rotate(0); } } @keyframes fourth { 0%, 39% { background: #d0252b; transform: translate(0, 0) rotate(0); } 40% { background: #4b4542; transform: translate(0, 5px) rotate(0); } 45%, 59% { background: #4b4542; transform: translate(0, 0) rotate(0); } 60% { background: #d0252b; transform: translate(0, 5px) rotate(0); } 65% { background: #d0252b; transform: translate(0, 0) rotate(0); } } @-webkit-keyframes second { 0%, 19% { background: #4b4542; transform: translate(0, 0) rotate(0); } 20% { background: #810507; transform: translate(0, -5px) rotate(0); } 25%, 79% { background: #810507; transform: translate(0, 0) rotate(0); } 80% { background: #4b4542; transform: translate(0, -5px) rotate(0); } 85% { background: #4b4542; transform: translate(0, 0) rotate(0); } } @keyframes second { 0%, 19% { background: #4b4542; transform: translate(0, 0) rotate(0); } 20% { background: #810507; transform: translate(0, -5px) rotate(0); } 25%, 79% { background: #810507; transform: translate(0, 0) rotate(0); } 80% { background: #4b4542; transform: translate(0, -5px) rotate(0); } 85% { background: #4b4542; transform: translate(0, 0) rotate(0); } } @-webkit-keyframes third { 0%, 19% { background: #4b4542; transform: translate(0, 0) rotate(0); } 20% { background: #810507; transform: translate(0, 5px) rotate(0); } 25%, 79% { background: #810507; transform: translate(0, 0) rotate(0); } 80% { background: #4b4542; transform: translate(0, 5px) rotate(0); } 85% { background: #4b4542; transform: translate(0, 0) rotate(0); } } @keyframes third { 0%, 19% { background: #4b4542; transform: translate(0, 0) rotate(0); } 20% { background: #810507; transform: translate(0, 5px) rotate(0); } 25%, 79% { background: #810507; transform: translate(0, 0) rotate(0); } 80% { background: #4b4542; transform: translate(0, 5px) rotate(0); } 85% { background: #4b4542; transform: translate(0, 0) rotate(0); } } @-webkit-keyframes switch { 0%, 19% { color: #4b4542; } 20%, 79% { color: #810507; } 80% { color: #4b4542; } } @keyframes switch { 0%, 19% { color: #4b4542; } 20%, 79% { color: #810507; } 80% { color: #4b4542; } } @-webkit-keyframes main { 0%, 19% { background: #810507; } 20%, 39% { background: #4b4542; } 40%, 59% { background: #d0252b; } 60%, 79% { background: #4b4542; } 80% { background: #810507; } } @keyframes main { 0%, 19% { background: #810507; } 20%, 39% { background: #4b4542; } 40%, 59% { background: #d0252b; } 60%, 79% { background: #4b4542; } 80% { background: #810507; } } .loader { position: fixed; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 100; transition: opacity .2s linear, transform .2s linear; pointer-events: none; transform: translateZ(0) scale(1.3); } .loader .outer { position: absolute; top: 50%; left: 50%; width: 160px; height: 64px; margin: -32px -80px; } .loader .outer::after { content: 'Chargement'; text-transform: uppercase; font-weight: bold; font-size: .8em; text-align: center; display: block; margin-top: 6em; color: #ba2e77; -webkit-animation: switch 2.8s infinite linear; animation: switch 2.8s infinite linear; text-shadow: 0 0 3px white; } .loader .outer .small { position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin: -7px -7px; border-radius: 50%; background: #810507; border: 2px solid rgba(0, 0, 0, 0.2); } .loader .outer .big { position: absolute; width: 64px; height: 64px; border-radius: 50%; -webkit-animation: left 2.8s infinite linear; animation: left 2.8s infinite linear; } .loader .outer .big .small { -webkit-animation: main 2.8s infinite linear; animation: main 2.8s infinite linear; } .loader .outer .big:last-child { right: 0; -webkit-animation: right 2.8s infinite linear; animation: right 2.8s infinite linear; } .loader .outer .big:last-child .small { left: 100%; } .loader .outer .inner { position: absolute; top: 50%; left: 50%; width: 96px; height: 32px; margin: -16px -48px; } .loader .outer .inner .small:nth-child(1) { left: 0%; background: #d0252b; } .loader .outer .inner .small:nth-child(2) { left: 33.33333%; background: #4b4542; } .loader .outer .inner .small:nth-child(3) { left: 66.66667%; background: #4b4542; } .loader .outer .inner .small:nth-child(4) { left: 100%; background: #d0252b; } .loader .outer .inner .small:nth-child(1) { -webkit-animation: first 2.8s infinite linear; animation: first 2.8s infinite linear; } .loader .outer .inner .small:nth-child(2) { -webkit-animation: second 2.8s infinite linear; animation: second 2.8s infinite linear; } .loader .outer .inner .small:nth-child(3) { -webkit-animation: third 2.8s infinite linear; animation: third 2.8s infinite linear; } .loader .outer .inner .small:nth-child(4) { -webkit-animation: fourth 2.8s infinite linear; animation: fourth 2.8s infinite linear; } @-webkit-keyframes spin { 0% { transform: rotate(0); } 40%, 50% { transform: rotate(180deg); } 100%, 80% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0); } 40%, 50% { transform: rotate(180deg); } 100%, 80% { transform: rotate(360deg); } } .depotLoader--mini { width: 0.8em; height: 0.8em; border-radius: 50%; background: #d0252b; pointer-events: none; transition: opacity .2s linear; -webkit-animation: spin 2s infinite ease-in-out; animation: spin 2s infinite ease-in-out; opacity: 0; } .depotLoader--mini::after, .depotLoader--mini::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; border-radius: 100%; background: #d1d1c9; } .depotLoader--mini::before { right: calc(100% + 0.4em); } .depotLoader--mini::after { left: calc(100% + 0.4em); background: #463f3f; } .aside-filter { position: relative; } .aside-filter .aside-loader { position: absolute; z-index: 2; top: calc(50% - 0.4em); left: calc(50% - 0.4em); } .is-loading > .loader, .is-loading .appDepot > .loader { opacity: 1; transform: translateZ(0) scale(1); transition: opacity 0.4s linear, transform 0.6s cubic-bezier(0.72, -0.45, 0.31, 1.49); } .is-loading > .depotLoader--mini { opacity: 1; } .printLink { width: 2rem; height: 2rem; display: inline-block; vertical-align: middle; opacity: 0.7; cursor: pointer; transition: color .25s ease-out, opacity .25s ease-out; position: relative; } .printLink__ie11-target { background: transparent; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .printLink:hover { opacity: 1; color: #d0252b; } .printLink ~ div { margin-left: 1rem; padding-left: 1rem; position: relative; } .printLink ~ div::before { content: ''; position: absolute; top: 15%; left: 0; height: 70%; width: 1px; background: currentColor; opacity: 0.4; } .printLink .icon { max-width: 100%; max-height: 100%; fill: currentColor; } [data-simplebar] { position: relative; z-index: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } [data-simplebar=init] { display: flex; } .simplebar-scroll-content { overflow-x: hidden; overflow-y: scroll; min-width: 100%; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; min-height: 100%; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; width: 11px; } .simplebar-scrollbar { position: absolute; right: 2px; border-radius: 7px; min-height: 10px; width: 7px; opacity: 0.15; transition: opacity .2s linear; background: rgba(0, 0, 0, 0.5); background-clip: padding-box; } .simplebar-track:hover .simplebar-scrollbar { opacity: .5; transition: opacity 0 linear; } .simplebar-track .simplebar-scrollbar.visible { opacity: .5; } .simplebar-track.horizontal { left: 0; width: auto; height: 11px; } .simplebar-track.vertical { top: 0; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } .depotToast { position: fixed; z-index: 100; bottom: 0; left: 0; transform: translateY(100%); transition: transform .2s ease-in-out; font-size: 1.4rem; width: 100%; text-align: center; } .depotToast.is-visible { transform: initial; } .depotToast.depotToast--info .depotToast-wrapper { background: #6384ab; color: #ffffff; } .depotToast.depotToast--info .depotToast-action { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: #6384ab; background: white; border: 1px solid white; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .depotToast.depotToast--info .depotToast-action:hover { background: transparent; color: #e6e6e6; } .depotToast.depotToast--error .depotToast-wrapper { background: #ab3833; color: #ffffff; } .depotToast.depotToast--error .depotToast-action { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: #ab3833; background: white; border: 1px solid white; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .depotToast.depotToast--error .depotToast-action:hover { background: transparent; color: #e6e6e6; } .depotToast.depotToast--warning .depotToast-wrapper { background: #e2971f; color: #ffffff; } .depotToast.depotToast--warning .depotToast-action { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: #e2971f; background: white; border: 1px solid white; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .depotToast.depotToast--warning .depotToast-action:hover { background: transparent; color: #e6e6e6; } .depotToast.depotToast--success .depotToast-wrapper { background: #399e62; color: #ffffff; } .depotToast.depotToast--success .depotToast-action { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: #399e62; background: white; border: 1px solid white; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .depotToast.depotToast--success .depotToast-action:hover { background: transparent; color: #e6e6e6; } .depotToast .depotToast-action { font-size: .7em; font-weight: 600; margin: 0 0 0 1.4em !important; } .depotToast .depotToast-wrapper { max-width: 90vw; min-width: 30em; min-height: 3em; padding: 1em 1.4em; position: relative; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); padding-right: 3em; display: inline-block; } .depotToast .depotToast-wrapper--icon { padding-left: 3.8em; } .depotToast .depotToast-wrapper .icon { width: 1em; height: 1em; stroke: currentColor; stroke-width: 20px; position: absolute; left: 1.4em; top: calc(50% - .5em); overflow: visible; } .depotToast .depotToast-close { text-indent: -999rem; width: 3em; height: 3em; position: absolute; top: calc(50% - 1.5em); right: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: none; color: inherit; } .depotToast .depotToast-closeInner { position: absolute; top: 50%; left: 50%; text-indent: 0; transform: translate(-50%, -50%); line-height: 1em; width: 1em; font-size: 1.9em; font-weight: 600; color: inherit; } .planningUser { font-family: "Lato", Arial, Tahoma, Verdana, Helvetica, sans-serif; display: flex; justify-content: center; align-items: center; background: #4f5e63; color: #4b4542; height: 100vh; } .planningUser .u-wrapper { width: 120rem; height: 72rem; max-height: 100%; display: flex; align-items: stretch; border-radius: .5rem; overflow: hidden; } .planningUser-left { width: 42.5%; background: white; position: relative; padding: 4rem 6.5rem; } .planningUser-left a { cursor: pointer; font-size: 1.4rem; color: #6b6974; margin-top: 2rem; text-decoration: none; display: block; } .planningUser-left a:hover { color: #d0252b; } .planningUser-left a.logo img { max-width: 100%; } .planningUser-left .cms_bloc_form { display: none; font-size: 1.4rem !important; position: fixed; left: 50%; width: 350px; top: 50%; z-index: 1; transform: translate(-50%, -50%); background-color: white; padding: 10px; border-radius: .5rem; box-shadow: 1px 1px 5px black; } .planningUser-left .cms_bloc_form .cms_bloc_form_container { flex-direction: column; } .planningUser-left .cms_bloc_form .cms_bloc_form_field { padding-right: 0px !important; width: 100% !important; } .planningUser-left .cms_bloc_form .cms_bloc_form_field_antispam { display: block !important; } .planningUser-left .cms_bloc_form .cms_bloc_form_field_antispam .cms_bloc_form_field_antispam_text { width: 100%; margin-bottom: 6px; } .planningUser-left .cms_bloc_form .cms_bloc_form_field_antispam label { width: initial !important; } .planningUser-left .cms_bloc_form .cms_bloc_form_field_radio_value { margin-right: 10px; } .planningUser-right { width: 57.5%; background-image: url("/home/petroine-trr/www/default/css/site/../../../../../../../../default/images/red.jpg"); background-size: cover; position: relative; } .planningUser-right h1 { color: white; font-size: 3rem; font-weight: 300; text-transform: uppercase; } .planningUser-right h1 span { font-size: 6rem; font-weight: 600; font-style: italic; display: block; text-transform: none; } .planningUser-presentation { position: absolute; top: 30%; left: 0; width: 100%; padding: 0 8.5rem; } .planningUser-page { font-size: 2.1rem; font-weight: 300; color: white; } .planningUser-page::before { content: ''; display: inline-block; margin-right: 1rem; width: 1.4rem; height: 1.4rem; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotateZ(-45deg); } .planningUser-content { position: absolute; top: 30%; left: 0; width: 100%; padding: 0 6.5rem; } .planningUser-content h2 { font-size: 1.8rem; margin-bottom: 1rem; display: block; font-weight: normal; } .planningUser-content .cms_bloc_form { font-size: 1rem; } .planningUser-content .cms_bloc_form .cms_bloc_form_container { display: flex; flex-wrap: wrap; width: 100%; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field { display: flex; align-items: center; width: 50%; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field label, .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field .value { width: 50%; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field:nth-child(2n+1) { padding-right: 0.7rem; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_antispam { width: 100%; padding: 0 !important; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_antispam p { padding-right: .7rem; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_antispam .value { padding-right: 0; padding-left: 3.7rem; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_antispam .value input { width: 100%; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_radio p { margin-right: 2rem; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_radio > .value { display: flex; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_submit { display: flex; justify-content: flex-end; width: 100%; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_submit button[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: white; background: #d0252b; border: 1px solid #d0252b; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; outline: none; } .planningUser-content .cms_bloc_form .cms_bloc_form_container .cms_bloc_form_field_submit button[type="submit"]:hover { background: transparent; color: #a51d22; } .planningUser-formTitle { font-size: 1.8rem; margin-bottom: 1rem; display: block; } .planningUser-formWrapper { position: relative; } .planningUser-errorLogin { color: white; background: #ab3833; font-size: 1.5rem; position: absolute; bottom: calc(100% + 1.5rem); left: 0; width: 100%; padding: 1rem 4rem; border-radius: 0.5rem; text-align: center; } @media (max-width: 1140px) { .planningUser-errorLogin { bottom: calc(100% + -36rem); } } .planningUser-inputWrapper { position: relative; background: rgba(0, 0, 0, 0.3); padding-top: .2rem; border-radius: 0.3rem; margin-top: 2rem; } .planningUser-inputWrapper input { display: block; width: 100%; padding: 1.2em 1.5rem; border-radius: inherit; background: #f5f5f3; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: calc(100% - 2px); border: none; padding-right: 4rem; } .planningUser-inputWrapper input::-moz-placeholder { font-size: 1.3rem; text-transform: uppercase; color: #d0252b; font-weight: 400; opacity: 1; } .planningUser-inputWrapper input:-ms-input-placeholder { font-size: 1.3rem; text-transform: uppercase; color: #d0252b; font-weight: 400; opacity: 1; } .planningUser-inputWrapper input::placeholder { font-size: 1.3rem; text-transform: uppercase; color: #d0252b; font-weight: 400; opacity: 1; } .planningUser-inputWrapper label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 2rem; } .planningUser-inputWrapper label span { font-size: 0; } .planningUser-inputWrapper .icon { max-width: 100%; max-height: 100%; opacity: 0.3; } .planningUser-inputWrapper .iconWrapper { width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; } .planningUser-submitWrapper { text-align: right; margin-top: 2rem; } .planningUser-submitWrapper input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: white; background: #d0252b; border: 1px solid #d0252b; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .planningUser-submitWrapper input:hover { background: transparent; color: #a51d22; } .planningUser .cs-form-element.submit input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; color: white; background: #d0252b; border: 1px solid #d0252b; text-decoration: none; font-size: 1.1rem; font-weight: 600; border-radius: 2em; line-height: 1.1; margin: 0.5em 0; padding: 0.9em 3em 0.8em; text-transform: uppercase; z-index: 1; cursor: pointer; transition: all .25s ease-out; transition-property: border, background, color, transform; outline: none; } .planningUser .cs-form-element.submit input:hover { background: transparent; color: #a51d22; } .planningUser .cs-form-element > label { width: 160px; } @media (max-width: 800px) { .planningUser > .u-wrapper { height: 100%; border-radius: 0; } .planningUser-left { width: 100%; margin: 0 auto; padding: 2rem; } .planningUser-left > * { max-width: 50rem; margin: 0 auto; } .planningUser-logo { text-align: left; position: absolute; top: 10%; left: 0; right: 0; max-width: 50rem; padding: 0 2rem; } .planningUser-submitWrapper { text-align: left; } .planningUser-content { padding: 2rem; margin-top: -2rem; left: 0; right: 0; } .planningUser-right { display: none; } } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: bold; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } * { box-sizing: border-box; } *::after, *::before { box-sizing: border-box; } * body { -webkit-font-smoothing: antialiased; } p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } html { font-size: .625em; font-size: calc(1em * .625); } .cms_bloc { clear: both; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ' '; display: table; } .clearfix:after { clear: both; } .lazyload, .lazyloading, .swiper-lazy { opacity: 0; } .lazyloaded, .swiper-lazy-loaded { opacity: 1; transition: opacity 300ms; } .cms_bloc_text ol { list-style-position: inside; } .cms_bloc_text ul { list-style-type: none; } .cms_bloc_text li { padding-left: 2.3rem; } .cms_bloc_text ol li { padding-left: .7rem; } .cms_bloc_form .cms_bloc_form_container { width: 80%; } .cms_bloc_form .cms_bloc_form_field { margin: .4rem 0; } .cms_bloc_form .cms_bloc_form_field > .label { display: inline-block; vertical-align: top; width: 40%; padding-right: 2rem; } .cms_bloc_form .cms_bloc_form_field > .value { display: inline-block; vertical-align: top; width: 60%; } .cms_bloc_form .cms_bloc_form_field > .value input, .cms_bloc_form .cms_bloc_form_field > .value select, .cms_bloc_form .cms_bloc_form_field > .value textarea { width: 100%; max-width: 100%; border-radius: .2rem; border: 1px solid #bbb; border: 1px solid rgba(0, 0, 0, 0.25); padding: 0.4em 0.2em; } .cms_bloc_form .cms_bloc_form_field > .value textarea { min-height: 10rem; resize: vertical; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_file input { border: none; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > p, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > p { width: 40%; display: inline-block; vertical-align: top; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_checkbox > .value input, .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_radio > .value input { width: auto; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .label { text-align: right; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .label img { border: 1px solid #555; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_antispam > .value input { width: 60%; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit { padding-left: 40%; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type="submit"] { background: #e0e0e0; box-shadow: none; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0.2rem; padding: 0.6em 1.4em; font-weight: 600; color: inherit; } .cms_bloc_form .cms_bloc_form_field.cms_bloc_form_field_submit button[type="submit"]:hover { background: white; } .cms_bloc_form .cms_bloc_form_error { color: #F00; padding-bottom: 1rem; } .cms_bloc_form .cms_bloc_form_message { font-weight: bold; } .cms_bloc_form .cms_bloc_form_field_content { text-align: justify; } .cms_bloc_media { text-align: center; } .cms_bloc_media * { border: 0; margin: 0 auto; } .cms_bloc_media img { max-width: 100%; } .mediaImagemap { max-width: 100%; height: auto; } .mediaImagemap .mediaImagemap-shape { stroke: none; fill: transparent; transition: fill .2s linear; } .mediaImagemap text { font-size: 2vw; fill: white; font-weight: bold; opacity: 0; transition: .4s ease-out; } .mediaImagemap .mediaImagemap-link { cursor: pointer; text-decoration: none !important; } .mediaImagemap .mediaImagemap-link:hover .mediaImagemap-shape { fill: rgba(0, 0, 0, 0.2); } .mediaImagemap .mediaImagemap-link:hover text { opacity: 1; } .cms_bloc_map .mm_carte { margin: auto; } .cms_bloc_map .mm_carte .mm_info_photo { float: left; padding: 0 .5rem .5rem 0; } .cms_bloc_map .mm_carte .mm_info_titre { font-weight: bold; } .cms_bloc_text table { width: 100%; } .cms_bloc_text table td { vertical-align: top; } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media { position: relative; z-index: 2; padding: 0; margin: 0; float: left; padding: 0 1.5rem 1.5rem 0; } .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { position: relative; z-index: 2; padding: 0; margin: 0; float: right; padding: 0 0 1.5rem 1.5rem; } .cms_bloc_text .cms_bloc_text_media_gauche .cms_bloc_media, .cms_bloc_text .cms_bloc_text_media_droite .cms_bloc_media { max-width: 100%; } .cms_bloc_text .cms_bloc_text_media_centre { text-align: center; } .cms_bloc_text .cms_bloc_text_two_columns > div { display: inline-block; vertical-align: top; width: 48%; } .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_gauche { margin-right: 2%; } .cms_bloc_text .cms_bloc_text_two_columns > div.cms_bloc_text_droite { margin-left: 2%; } #breadCrumb ol { padding: 0; margin: 0; list-style-type: none; } #breadCrumb ol li { padding: 0; margin: 0; display: inline-block; vertical-align: baseline; } #breadCrumb ol li ~ li::before { display: inline-block; vertical-align: baseline; content: '>'; margin-left: 0.4rem; margin-right: 0.4rem; line-height: 1; } #breadCrumb ol a { display: inline-block; vertical-align: baseline; } .csCols { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .csCols li { list-style-type: none; } .csCols.csCols-aifs { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .csCols.csCols-aic { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .csCols.csCols-jcsa { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .csCols.csCols-jcsb { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .csCols.csCols-rowReverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .csCols.csCols-columnReverse { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .csCols-col { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .csCols-col-3 { -webkit-flex-basis: 33.33%; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; max-width: 33.33%; } .csCols-col-4 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .csCols-col-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .csCols-col-6 { -webkit-flex-basis: 16.667%; -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .csCols-col-7 { -webkit-flex-basis: 14.28%; -ms-flex-preferred-size: 14.28%; flex-basis: 14.28%; max-width: 14.28%; } .csCols-col-8 { -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%; } @media screen and (max-width: 1200px) { .csCols-col-5 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .csCols-col-6 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .csCols-col-7 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .csCols-col-8 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media screen and (max-width: 900px) { .csCols-col-3, .csCols-col-4, .csCols-col-5, .csCols-col-6, .csCols-col-7, .csCols-col-8 { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } } @media screen and (max-width: 768px) { .csCols-col-3, .csCols-col-4, .csCols-col-5, .csCols-col-6, .csCols-col-7, .csCols-col-8 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 440px) { .csCols-col-3, .csCols-col-4, .csCols-col-5, .csCols-col-6, .csCols-col-7, .csCols-col-8 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } .csComponent { /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ } .csComponent:hover img, .csComponent:hover p { opacity: 1; } .csComponent:hover img, .csComponent:hover h2, .csComponent:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .csComponent:hover p { transition-delay: 0.05s; transition-duration: 0.35s; } .csComponent img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .csComponent .content { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .csComponent .content::before, .csComponent .content::after { pointer-events: none; } .csComponent .content, .csComponent .content > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .csComponent .content > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .csComponent h2 { word-spacing: -0.15em; font-size: 2.4rem; font-weight: 200; } .csComponent h2 span { font-weight: 800; } .csComponent h2, .csComponent p { margin: 0; } .csComponent p { letter-spacing: .1rem; font-size: 68.5%; } .socialButton { display: -webkit-flex; display: -ms-flexbox; display: flex; } .socialButton.has-no-label .socialButton__icon { margin-right: 0; } .socialButton a.socialButton__item { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 0.2rem; padding-left: 1em; padding-right: 1em; } .socialButton__icon { vertical-align: middle; display: block; margin-right: 0.3em; } .socialButton__icon svg { position: relative; top: -1px; height: 1.25em; width: 1.25em; fill: currentColor; vertical-align: middle; } .socialButton__item--linkedin svg { top: -2px; } #breadCrumb li:last-child { pointer-events: none; } #cookieChoiceInfo { line-height: 20px; padding: 7px !important; font-size: 12px; background: #f8f6de !important; border-bottom: 1px solid #f3e497; color: #5b5b5b; top: inherit !important; bottom: 0 !important; } #cookieChoiceInfo span, #cookieChoiceInfo a { display: inline-block; vertical-align: middle; font-weight: normal; font-family: "Arial", "sans-serif"; } #cookieChoiceInfo span { display: inline; } #cookieChoiceInfo a { color: #2c6bb8; } #cookieChoiceDismiss { background: #00a651; color: white !important; display: inline-block; padding: 0 10px; text-decoration: none; height: 24px; line-height: 24px; border-radius: 3px; margin: 0 0 0 10px !important; } #cookieChoiceDismiss:hover { background: #008442; } .cs-copyright { /* colors */ --copyrightColorText: #ffffff; --copyrightColorLink: var(--copyrightColorText); --copyrightColorSeparator: var(--copyrightColorText); --copyrightColorSvg: var(--copyrightColorText); --copyrightTooltipBackground: #000000; --copyrightTooltipColor: var(--copyrightColorText); /* size */ --copyrightFontSize: 11px; --copyrightSizeSvg: 15px; --copyrightSizeSeparator: 11px; --copyrightSizeSeparatorIcon: 10px; /* position, direction */ --copyrightAlignPosition: center; /* flex-start, center, flex-end */ --copyrightPosition: center; /* flex-start, center, flex-end, space-between */ --copyrightDirection: column; /* row, column */ /* padding */ --copyrightTooltipPadding: 10px 0 15px; position: relative; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: var(--copyrightAlignPosition); align-items: var(--copyrightAlignPosition); -ms-flex-pack: var(--copyrightPosition); justify-content: var(--copyrightPosition); -ms-flex-direction: var(--copyrightDirection); flex-direction: var(--copyrightDirection); padding: var(--copyrightTooltipPadding); z-index: 7; } @media screen and (max-width: 990px) { .cs-copyright { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } } .cs-copyright .cs-copyright-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 3px; margin-right: 20px; margin-bottom: 3px; margin-left: 20px; } @media screen and (max-width: 650px) { .cs-copyright .cs-copyright-row { -ms-flex-direction: column; flex-direction: column; margin-bottom: 3px; } } @media screen and (max-width: 650px) { .cs-copyright .cs-copyright-row .cs-copyright-col:not(:nth-child(2)) p { display: none; } .cs-copyright .cs-copyright-row .cs-copyright-col:nth-child(2) p:last-child { display: none; } } .cs-copyright .cs-copyright-col { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .cs-copyright .cs-copyright-col.div_copyright_icon { margin-left: 10px; } @media screen and (max-width: 650px) { .cs-copyright .cs-copyright-col.div_copyright_icon { margin-left: 0; } } .cs-copyright_element { color: var(--copyrightColorText); font-size: var(--copyrightFontSize); } @media screen and (max-width: 650px) { .cs-copyright_element { margin-bottom: 5px; } } .cs-copyright_element a { color: var(--copyrightColorLink); font-size: var(--copyrightFontSize); text-decoration: none; transition: opacity 0.3s ease; } .cs-copyright_element a:hover { opacity: 0.5; } .cs-copyright_separator, .cs-copyright_icons_separator { color: var(--copyrightColorSeparator); margin: -1px 3px 0; } .cs-copyright_separator { font-size: var(--copyrightSizeSeparator); } .cs-copyright_icons_separator { font-size: var(--copyrightSizeSeparatorIcon); } .cs-copyright_icon { position: relative; cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; width: var(--copyrightSizeSvg); height: var(--copyrightSizeSvg); } .cs-copyright_icon a { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .cs-copyright_icon svg { pointer-events: none; width: var(--copyrightSizeSvg); height: var(--copyrightSizeSvg); fill: var(--copyrightColorSvg); } .cs-copyright_icon:hover .cs-copyright_tooltip { opacity: 1; z-index: 99; transform: translateX(0); } .cs-copyright_tooltip { position: absolute; bottom: 30px; right: 0; width: 200px; display: block; text-align: center; z-index: -99; font-size: 11px; padding: 10px; border-radius: 3px; transform: translateX(-5px); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); background: var(--copyrightTooltipBackground); color: var(--copyrightTooltipColor); pointer-events: none; } .cs-copyright_tooltip::after { content: ""; position: absolute; bottom: -10px; right: 10px; border-left: 7px solid transparent; border-right: 3px solid transparent; border-top: 10px solid var(--copyrightTooltipBackground); } p, dl, ol, ul { margin-bottom: 0; } ol, ul { padding: 0; } img, svg { vertical-align: inherit; }