/* Minification failed. Returning unminified contents.
(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 '-'
(45,9): run-time error CSS1035: Expected colon, found '.'
(1385,18): run-time error CSS1039: Token not allowed after unary operator: '-explanation-blur-bottom'
(2245,18): run-time error CSS1039: Token not allowed after unary operator: '-explanation-blur-bottom'
(3650,92): run-time error CSS1046: Expect comma, found '151'
(3650,99): run-time error CSS1046: Expect comma, found '/'
(5078,28): run-time error CSS1039: Token not allowed after unary operator: '-anime-bg'
(5079,17): run-time error CSS1039: Token not allowed after unary operator: '-anime-text'
(5128,22): run-time error CSS1039: Token not allowed after unary operator: '-anime-title-bg'
(5152,17): run-time error CSS1039: Token not allowed after unary operator: '-anime-link-t'
(5178,18): run-time error CSS1039: Token not allowed after unary operator: '-long-fade-bottom'
(5180,22): run-time error CSS1039: Token not allowed after unary operator: '-anime-gradient-blur'
(5271,21): run-time error CSS1039: Token not allowed after unary operator: '-cryptex-title-color'
(5292,21): run-time error CSS1039: Token not allowed after unary operator: '-anime-short-long-text'
(5298,25): run-time error CSS1039: Token not allowed after unary operator: '-anime-short-long-text'
(5411,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/*Global*/
/*@font-face {
    font-family: 'AgencyFB';
    src: url('../fonts/AGENCYR.woff');
}
*/
:root {
    --s1: #e5ffe5;
    --s1-t: #212529;
    --s2: #fff2e5;
    --s2-t: #212529;
    --d2-t-highlighted: #212529;
    --explanation-blur-bottom: 0;
    --anime-gradient-blur: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0%, rgb(74 73 79) 80%);
    --anime-short-long-text: white;
    --anime-title-bg: transparent;
    --anime-bg: #383838;
    --anime-text: white;
    --see-motor: red;
    --see-mean: green;
    --anime-link-t: var(--see-mean);
    --selected-border: 4px solid #cd3529;
    --upper-title-color-s: #b7d5ff;
    --upper-title-color-d: #b7d5ff;
    --motor-cell-active-color: '#e5ffe5';
    --motor-cell-active-text-color: '#212529';
    --means-cell-active-color: '#fff2e5';
    --means-cell-active-text-color: '#212529';
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    div .portrait-content div.scrollbar-macosx 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-plus:before {
    content: "\002b";
}

.glyphicon-minus:before {
    content: "\2212";
}
body {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    opacity:0;
}

body {
    padding-top: 0px;
    font-family: Arial;
    margin: 0px;
    height: 100vh;
    overflow-y: hidden;
    display: flex;
    align-items: stretch;
    justify-content: center;
}
/*
Je respecte ici la r�gle en �crasant les propri�t� au fur et a mesure (+ petit au plus grand)
vous pouvez tester en rajoutant:
background-color: red;
� chaque #content pour le v�rifier.
*/

/******************************************************

                 Les règles du pied de page

******************************************************/
html {
    overflow: hidden;
}


#main::-webkit-scrollbar {
    display: none;
}

.footer {
    font-size: 10px;
    color: #948A54;
    width: 96.5%;
    height: 100%;
    text-align: right;
    padding-top: 4%;
    margin-top: 7vh;
    border-top: 1px solid #948A54;
}

body.explanations .footer {
    margin-top: 4vh;
}

.lvlFooter {
    position: relative;
    width: calc(100% + 8vw) !important;
    margin: 0 auto;
    left: -4vw !important;
    padding-left: 4vw !important;
    padding-right: 4vw !important;
    background-color: white;
}

    .lvlFooter p {
        font-size: 10px;
        color: #948A54;
        position: absolute;
        bottom: 10%;
        margin: 0;
        display: flex
    }

    .lvlFooter a {
        text-decoration: none;
        color: #948A54;
    }
        .lvlFooter a.copy-right {
            color: #FA2E21;
        }
    .lvlFooter p *:last-child {
        flex: 1;
    }

@-moz-document url-prefix() {
    .lvlFooter p {
        bottom: 10%;
    }
}

hr {
    display: none;
    border-bottom: 1px solid #c5be97;
    margin-top: 222px;
    width: 97%;
}

/*
default: aucun zoom (zoom x1)
*/
@-moz-document url-prefix() {
    #content {
        /*margin-top: 100px !important;*/
    }
}

#content {
    /*zoom: 100% !important;
    -moz-transform: scale(1) !important;*/
    padding-top: 4vh !important;
    padding-left: 4vw !important;
    padding-right: 4vw !important;
    padding-bottom: 0 !important;
    /*height: calc(100% - 4vh);*/
    display: flex;
    flex-direction: column;
}

#top {
    flex: 0 1 auto;
}

#body {
    flex: 0 1 auto;
}

.lvlFooter {
    flex: 1 1 auto;
}
div#btnNFT {
    position: absolute;
    right: -30px;
    width: 30px;
    height: 40%;
    background-color: pink;
    background: url(/Content/images/buy-artist-nft-button.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 185px;
    border-radius: 0 8px 8px 0;
    background-position: center center;
    cursor: pointer;
    display: none;
}
    div#btnNFT.no-scene {
        background: url(/Content/images/buy-artist-nft-button-noscene.svg);
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    body.results .lvlFooter {
        flex: 1 1 auto;
    }
body.results .body-wrapper {
    min-height: 368px;
}
* {
    box-sizing: border-box;
}

a, button {
    outline: none;
}

div.dialogbox{
    position:absolute;
}
div#dialog {
    display: none;
}

div#top div#count.font-loading span {
    color: white !important;
}

.fancybox-next {
    right: -50px !important;
}

.fancybox-prev {
    left: -50px !important;
}

    .fancybox-prev img {
        position: absolute;
        top: calc(50% - 10px);
        left: -0px;
    }

.fancybox-next img {
    position: absolute;
    top: calc(50% - 10px);
    right: -0px;
    max-width: 30px;
}

.fancybox-prev img {
    position: absolute;
    top: 50%;
    left: -0px;
    max-width: 30px;
}

.fancybox-next img {
    position: absolute;
    top: 50%;
    right: -0px;
}

@media (min-width: 1000px) {
    .fancybox-next {
        right: -110px !important;
    }

    .fancybox-prev {
        left: -110px !important;
    }

        .fancybox-prev img {
            left: 46px !important;
        }

    .fancybox-next img {
        right: 46px !important;
    }

    a.fancybox-nav {
        top: 20% !important;
        height: 50% !important;
        width: 30% !important;
    }
}


.fancybox-close {
    width: 22px;
}

.fancybox-nav {
    height: 80% !important;
    top: 10% !important;
}



iframe.fancybox-iframe {
    overflow: hidden;
}

.fancybox-inner {
    overflow: hidden !important;
    max-height: 100%;
    max-width: 100%;
}

.fancybox-inner {
    text-align: center;
}

.fancybox-lock .fancybox-overlay {
    overflow-y: auto;
}

a.fancybox-close {
    background: url('/Content/images/fancy-close.png') no-repeat !important;
    background-size: 22px 22px !important;
}

@-moz-document url-prefix() {
    .fancybox-prev img {
        position: absolute;
        top: 50%;
        left: -0px;
    }

    .fancybox-next img {
        position: absolute;
        top: 50%;
        right: -0px;
    }

    iframe.fancybox-iframe {
        overflow: hidden;
    }

    .fancybox-inner {
        overflow: hidden !important;
        max-height: 100%;
        max-width: 100%;
    }
}

.clear:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.red {
    color: #FA2E21 !important;
}

.green {
    color: #948B54;
}

.bold {
    font-weight: bold;
}

div.white-background {
    display: none;
}

div.loading {
    background: url('/content/images/loading.gif') center center no-repeat;
}

div#loading {
    width: 100px;
    height: 100px;
    background: url('/content/images/loading.gif') -80px -50px no-repeat;
    margin-left: auto;
    margin-right: auto;
}

div#LoadingLayerForDialog {
    width: 100%;
    background: url('/content/fancybox/fancybox_overlay.png');
    position: absolute;
    top: 0px;
    height: 100%;
    display: none;
    opacity: 0.3;
}

    div.ui-widget.LoadingLayerForDialog::after,
    div#LoadingLayerForDialog:after {
        position: absolute;
        content: " ";
        width: 49px;
        height: 49px;
        top: 40%;
        left: 42%;
        margin: 0 auto;
        background: url(/Content/images/loader-20201105.svg);
        background-size: contain;
        animation: cssload-spin 1000ms infinite linear;
        -o-animation: cssload-spin 1000ms infinite linear;
        -ms-animation: cssload-spin 1000ms infinite linear;
        -webkit-animation: cssload-spin 1000ms infinite linear;
        -moz-animation: cssload-spin 1000ms infinite linear;
    }

.clear:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

div.title {
    color: #583263;
    border-bottom: 1px solid #583263;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px;
}

div#content {
    box-sizing: content-box;
    width: 996px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px;
    position: relative;
    background-color: white !important;
}

/*cookie bar*/
.cookie-consent-bar {
    position: fixed;
    bottom: 0;
    height: 47px;
    width: 100%;
    background-color: rgb(220,216,197);
    z-index: 100;
    border-top: 1px solid rgb(148,138,84);
}

.cc-content {
    max-width: calc(996px + 8vw) !important;
    height: 100%;
    margin: auto auto !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    font-size: 12.8px;
    color: #6b483c;
    padding: 0px 10px;
}

.cc-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.cc-right {
    display: flex;
    align-items: center;
}

    .cc-right a {
        font-size: 11.2px;
        margin-right: 21px;
        color: rgb(148,138,84);
        font-weight: 600;
    }

    .cc-right button {
        font-size: 12.82px;
        border-radius: 6px;
        border: 1px solid rgb(148,138,84);
        color: rgb(148,138,84);
        background-color: white;
        padding: 7px;
    }

div.change-language {
    overflow-x: initial;
}

a.btn-share {
    width: 24px;
    height: 19px;
    background: url(/Content/Share-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}


/* Start Intro Video  */

#videoDiv {
    height: 100%;
    position: fixed;
    background: black;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    display: none;
    align-items: center;
    justify-content: center;
}

#video1 {
    margin: auto;
    display: block;
    width: 100%;
}

#videoMessage {
    z-index:3;
    position: absolute;
    right: 0;
    bottom: 0;
}

p.videoClick {
    margin-bottom: 54px;
    margin-right: 30px;
}

    p.videoClick > a {
        text-decoration: none;
        font-size: 22px;
        color: lightgray;
    }
/* End Intro Video  */


/*div#Artist div.top-icons > div:hover::before,
div#Artist div.top-icons > a:hover::before {
    background-color: #f0eed8;
    content: " ";
    height: 43px;
    width: 37px;
    position: absolute;
    z-index: -1;
    top: -11px;
    left: -11px;
}*/

body.artist div.top-icons a.btn-share {
    top: 0;
    right:13px;
}

    body.artist div#top a.btn-share,
    body.artist.private div.top-icons a.btn-share,
    body.artist div.top-icons a.btn-share.undefined {
        display: none;
    }

body.authentication a.btn-share,
body.default a.btn-share {
    top: 12px;
}

body.artist a.btn-share {
    top: 4px;
    right: 0;
}

.container {
    display: flex;
    align-items: self-start;
}

body.authentication div.container,
body.default div.container {
    flex-direction: column;
    margin-bottom: 0;
    align-items: normal;
}
body.results div.buttons,
body.default div.buttons {
    order: 1;
    justify-content: flex-end !important;
}
body.default div#count {
    order: 2;
}
body.default div#links-and-search {
    order: 3;
}

div.buttons>a:not(:first-child),
div.buttons>a:not(:first-child),
div.buttons>div {
    margin-left: 15px;
}
body.authentication .container,
body.default .container {
    width: 100%;
    position: relative;
    height: auto;
}

body.authentication #links-and-search,
body.default #links-and-search {
    left: 0 !important;
}

div#content div.change-language > a {
    text-indent: -100px;
    overflow: hidden;
    width: 15px;
    height: 16px;
    float: left;
}

    div#content .change-language > a.fr-FR {
        background: url(/Content/images/flag_en.svg) no-repeat center center;
    }

    div#content .change-language > a.en-GB {
        background: url(/Content/images/flag_fr.svg) no-repeat center center;
    }

div#LinksMenu>ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
div#LinksMenu > ul>li{
    width: 100%;
    float: left;
    position: relative;
    text-align:right;
}
    div#LinksMenu > ul > li>a {
        display: block !important;
        width: 100%;
        padding: 5px !important;
        border-bottom: 1px solid;
        background-color: white;
        text-decoration: none;
        color: #948B54;
        white-space: nowrap;
    }
    div#LinksMenu > ul > li a:hover{
        background-color: #efecdd !important;
    }


    div#LinksMenu > ul > li > div.sub-menu {
        position: absolute;
        display: none;
        z-index: 10;
        background-color: white;
        min-width: 100%;
    }
    div#LinksMenu > ul > li:hover > div.sub-menu {
        display: block;
        position: relative;
        left: 0px;
        padding-left: 0px;
        border-right: 25px solid #ded9c3;
        border-top: 2px solid #948b54;
    }
        div#LinksMenu > ul > li:hover > div.sub-menu a {
            display: block !important;
            width: 100%;
            padding: 5px !important;
            border-bottom: 1px solid;
            background-color: white;
            text-decoration: none;
            color: #948B54;
            white-space: nowrap;
            overflow: hidden;
            text-align: right;
        }

    div#LinksMenu > ul > li > a.en-GB {
        background: url(/Content/images/flag_fr.svg) no-repeat top right 6px;
        background-color: white;
        text-indent: 3600px;
        background-size: 18px 22px;
    }
    div#LinksMenu > ul > li > a.fr-FR {
        background: url(/Content/images/flag_en.svg) no-repeat top right 6px;
        background-color: white;
        text-indent: 3600px;
        background-size: 18px 22px;
    }


body.loggedin div#MyMenu {
    position:relative;
}

div#MyMenu div a {
    clear: both;
    float: right;
}

div#MyMenu a.identity {
    padding: 4px 6px;
    white-space: nowrap;
}
div#MyMenu a.identity img {
    filter: contrast(10);
}    
@media screen and (min-width: 898px) {
    div#MyMenu a.identity {
        background-color: #948B54 !important;
        color: white !important;
        box-shadow: 1px 4px 9px 0px darkgrey !important;
    }
}

div#MyMenu li a {
    background-color: #bfb686;
}
div#MyMenu li.change-language a {
    background-color: #bfb686 !important;
    background-position: calc(100% - 15px) center !important;
    background-size: 20px !important;
}


div#MyMenu > a.login {
    overflow: hidden;
    width: 30px;
    height: 16px;
    text-indent: 0px !important;
    /*background: url(/Content/images/key.svg) no-repeat center center;
        background-size: 26px 11px !important;*/
}
    div#MyMenu > a.login > img:last-child{
        display:none;
    }
    div#MyMenu > div {
        display: none;
    }

div#MyMenu:hover {
    /*box-shadow: 1px 1px 12px #555;*/
}

/*Start Ankit Style MyMenu*/
nav {
    position: relative;
    /*margin: 50px;
            width: 360px;*/
}

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        nav ul li {
            /* Sub Menu */
        }

            nav ul li a {
                display: block;
                padding: 9px 15px;
                color: #f9ffff;
                text-decoration: none;
                -webkit-transition: 0.2s linear;
                -moz-transition: 0.2s linear;
                -ms-transition: 0.2s linear;
                -o-transition: 0.2s linear;
                transition: 0.2s linear;
                width: 220px;
                border-bottom: 1px solid #968c56;
                font-weight: 600;
                font-size: 13px;
            }
                /*nav ul li a:hover {
                    background: #f8f8f8;
                    color: #515151;
                }*/

                nav ul li a .fa {
                    width: 16px;
                    text-align: center;
                    margin-right: 5px;
                    float: right;
                }

        nav ul ul {
            background-color: #ebebeb;
        }

        nav ul li ul li a {
            background: #f8f8f8;
            border-left: 8px solid transparent;
            padding: 9px 20px;
            background-color: #ded9c3 !important;
            color: #585858;
            width: 215px;
        }

            nav ul li ul li a:hover {
                background: #ebebeb;
                border-left: 4px solid #3498db;
            }
/*End Ankit Style MyMenu*/


body.loggedin div#MyMenu:hover > div {
    display: block;
    position: absolute !important;
    top: 21px;
    right: 0;
    text-align: right;
    z-index: 11;
    height: 420px;
    width: 220px;
}

div.my-menu,
button.my-menu {
    display: none;
}

div#message {
    color: red;
}
/*Top*/
div#top {
    width: 100%;
    background: white;
    position: relative;
    display: block;
}


    div#top div#count {
        width: 198px;
        text-align: center;
        font-family: "AgencyFB";
        cursor: pointer;
        position:relative;
    }
    
            div#top div#count > a.numbers {
                display: flex;
                justify-content: center;
                padding: 2px;
                background-color: #DED9C3;
                border: 0px solid rgb(222, 217, 195);
                font-size: 22px;
            }

            div#top div#count > a:first-child > div {
                display: inline-block;
                width: 15px;
                background: white;
                margin-left: 3px;
            }


        div#top div#count > a.site-title {
            background-color: white;
            font-size: 25px;
            border: 1px solid rgb(222, 217, 195) !important;
            text-decoration: none;
            display: flex;
            align-items: center;
            border: none;
            color: #968c56;
            justify-content: center;
        }
            div#top div#count > a.site-title.explanations {
                background-color: white;
                font-size: 30px !important;
                border: 1px solid rgb(222, 217, 195);
                text-decoration: none;
                display: block;
                border: none !important;
                color: #968c56;
                line-height: 1.6;
            }


body.authentication div#top div#count > a.site-title,
body.default div#top div#count > a.site-title {
    position: relative;
    top: -0.5px;
}

div#top div#count > a.site-title > span:not(:last-child),
div#top div#filter > a > span:not(:last-child) {
    margin-right: 4px;
}

div#top div#count > a.site-title span,
div#top div#filter > a > span {
    color: #FA2E21;
}

    div#top div#count > a.site-title span.primary,
    div#top div#filter > a > span.primary {
        color: #968C56;
    }

div#top div#count > a.site-title a,
div#top div#filter > a {
    text-decoration: none;
    color: inherit;
}

div#top div#filter {
    order: 4;
/*    width: 329px;*/
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-size:30px;
    font-family: "AgencyFB";
}

div#top div#links-and-search {
    position: relative;
    width: 620px;
    float:left;
}

/*body.results div#links-and-search {
    margin-top: 5px;
}*/

body.results div#count {
    margin-right: 35px;
}



div#links {
    height: 30px;
    font-size: 13px;
    /*
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-pack: justify;
    -moz-box-align: center;
    display: -ms-flexbox;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    display: box;
    box-pack: justify;
    box-align: center;
        */
}

    div#links ul {
        margin: 0;
        list-style: none;
        padding: 0;
    }

        div#links ul > li {
            float: left;
            position: relative;
        }
            div#links ul > li.home {
                position: absolute;
                right: 18px;
            }

            div#links ul > li.active > a,
            div#links ul > li:not(:last-child) > a:hover,
            div#links ul > li:hover > div.sub-menu a:hover {
                background-color: #edebdf;
                color: #948B54;
            }
            div#links ul > li > div.sub-menu {
                position: absolute;
                display: none;
                z-index: 10;
                background-color: white;
                /*min-width: 100%;*/
            }

    div#links:not(.default) ul > li.active > div.sub-menu,
    div#links ul > li:hover > div.sub-menu {
        display: block;
    }
body.default div#links ul > li.home{
display:none;
}
body.default div#links.default ul > li:hover > div.sub-menu {
    left: 100%;
    top: 0;
}

    div#links.default ul > li:hover > div.sub-menu a {
        width: 100%;
        padding: 5px 15px !important;
    }

body.explanations div#links ul > li > a.active,
body.explanations div#links ul > li.active > div.sub-menu a.active {
    background-color: #948B54 !important;
    color: white !important;
    box-shadow: 1px 4px 9px 0px darkgrey !important;
}

    div#links ul > li > a, div#links div.sub-menu a {
        display: block;
        padding: 4px 6px;
        text-decoration: none;
        color: #948B54;
        white-space: nowrap;
    }
    /*div#links ul > li:first-child > a{
            padding-left: 0;
        }*/
    div#links a.current {
        font-weight: bold;
    }

    div#links a.contact:not(.active):hover {
        font-weight: bold;
        background-color: white;
    }

        div#links a.contact:not(.active):hover:after {
            content: "@artistprofiler.art";
            position: absolute;
            font-weight: bold;
            z-index: 20;
            background: white;
            height: 30px;
            width: 215px;
            padding-top: 10px;
            top: -7px;
        }

#links ul > li:hover div {
    display: block;
}
div#search{
    position:relative;
}
div#search input {
    height: 30px;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    border-radius: 0;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    padding-right: 10px !important;
    padding-left: 11px !important;
    outline: none !important;
    border: 1px solid #ded9c3 !important;
    width: 100% !important;
}

div#body {
    position: relative;
    width: 100%;
    clear: both;
    margin:0 auto;
}

/*body.results div#body {
    height: calc(100vh - 250px) !important;
}*/

body.results div.scroll-y {
    display: none !important;
}

body.authentication div#body, body.default div#body {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

div#selected-artists {
    text-align: justify;
}

    div#selected-artists > span:after {
        content: " / ";
        color: #BFBFBF;
    }

    div#selected-artists a {
        color: #BFBFBF;
        text-decoration: none;
        transition: all ease 1s;
        font-size:15px;
    }

        div#selected-artists a:hover {
            transition: none;
            color: rgb(250,53,39) !important;
        }

div.scene {
    width: 18px;
    /*background: url(/Content/images/I.svg) no-repeat center center;*/
    height: 17px;
    float: left;
}

    div.scene.french {
        width: 18px;
        /*background: url(/Content/images/F.svg) no-repeat center center;*/
        height: 17px;
        float: left;
        /*text-indent: -200px !important;*/
    }
/*Suggestions*/
div#suggestions {
    color: #C5BD98;
    display: none;
    width: 561px;
    margin-left: 24%;
    font-size: 15px;
}
    /*@media(max-height: 470px) {
    div#suggestions {
        overflow-y: scroll;
        overflow-x: hidden;
    }
}*/
    div#suggestions table {
        display: inline-block;
        border-collapse: collapse;
        /*height: 395px;*/
        width: 620px;
        float: left;
        position: relative;
        white-space: nowrap;
    }

    div#suggestions td {
        border-left: solid 1px #C5BD98;
        padding-left: 0px;
        padding-right: 0px;
    }

    div#suggestions tbody > tr:first-child td {
        border-left: medium none;
        padding: 0px;
        font-size: 11px;
        width: 50px;
    }

    div#suggestions tr > td:first-child {
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        width: 120px !important;
        padding-right: 3px !important;
        padding-left: 3px !important;
        overflow: hidden;
    }

    div#suggestions tr:not(:first-child):hover td:first-child {
        border: 2px solid #fdc7c7;
        border-right: none;
        background-color: #fff1f1;
    }

    div#suggestions tr:not(:first-child):hover td:nth-child(2) {
        border: 2px solid #fdc7c7;
        border-left: none;
        background-color: #fff1f1;
    }
    div#suggestions tr > td:nth-child(2) {
        width: 150px !important;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
    }

    div#suggestions tr > td:nth-child(3) {
        min-width: 39px !important;
        padding-right: 2px !important;
    }

    div#suggestions tr > td:first-child, 
    div#suggestions tr > td:nth-child(2), 
    div#suggestions tr > td:nth-child(3) {
        color: #C0C0C0;
        border-left: none;
    }
        div#suggestions tr > td:first-child a,
        div#suggestions tr > td:nth-child(2) a {
            text-decoration: none;
            color: #C0C0C0;
        }
        div#suggestions tr > td:nth-child(3) > div {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

    div#suggestions tr > td.period {
        width: 35.5px !important;
    }

    div#suggestions tr > td:nth-child(n+4) > div {
        width: 100%;
        height: 10px;
    }

    div#suggestions tr.french-scene > td:nth-child(n+4) > div {
        background-color: #DED9C5;
    }

    div#suggestions tr > td:nth-child(n+4) > div.international {
        background-color: #C5BD98 !important;
    }

    div#suggestions tr.no-scene, div#suggestions tr.no-scene.withdata {
        color: #C0C0C0;
    }

    div#suggestions tr.withdata td,
    div#suggestions tr.withdata td a{
        color: black !important;
    }

    div#suggestions > div.search-legend {
        margin-left: 0px;
        width: 562px;
        height: 98px;
        margin-top: 38px;
        margin-bottom: 12px;
        float: left;
    }

.search-legend img {
    width: 100%;
    height: auto;
}

div#suggestions > div.search-legend.fr-FR {
    /*background: url(/Content/images/suggestions_legend_fr-FR.svg) no-repeat center center;*/
}

div#suggestions > div.search-legend.en-GB {
    /*background: url(/Content/images/suggestions_legend_en-GB.svg) no-repeat center center;*/
}
/*Search*/
div#SearchFormValidationMessage {
    font-size: 12px;
    /*    height: 30px;*/
    margin-top: 6px;
    margin-left: 12px;
}

body.artist div#SearchFormValidationMessage {
    height: 35px !important;
}

div#SearchFormValidationMessage.too-much-results {
    margin-top: 9px;
    margin-left: 11px;
    width:320px;
    height: 14px !important;
    margin-bottom: 25px;
}

div#SearchFormValidationMessage ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div#SearchFormValidationMessage div.only-contemporary-message {
    float: left;
    padding-right: 3px;
}

div#suggestions tbody > tr:nth-child(n+2) > td:first-child, div#suggestions tbody > tr:nth-child(n+2) > td:nth-child(2) {
    cursor: pointer;
}
/*Artist*/
div#Artist {
    /*margin-left: 17px;*/
    height: 368px;
}

    div#Artist:after {
        content: ".";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    div#Artist > div {
        float: left;
        height: 100%;
    }

        div#Artist > div.left {
            width: 530px;
            border-right: 1px solid rgb(222, 217, 195);
        }

    div#Artist div.top-icons {
        display: flex;
        flex: 1;
        justify-content: space-evenly;
        height: 100%;
        align-items: center;
    }

    div#Artist > div.right {
        font-size: 14.28px;
        width: 415px;
        position: relative;
    }

        div#Artist > div.right > div.mobile-buttons {
            display: none;
        }

        div#Artist > div.right > div:first-child {
            margin-bottom: 40px;
        }

        div#Artist > div.right div.results-panel {
            position: absolute;
            padding-left: 43px;
            height: 85%;
            padding-right: 20px;
            top: 0px;
            /*overflow: hidden !important;*/
            display: flex;
            max-height: 270px;
        }

        div#Artist > div.right div.undefined > span > strong {
            display:inline-block;
        }

        body.artentity div#Artist > div.right div.results-panel {
            max-height: 258px;
        }
            div#Artist > div.right div.results-panel.only-motor {
                top: 0px;
            }

                div#Artist > div.right div.results-panel.only-motor div#ArtistsWithTheSameeee {
                    margin: 0px;
                    margin-top:3px;
                }
div#ArtistsWithTheSameeee > section{
    padding-bottom:15px;
}
div#Artist > div.right div.results-panel.scroll-wrapper {
    top: 88px;
}
div#Artist div.artist-definition div.scroll-wrapper:after {
    content: " ";
    background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 80%);
    bottom: var(--explanation-blur-bottom);
    width: 100%;
    height: 15px;
    position: absolute;
    left: 0;
    pointer-events: none;
}

div#Artist div.artist-definition div.motor:hover div.scroll-wrapper:after,
div#Artist div.artist-definition div.means:hover div.scroll-wrapper:after {
    background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0%, #f0eed8 80%);
}

body.artentity div#Artist > div.right div.results-panel.scroll-wrapper {
    top: 97px;
}
                div#Artist > div.right div.results-panel.scroll-wrapper > .scroll-content {
                    overflow: auto !important;
                }
div#Artist > div.right div.results-panel.scroll-wrapper.only-means {
    top: 242px;
}

                div#Artist > div.right div.results-panel.scroll-wrapper.only-motor {
                    top: 88px;
                }

            div#Artist > div.right div.results-panel.only-means {
                height: 120px !important;
                bottom: 10px;
            }

            div#Artist > div.right div.results-panel.only-motor {
                height: 130px !important;
                bottom: auto;
            }

        div#Artist > div > div:first-child {
            padding-left: 43px;
            clear: both;
            height: 56px;
            border-bottom: 1px solid rgb(222, 217, 195);
            padding-bottom: 11px;
        }

    div#Artist div.faded {
        opacity: 0.5;
    }

    div#Artist div.motor {
        margin-top: 15px;
        height: 149px;
        display: inline-block;
    }

    div#Artist div.means {
        margin-top: 21px;
        height: 141px;
        display: inline-block;
    }

div.means, div.motor {
    position: relative;
    width: 100%;
}
body.artist div#Artist div.defined > div.long-text {
    height: 64px;
    overflow-y: auto;
    padding-bottom: 10px;
    display:inline-block;
}
div#Artist div.undefined div.subtitle {
    margin-top: 5px;
    font-size: 12.26px !important;
}
div.defined.ui-accordion-content {
    padding: 0.0em 0.5em;
}

div#Artist div.motor > div.undefined, div#Artist div.means > div.undefined {
    width: 360px;
    font-size: 14.28px;
    border-radius: 10px;
}

div#Artist div.motor > div.undefined {
    padding-top: 15px;
}

    div#Artist div.motor > div.undefined a, div#Artist div.means > div.undefined a {
        font-weight: bold;
        text-decoration: none;
    }

div#Artist div.processed {
    position: relative;
    width: auto !important;
    height: 26px;
    top: -7px;
    right: -5px;
    display: none;
}

div#Artist div.defined.certified div.processed {
    display: flex;
}

div#Artist div.processed:before {
    content: "a";
    font-family: "AgencyFB";
    color: #FA2E21;
    text-transform: lowercase;
}

div#Artist div.processed:after {
    content: "p";
    font-family: "AgencyFB";
    color: #948B54;
    text-transform: lowercase;
}

div#Artist div.undefined {
    margin: 18px 31px;
    margin-left: 43px;
    text-align: center;
    display: none;
}

    div#Artist div.undefined > button {
        width: 338px;
        height: 62px;
        border-radius: 10px;
        border: 1px solid rgb(148,138,84);
        background-color: #f4f2e7;
        cursor: pointer;
        transition: all ease 0.5s;
        position:relative;
        z-index:2;
        right:29px;
    }
        div#Artist div.undefined > button.order-certification {
            position: absolute;
            right: 29px;
            z-index: 1;
            width: 149px;
            padding-left: 15px;
            background-color: #61c365;
            color: white;
            font-weight: bold;
        }
        div#Artist div.undefined > button > div.edit {
            position: absolute;
            right: -15px;
            top: -13px;
            background-image: url(/Content/images/edit-v4.png);
            background-position: center center;
            background-repeat: no-repeat;
            background-color: white;
/*            background-position-y: 3px;*/
            width: 24px;
            height: 24px;
        }

        div#Artist div.undefined > button:first-child:hover {
            background-color: rgb(242,240,233 );
        }

        div#Artist div.undefined > button > div:first-child {
            font-size: 14.28px;
        }
/*div#Artist div.defined div.header.edited:after {
    content: "*";
}*/
div#Artist div.artist-definition div.motor:hover,
div#Artist div.artist-definition div.means:hover {
    background-color: #f0eed8;
}
div#Artist div.defined > div > div.header,
div#Artist div.defined > div:first-child {
    text-transform: uppercase;
    color: red;
    /*    width: 310px;*/
    float: left;
    font-size: 16.32px !important;
}

    div#Artist div.defined > div:first-child > div {
        float: left;
    }

div#Artist div.defined > div.short-text {
    font-weight: bold;
    color: #948B54;
    clear: both;
    font-size: 14.28px;
    overflow: auto;
    max-height: 45px;
}

div#Artist div.defined > div.short-text > a{
    color: #948B54;
    text-decoration:none;
}

div#Artist div.defined > div.long-text {
    font-size: 14.28px;
}

div#Artist div.defined > div.informations {
    font-size: 10px;
    padding-top: 2px;
}

    div#Artist div.defined > div.informations > div {
        margin-right: 5px;
        color: red;
    }

    div#Artist div.defined > div.informations > a {
        color: blue;
        text-decoration: none;
    }

    div#Artist div.defined > div.informations > div, div#Artist div.defined > div.informations > a {
        float: left;
        max-width: 223px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        div#Artist div.defined > div.informations > div.definition-ongoing {
            padding: 30px !important;
            color: black !important;
            font-weight: normal;
            font-size: 14.28px !important;
            max-width: 100% !important;
        }

div#Artist div.edition-icons {
    /*display: none;*/
    position: absolute;
    width: 145px;
    left: calc(100% - 145px);
    top: -9px;
}

    div#Artist div.edition-icons > div {
        width: 24px;
        height: 24px;
        float: right;
        cursor: pointer;
        margin-left: 5px;
    }

        div#Artist div.edition-icons > div.disabled {
            opacity: 0.4;
            cursor: not-allowed;
        }

    div#Artist div.edition-icons div.record {
        background: url('/Content/images/floppy.jpg') no-repeat center center;
    }

    div#Artist div.edition-icons div.edit, div#images div.edit {
        background: url('/Content/images/edit-v4.png') no-repeat center center;
    }

    div#Artist div.edition-icons div.view {
        background: url('/Content/images/eye.png') no-repeat center center;
    }

    div#Artist div.edition-icons div.publish, div#images div.publish, div#images div.validate {
        background: url('/Content/images/publish.png') no-repeat center center;
    }

    div#Artist div.edition-icons div.processed_ap {
        background: url('/Content/images/AP_on.svg') no-repeat center center;
    }

        div#Artist div.edition-icons div.processed_ap.disabled {
            background: url('/Content/images/AP_off.svg') no-repeat center center;
        }

    div#Artist div.edition-icons div.processing {
        background: url('/Content/images/48h.jpg') no-repeat center center;
        background-size: cover;
    }

    div#Artist div.edition-icons div.share {
        background: url('/Content/images/share.png') no-repeat center center;
        background-size: cover;
    }

div#Artist div.top-icons div.follow {
    background: url('/Content/images/pin-icon-smartphone-on.svg') no-repeat center center;
    background-size: cover;
    height: 21px;
    width: 23px;
    padding: 12px;
}

    div#Artist div.top-icons div.follow.following {
        background: url('/Content/images/pin-icon-smartphone-off.svg') !important;
        background-size: cover !important;
    }

div#Artist span.view.private {
    position: absolute;
    left: 226px;
    top: -28px;
    border: 1px solid blue;
    background-color: aliceblue;
    line-height: 1;
    padding: 0 2px;
    margin: 0;
    align-items: center;
    font-size: 11.48px;
    display: none;
    z-index: 1;
    justify-content: center;
}

div#images div.right {
    background: url('/Content/images/publish.png') no-repeat center center;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

div#images div.left {
    background: url('/Content/images/publish.png') no-repeat center center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

div.cancel, div.exclude {
    background: url(/Content/images/cancel.png) no-repeat;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-size: contain;
}

div#Artist div.NameAndForename {
    position: relative;
    width: 216px;
    height: 44px;
    align-items: center;
    display: flex;
    font-size: 16.32px;
    font-weight: bold;
}
body.artist.selfportrait div#Artist div.NameAndForename textarea {
    border: none;
    background-color: transparent;
    width: 100%;
    font-size: 16.32px;
    font-weight: bold;
    resize: none;
    height: -webkit-fill-available;
}
    div#Artist div.NameAndForename > div {
        position: relative;
    }

    div#Artist div.NameAndForename div.processed {
        position: absolute !important;
        top: -5px !important;
        right: -17px !important;
    }

div#Artist > div.left > div {
    padding-left: 0px;
/*    padding-right: 43px;*/
}
div#Artist > div.left > div.artist-definition div.defined,
div#Artist > div.left div.portrait-content {
/*    padding-right: 43px;*/
}

div#Artist div.artist-scenes {
    height: 44px;
    align-items: center;
    display: flex;
    padding-left: 16px;
}

    div#Artist div.artist-scenes > div {
        float: left;
        width: 37px;
    }
        div#Artist div.artist-scenes > div:hover {
            background-color: #f0eed8;
        }

        div#Artist div.artist-scenes > div.french-scene li {
            line-height: 44px;
        }

div#Artist div.french-scene > div.scene, div#Artist div.no-french-scene > div.scene {
    /*overflow: hidden !important;*/
    border: none !important;
    height: 21px;
}

div#Artist ul.scene-dates {
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;
    margin-left: 4px;
}

div#Artist ul.scene-dates-1 {
    line-height: 44px;
}

div#Artist ul.scene-dates-2 {
    line-height: 22px;
}

div#Artist ul.scene-dates-3 {
    line-height: 14.6px;
}

div#Artist ul.scene-dates-4 {
    position: relative;
    line-height: 17px;
}

    div#Artist ul.scene-dates-4 li:last-child {
        position: absolute;
        left: 90px;
        top: 0;
        width: 87px;
    }

div#Artist div#deleteArtist {
    clear: both;
    float: left;
    cursor: pointer;
}

form#theSameArtistsForm div.checkbox {
    width: 110px;
    position: relative;
    /*overflow: hidden;*/
    white-space: nowrap;
}

form#theSameArtistsForm input {
    float: left;
    margin-top: 5px;
}

form#theSameArtistsForm label {
    display: block;
    line-height: 22px;
}

    form#theSameArtistsForm div:first-letter, form#theSameArtistsForm label:first-letter {
        text-transform: uppercase;
    }

form#theSameArtistsForm > div {
    width: 100%;
    clear: both;
    line-height: 22px;
    display: block;
}

    form#theSameArtistsForm > div > div {
        float: left;
    }

        form#theSameArtistsForm > div > div:first-child {
            width: 145px;
            display: block;
            height: 22px;
        }

            form#theSameArtistsForm > div > div:first-child > div {
                /*                float: left;
                max-width: 32%;*/
                display: inline;
                white-space: nowrap;
                overflow: hidden;
            }

                form#theSameArtistsForm > div > div:first-child > div:last-child {
                    margin-left: 5px;
                    max-width: none;
                    text-transform: lowercase;
                }

                    form#theSameArtistsForm > div > div:first-child > div:last-child:first-letter {
                        text-transform: lowercase;
                    }

                    form#theSameArtistsForm > div > div:first-child > div:last-child:after {
                        content: ":";
                    }

div.ArtistsWithTheSameeee {
    text-align: justify;
    margin: auto;
}

    div.ArtistsWithTheSameeee > section > span {
        white-space: normal;
        display: inline-block;
    }

        div.ArtistsWithTheSameeee > section > span:after, div.ArtistsWithTheSameeee > span:after {
            content: "/";
            padding: 0 4px;
        }

    div.ArtistsWithTheSameeee a {
        text-decoration: none;
        color: black;
        display: inline-block
    }
        div.ArtistsWithTheSameeee a:hover {
            background-color: #f0eed8;
        }

div#MeanNotDefinedMessage, div#MotorNotDefinedMessage, div#NoSameMotorMeansArtist, div#AtLeastOneScene, div#MeanAndMotorNotDefinedMessage, div#DataFromThirdPart {
    border: none !important;
    text-align: justify !important;
    font-size: 12.26px;
    line-height: 16px;
    position: absolute;
    width: 305px;
    margin-left: 65px !important;
}

div#AtLeastOneScene, div#MeanAndMotorNotDefinedMessage, div#NoSameMotorMeansArtist {
    top: 50%;
}

div#MotorNotDefinedMessage {
    top: 103px;
    margin-left: 43px !important;
    margin-right: 20px !important;
    width: auto;
}

div#MeanNotDefinedMessage {
    bottom: 45px;
    margin-left: 43px !important;
    margin-right: 20px !important;
    width: auto;
}

div#DataFromThirdPart {
    bottom: 0;
    font-size: 10px;
    color: #ff0000;
    margin-left: 43px;
}

div#NoSameMotorMeansArtist, div#AtLeastOneScene, div#MeanAndMotorNotDefinedMessage {
    margin-top: 15px !important;
}

div#DataFromThirdPart {
    display: none;
}

div#images {
    width: 90%;
    clear: both;
    background: #ffffff;
    /*float: left;*/
    height: 138px;
    margin-top: 21px;
    /*display:none;*/
}

    div#images > div {
        width: 962px;
        margin-left: auto;
        margin-right: auto;
    }

    div#images div.media {
        position: relative;
        display: inline-block;
    }

    div#images img {
        height: 138px;
        min-width: 50px;
    }

    div#images a.add-image, div#images a.add-video {
        color: rgb(148,138,84);
        padding-top: 20px;
        height: 138px;
        font-size: 12.26px;
        text-transform: uppercase;
        font-weight: bold;
        text-decoration: none;
        position: relative;
        text-align: center;
        width: 117px;
        text-align: center;
        margin-right: 11px;
        transition: all ease 0.5s;
        float: left;
        border: none !important;
        background-size: cover;
        text-indent: -300px;
        overflow: hidden;
        background-size: cover;
    }

    div#images a.add-video {
        margin-right: 0;
        background: url(/Content//images/add-video-desktop.svg) no-repeat;
    }

    div#images a.add-image {
        margin-right: 10px;
        background: url(/Content//images/add-image-desktop.svg) no-repeat;
    }

        div#images a.add-video:hover, div#images a.add-image:hover {
            background-color: rgb(242,240,233 );
        }

        div#images a.add-image > span, div#images a.add-video > span {
            margin-left: -12.5px;
            font-size: 25px;
            left: 50%;
            top: 50%;
            position: absolute;
        }

    div#images .slick-next {
        right: -18px !important;
        height: 100% !important;
/*        top: 10px !important;*/
    }

    div#images .slick-prev {
        left: -18px !important;
        height: 100% !important;
/*        top: 10px !important;*/
    }

        div#images .slick-prev:before, .slick-next:before {
            font-size: 17px !important;
            color: rgb(148,138,84 ) !important;
        }

    div#images div.slick-track > div.slick-slide:not(:last-child) {
        margin-right: 11px;
    }

    div#images div.media > div:not(.play-overlay) {
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        z-index: 999;
        left: 2px;
        background-color: #ffffff75;
    }

    div#images div.publish {
        margin-top: 57px;
        left: auto !important;
        right: 2px;
    }

    div#images div.cancel {
        left: auto !important;
        right: 2px;
    }

    div#images div.left {
        margin-top: 115px;
    }

    div#images div.right {
        margin-top: 115px;
        margin-left: 34px;
    }

        div#images div.disabled{
            opacity: 0.3;
            cursor: not-allowed !important;
        }

div.play-overlay {
    background: transparent url("/Content/images/play-on.svg") no-repeat scroll center center;
    height: 110px;
    position: relative;
    margin-top: -125px;
    cursor: pointer;
    background-size: 45px 45px;
}

    div.play-overlay:hover {
        background: transparent url("/Content/images/play-off.svg") no-repeat scroll center center;
        background-size: 45px 45px;
    }
/*Motors dialog*/
table.meansAndMotorsDialog {
    border-collapse: collapse;
    color: black;
}

    table.meansAndMotorsDialog td {
        border: solid 1px gray;
        padding: 3px;
    }

        table.meansAndMotorsDialog td > div:first-child {
            font-weight: bold;
        }

    table.meansAndMotorsDialog tr {
        cursor: pointer;
    }

        table.meansAndMotorsDialog tr:hover, td.hover, td.hover-selected {
            background-color: #FFD9D6 !important;
        }

a.help {
    clear: left;
    display: none;
    float: left;
    text-decoration: underline !important;
    color: blue !important;
    text-transform: lowercase;
    font-size: 11.42px;
    white-space: nowrap;
    font-weight: normal;
}

div.clickoncloseoutside span.ui-dialog-title {
    margin-right: 17px;
    width: auto !important;
}

/*Statistics*/
div.portrait-content div.scrollbar-macosx {
    width: 100% !important;
    height: 118px !important;
}
body.artist div#Stats {
    display: flex;
    max-height: 480px;
    overflow-y: scroll;
}
body.artist div#Stats>div
{
    flex:1;
}
body.artist div#Stats>div:first-child
{
    margin-right:10px;
}
/*Explanations*/
div#choice .title, div#explanation > div.title, div#contact > div.title {
    margin-top: 20px;
    margin-left: 19px;
    margin-bottom: 4vh;
    padding-bottom: 21px;
    border-bottom: solid 1px rgb(222, 217, 195) !important;
    color: black;
    text-transform: none;
    font-size: 16.32px;
    font-weight: bold;
    width: 961px;
}

    div#explanation > div.title.invisible > span {
        visibility: hidden;
    }

    div#explanation > div.title::first-letter {
        text-transform: uppercase;
    }

div#explanation > div.content {
    /*-webkit-column-gap: 96px;
    -webkit-column-rule: solid 1px rgb(222, 217, 195);
    -webkit-column-width: 419px;
    -moz-column-gap: 96px;
    -moz-column-rule: solid 1px rgb(222, 217, 195);
    -moz-column-width: 419px;
    column-gap: 96px;
    column-rule: solid 1px rgb(222, 217, 195);
    column-width: 419px;*/
    font-size: 13px;
    /*margin-left: 30.5px;
    margin-right: 30.5px;*/
    text-align: justify;
    line-height: 1.5;
    display: flex;
    justify-content: space-between;
}
    div#explanation > div.content>div{
        flex:1;
    }
div.text-contents {
    height: 210px;
    font-size: 13px;
    line-height: 1.55;
    color: #7B7B7B;
}
div#explanation div.text-contents ul{
    list-style:none;
    list-style-image: url('/Content/images/green-square.svg');
}
div#explanation div.scroll-element.scroll-y {
    margin-right: 15px;
}
div#explanation > div.content a {
    color: blue;
    text-decoration: none !important;
}
    div#explanation > div.content.col-1 {
        column-count: 1;
        max-width: 419px;
        margin: 0 auto;
    }
    div#explanation > div.content > table td {
        text-align: justify;
    }

        div#explanation > div.content > table td > p:first-child, 
        div#explanation > div.content > p:first-child, 
        div#choice > div.content > p:first-child,
        div.text-contents > div > p:first-child {
            margin-top: 0px;
        }

        div#explanation > div.content > table td > p:last-child,
        div#explanation > div.content > p:last-child,
        div.content > p:last-child,
        div.text-contents > div > *:last-child {
            margin-bottom: 15px;
        }
body.explanations div.text-contents.scroll-wrapper:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 23px;
    bottom: var(--explanation-blur-bottom);
    margin: 0 auto;
    background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 80%);
    pointer-events: none;
}

    div#explanation > div.content > table > tbody > tr > td:first-child {
        padding-right: 47px;
        border-right: solid 1px rgb(222, 217, 195);
    }

    div#explanation > div.content > table > tbody > tr > td:last-child {
        padding-left: 47px;
    }

/*div#explanation > div.content > div > div:first-child > div*/
div#explanation > div.content > div > div > div > div:first-child > div {
    margin: 0 auto;
    width: 360px;
    text-align: justify;
}

div#explanation > div.content > div > div:first-child {
    /*overflow: hidden !important;*/
}

        div#explanation > div.content > div > div:last-child {
            /*overflow:hidden !important;*/
        }

body.results div.read-more, body.explanations div.read-more {
    display: none;
}

div#explanation > div.content > p.empty,
div#explanation > div.content > div > p.empty {
    height: 10px;
}

/*Authentication*/
.dialogAuth input, #UserCreation input {
    width: 100%;
    margin-top: 15px;
}

div.UserCreationConfirmed, div.ArtistCreationConfirmed {
    padding: 10px 0;
}

div.btnvalider {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

    div.btnvalider button, div.btncreateenregistrement button {
        float: right;
        /* margin-right: 24px; */
        margin-top: 30px;
        padding: 5px 21px;
        border: 0;
        cursor: pointer;
        text-transform: uppercase;
    }

div.btncreateenregistrement button {
    margin-top: 15px;
    margin-bottom: 15px;
}

body.help div.btnvalider button, body.help div.btncreateenregistrement button {
    margin-top: 5px;
}
div#explanation .btncreateenregistrement{
    display:inline
}
    div#explanation .btncreateenregistrement button {
        font-size: 12px;
    }
div.ForgotPassword {
    margin-top: 10px;
}

.btncreateaccount {
    margin: 30px auto 0;
    display: block;
    text-align: center;
}

    .btncreateaccount a {
        font-weight: bold;
        cursor: pointer;
    }

a.forgotPassword {
    cursor: pointer;
    text-decoration: underline;
}

#UserCreation {
    margin-top: 8px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete-loading {
    background: white url('/Content/images/ui-anim_basic_16x16.gif') right center no-repeat;
    border: solid 1px black;
    padding: 2px;
}

div.dialogAuth form > div {
    clear: both;
}

div.Logaccount {
    padding: 15px 0;
}
/*New artist*/
.ui-dialog.NewArtist > div.ui-dialog-content {
    overflow: hidden;
    margin-top: 26px !important;
    padding-left: 50px !important;
}

form#frmNewArtist > div {
    clear: both;
    /*float: left;*/
    padding: 5px;
}

    form#frmNewArtist > div.input.birthyear > div, form#ArtistForm > div.input.birthyear > div {
        width: 121px !important;
    }

    form#frmNewArtist > div.input > div {
        float: left;
        width: 120px;
        line-height: 21px;
    }

    form#frmNewArtist > div.input input {
        width: 269px;
        height: 21px;
    }

form#frmNewArtist label {
    float: left;
    width: 330px;
    margin-left: 7px;
}

form#frmNewArtist input[type=checkbox], form#ArtistForm input[type=checkbox] {
    margin-top: 1px;
    float: left;
}

form#frmNewArtist input.input-validation-error ~ label, form#frmNewArtist input.input-validation-error ~ div, form#ArtistForm input.input-validation-error ~ label, form#ArtistForm input.input-validation-error ~ div {
    color: red;
}

form#frmNewArtist select {
    width: 82px;
    border: solid 1px #C6BE97;
    padding-left: 19px;
    height: 21px;
}

form#frmNewArtist div.conditions {
    padding-top: 15px;
    width: 405px;
}

    form#frmNewArtist div.conditions > div:first-child, form#ArtistForm div.conditions > div:first-child {
        font-weight: bold;
        padding-bottom: 15px;
    }

form#frmNewArtist div.activities > div, form#ArtistForm div.activities{
    display:inline-block;
    margin-left:20px;
}
form#frmNewArtist div.activities > div, form#ArtistForm div.activities > div {
    clear: both;
    float: left;
    padding-bottom: 8px;
}

form#frmNewArtist > div:last-of-type {
    margin-right: 40px;
}

form#frmNewArtist label#labelForAgree {
    cursor: pointer;
}

div#ArtistCreationMessage {
    clear: both;
    color: red;
}

div#ArtistCreated div.url {
    padding: 30px;
}

div#ArtistCreated span.artist {
    font-weight: bold;
}
/*Medias panel*/
div#MediaPanel img {
    max-height: 150px;
    max-width: 150px;
}

div#MediaPanel div#ImageOtherFields {
    display: none;
}

div#MediaPanel form#frmMediaForm > div {
    clear: both;
}

div#MediaPanel form#frmMediaForm input,
div#MediaPanel form#frmMediaForm textarea {
    width: 100%;
}
/*Backoffice*/
div#BackofficeMenu a {
    padding-right: 10px;
}
/**/
div.scroll-wrapper {
    clear: both;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
    width: 6px !important;
}
/**/
body.authentication, body.default {
    /*margin: 0;*/
    padding-top: 0;
}

    body.authentication div#content, body.default div#content {
        max-width: 996px !important;
        width: 100% !important;
        background: white !important;
        /*min-width: 329px !important;*/
        margin-left: auto;
        margin-right: auto;
    }

    body.authentication div#top, body.default div#top {
        margin-left: auto !important;
        width: 100% !important;
        margin-right: auto !important;
    }

    body.authentication div#count, body.default div#count {
        box-sizing: border-box !important;
        width: 329px !important;
        text-align: center !important;
        float: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        margin-top: 44px !important;
        margin-bottom: 0px !important;
    }
div#top div.container div.buttons {
    height: 30px;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
    margin-top:-4px;
}
body.default #top div.container div.buttons {
    padding: 6px 0;
}
    body.authentication div#count {
        margin-top: 15px !important;
        margin-bottom: 7px !important;
    }
div#count > a.numbers {
    text-decoration: none;
    color: black;
}
    body.authentication div#top div#count > a.numbers, body.default div#top div#count > a.numbers {
        font-size: 30px;
    }

    body.authentication div#top div#count > a:first-child > div, body.default div#top div#count > a:first-child > div {
        width: 16px;
        line-height: 38px;
        margin-left: 3px;
    }

    body.authentication div#top div#count > a.site-title, body.authentication div#top div#count > a.numbers, body.default div#top div#count > a.site-title, body.default div#top div#count > a.numbers {
        line-height: 45px !important;
    }

    body.authentication div#top div#count > a.site-title, body.default div#top div#count > a.site-title:not(.explanations) {
        font-size: 33px;
        border: 0px !important;
        border: 1px solid #ded9c3 !important;
    }

div#top div#count > a.site-title.author {
    font-size: 23px;
    display: none;
}

body.default div#top div#count > a.site-title.author {
    display: block;
}

div#top div#count > a.site-title.author, body.authentication div#top div#count > a.site-title.author, body.default div#top div#count > a.site-title.author {
    border: none !important;
    color: gray;
}

body.authentication div#top div#count > a.site-title.author, body.default div#top div#count > a.site-title.author {
    line-height: 40px !important;
    font-size: 30px;
    z-index: 2;
}

@media (min-height: 600px) and (min-width: 1100px) {
    body.authentication div#content div.change-language,
    body.default div#content div.change-language,
    body.authentication a.btn-share,
    body.default a.btn-share {
        top: 15px;
    }
}

body.authentication div#links-and-search, body.default div#links-and-search {
    width: 100% !important;
    margin-bottom:17px;
}

body.authentication div#links, body.default div#links {
    right: 0px;
    top: -160px;
    position: absolute;
    margin-bottom: 0px !important;
}

body.authentication div#links, body.default div#links {
    display: none;
}

body.authentication div#SearchFormValidationMessage, body.default div#SearchFormValidationMessage {
    display: none;
}

body.authentication div#search, body.default div#search {
    width: 329px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    position: relative;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
}

    body.authentication div#search input, body.default div#search input {
        padding-top: 4px !important;
        padding-bottom: 2px !important;
        padding-right: 10px !important;
        padding-left: 37px !important;
        outline: none !important;
        border: 1px solid #ded9c3 !important;
        font-size: 16px !important;
        line-height: 34px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        height: 40px !important;
    }

    body.authentication div#search .holder, body.default div#search .holder {
        font-size: 15px;
    }

body.default div#body {
    height: 420px !important;
}

body.default div#selected-artists {
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 329px !important;
    height: 420px !important;
    overflow: hidden !important;
    margin-top:0px !important;
}
/**/
body.artist div#top div#count, 
body.explanations div#top div#count, 
body.help div#top div#count {
    margin-right: 35px;
    margin-top: 0 !IMPORTANT;
}

/*body.help div#links,
body.artist div#links,
body.explanations div#links*/
div#links {
    margin-left: -8px;
}

body.artist div#search input, body.help div#search input, body.explanations:not(.results) div#search input {
    height: 30px !important;
    width: 238px !important;
}

body.artist div#search {
    float: left;
}
/*Jquery Ui Dialog*/
.ui-dialog {
    border: solid 2px #C6BE97 !important;
    border-radius: 0px !important;
    padding: 0 !important;
    max-width: 100vw;
}

    body.authentication input, .ui-dialog input, .ui-dialog textarea {
        border: solid 1px #C6BE97;
        /*width: 66%;
        margin: 9px 50px 9px 50px;*/
        padding: 8px;
        resize:none
    }

    .ui-dialog.message div#dialog {
        padding-top: 10px !important;
    }

.ui-widget {
    font-size: 12px !important;
}

.ui-widget-header {
    border-radius: 0px !important;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid 1px #C6BE97;
}

.ui-dialog-content {
    border: none !important;
}

.ui-dialog-buttonpane {
    border: none !important;
}

.ui-dialog-titlebar {
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-transform: uppercase;
    color: #948854;
    line-height: 24px;
}

body.authentication div.size, .ui-dialog-content {
    color: #958A52;
    padding: 0px !important;
    font-family: Arial !important;
    overflow-x: hidden !important
}

.ui-button {
    background: #b0a779;
    border-radius: 0px !important;
    color: white !important;
    border: 1px solid #948a54;
    line-height: 23px !important;
    text-transform: uppercase !important;
}

    .ui-button:hover {
        background: #DED9C3 !important;
        /*color: #FA2E21 !important;*/
    }

.ui-button-icon-only.ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}

span.ui-button-icon.ui-icon.ui-icon-closethick {
    background: url('/Content/images/cross-30x30-1.6outline.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.ui-widget-content a {
    color: rgb(148,138,84);
    text-decoration: none;
}

    .ui-widget-content a:hover {
        color: #c6c099;
    }

.fancybox-nav span {
    visibility: visible !important;
}

.fancybox-title-float-wrap .child {
    text-align: left !important;
}

.fancybox-title {
    text-shadow: 0 1px 2px #222;
    color: #fff;
    text-align: right;
    display: flex;
    justify-content: space-between;
}

.fancybox-skin {
    background: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
/*body.default div.lvlFooter, body.results div.lvlFooter {
    display: none;
}*/
@media (max-width: 1000px) {
    body.results div.lvlFooter, body.explanations div.lvlFooter {
        display: none;
    }
}

@media (max-width: 900px) {
    div.lvlFooter {
        display: none !important;
    }
}
/*
Bandeau du carrousel n'est pas aligné avec le drapeau.
Ligne horizontale haute et basse et mention copyright. Ligne horizontale haute à un retrait par rapport au texte.
La flèche est alignée avec le haut de la page.
*/
div#Artist > div.right {
    width: 430px;
}

.footer {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

body.explanations .footer {
    margin-left: 19px;
    width:977px;
}
body.explanations .lvlFooter p {
    width: 977px !important;
}

div#images {
    width: 978px;
}

    div#images > div {
        width: 100%;
        white-space: nowrap;
    }

    div#images .slick-prev {
        left: -24px !important;
        background: white;
        width: 24px;
    }

    div#images .slick-disabled {
        background: none;
    }

/*.lvlFooter, .lvlFooter p {
    width: 100%;
}*/

    .lvlFooter p {
        text-align: right;
        width: 997px;
    }


body.authentication div#search input, body.default div#search input {
    padding-top: 4px !important;
}

div#search input {
    padding-top: 4px !important;
}
/*
Remplacer l'indicateur de chargement qui est : 
dans le moteur de recherche par celui qui est en PJ (le mettre en rvb 197;190;151). Le placer un peu plus à gauche qu'il n'est actuellement.
dans toutes les fenêtres de dialogue (lorsque clic sur clef, lorsque clic sur add motor/means, add image/video, lorsque clic sur boutons de fonctionnalités utilisateurs), accessible sur page d'artiste (ceux qui apparaissent en gris en page Suggestion)
lorsque clic sur une image/vidéo avant qu'elle n'apparaisse en grand
Place le même indicateur de chargement au milieu du volet droit (doit apparaître lorsqu'on clic sur la case à cocher de la Page Résultat (cf PJ).

La dimension de l'indicateur de chargement sera définie ultérieurement. Il faut surtout bien le centrer dans la zone où il s'applique (sauf pour la case de recherche.
Par  exemple quand la case "même Moyen" cochée uniquement, il faut placer l'indicateur au milieu de la zone où va apparaître le contenu, en bas pour même Moyen, en haut pour même Moteur, au milieu quand les deux sont cochés.
*/
.cssload-container {
    width: 100%;
    height: 49px;
    text-align: center;
}

.cssload-torus {
    width: 49px;
    height: 49px;
    margin: 0 auto;
    background: url(/Content/images/loader-20201105.svg);
    background-size: contain;
    /*border: 3px solid;
	border-radius: 50%;
	border-color: transparent #948b54 #948b54 !important;*/
    animation: cssload-spin 1000ms infinite linear;
    -o-animation: cssload-spin 1000ms infinite linear;
    -ms-animation: cssload-spin 1000ms infinite linear;
    -webkit-animation: cssload-spin 1000ms infinite linear;
    -moz-animation: cssload-spin 1000ms infinite linear;
}

@keyframes cssload-spin {
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-spin {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-spin {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body.artist div#search {
    position: relative;
}

#search .cssload-container {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-bottom: -23px;
    display: none;
    position: absolute;
    top: 4px;
    background: white;
    margin-left: 210px;
}

#search .cssload-torus {
    width: 20px;
    height: 20px;
    border-color: transparent #948b54 #948b54;
    /*background: white;*/
}

#search .cssload-full {
    margin-left: calc(100% - 37px);
    /* padding-top: 5px; */
    margin-bottom: -20px;
    position: relative;
    top: 5px;
    background-color: white;
}

#search .cssload-main {
    margin-left: 295px;
    width: 37px;
    height: 30px;
    top: 3px;
    position: absolute;
    right: 4px;
}

    #search .cssload-main .cssload-torus {
        width: 30px;
        height: 30px;
    }

        #search .cssload-main .cssload-torus img {
            width: 30px;
            height: 30px;
        }
        #search .cssload-torus img {
            width: 100%;
            height: 100%;
        }

#Artist .cssload-position {
    width: 100%;
    position: absolute;
    height: 0px !important;
    overflow-x: visible;
}

#Artist .cssload-container {
    width: 100%;
    height: 280px !important;
    background: #fff;
    padding-top: 95px;
}

#Artist .cssload-torus {
    width: 50px;
    height: 50px;
    /*border: 4px solid;*/
    /*display: none;*/
}

#dialog .cssload-container {
    width: 100%;
    height: 100px;
    padding-top: 30px;
}

#fancybox-loading {
    display: none;
}

body.authentication div#search input, body.default div#search input {
    background: url(/Content/images/loupe.png) no-repeat 98% center, 
                url(/Content/images/loupe.svg) no-repeat 98% center;
    background-size: 22px 21px !important;
}

div#search input {
    background: url(/Content/images/loupe.svg) no-repeat 96.5% center;
    background-size: 17px 17px !important;
    background-color: white;
    padding-top: 4px !important;
}

div.loading {
    background: none;
}

input::-ms-clear {
    display: none;
}

a.zoneClickable {
    width: 62px;
    height: 20px;
    position: absolute;
    margin: 0;
    left: calc(90% - 62px);
    top: 0;
}
/*RESPENSIVE*/
/*Masquer le footer*/
@media screen and (max-height: 675px) {
    .footer {
        display: none;
    }

    .lvlFooter {
        display: none;
    }

    hr {
        display: none;
    }
}
@media screen and (min-height: 525px) and (min-width: 900px) {
    body:not(.artist) .footer {
        display: block;
    }

    body:not(.artist) .lvlFooter {
        display: block;
    }

    /*hr {
        display: none;
    }*/
}

@media (min-height : 600px) and (min-width: 1256px) {
    body {
        background: #DDDBDC;
    }

    div#content {
        background: white !important;
        /*padding-right: 35px !important;
        padding-left: 35px !important;*/
        /*padding-top: 4% !important;*/
    }
}

@media (min-height : 667px) {
    div#content {
        padding-top: 3vh !important;
    }
}

@media (max-height : 600px) {
    body {
        overflow-y: auto;
    }
}

@media(max-width: 897px) {
    body.results div.change-language{
        display: none;
    }

    body.results div#body {
        height: auto !important;
    }
}

.slick-initialized > .media {
    display: none;
}
/* */
@media not print {
    @media screen and (max-width: 897px) {
        body.default div#content{
            padding:0 !important;
        }
        div#top div.container div.buttons {
            justify-content: space-between;
            margin-top: 0;
        }
        body.default div#top div.container div.buttons {
            width: 302px !important;
            position: relative;
            margin-bottom: 12px;
        }

        div.buttons a:not(:first-child),
        div.buttons div,
        div.buttons a:not(:first-child),
        div.buttons div {
            margin-left: 0px;
        }

        body.default div.buttons > a:not(:first-child),
        body.default div.buttons > div {
            margin-left: 15px;
            height: 16px;
        }
        body.results div.buttons a:not(:first-child),
        body.results div.buttons div,
        body.results div.buttons a:not(:first-child),
        body.results div.buttons div {
            margin-left: 5px;
        }
        body.results div.my-menu, body.results button.my-menu {
            display: block;
            position: relative;
        }
        body.default div#selected-artists,
        body.default div#count,
        body.default div#filter,
        div#selected-artists,
        body.default div#search,
        div.container {
            width: 302px !important;
            margin: 14px auto;
        }

        body.results div#content {
            padding: 0px !important;
            align-items: center;
            width:100% !important;
        }

        body.artist div#top,
        body.explanations div#top {
            background-color: #c5be97;
        }
        body.results div#top {
            display: flex;
            background-color: #ded9c3;
            justify-content: center;
        }
        body.results div#top > div {
            float: none;
        }
        body.results div#search input {
            border: 1px solid #968C56 !important;
        }
        .lvlFooter, .lvlFooter p {
            width: 292px !important;
            text-align: center;
        }
        div#btnNFT {
            left: 0;
            top: 10px;
            position: relative;
            margin-top: 15px;
            background: url(/Content/images/buy-artist-nft-button-smartphone.svg) !important;
            height: 15px;
            border-radius: 0;
            width: 100%;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            overflow: hidden;
        }
            div#btnNFT.no-scene {
                background: url(/Content/images/buy-artist-nft-button-noscene-smartphone.svg) !important;
            }        
        body.authentication div#count,
        body.default div#count {
            position: relative;
            margin-top: 0px !important;
            z-index: 2;
        }


        div#top div#links-and-search {
            width: 302px !important;
            margin: 0 auto;
        }

        body.default div#top div#links-and-search {
            margin-bottom: 17px !important;
        }

        body.results div.search-legend {
            display: none;
        }


        body.results div#top div#links-and-search div#search input {
            font-size: 14px;
        }

        body.results div#top div#links-and-search div#search .holder {
            font-size: 14px;
        }

        body.results div#top div#links-and-search div#SearchFormValidationMessage {
            font-size: 10px !important;
            display: block !important;
            max-width: 220px;
        }

        body.results div.white-background {
            height: 70px !important;
        }

        div#suggestions {
            margin-top: 8px;
            width: 302px !important;
        }

            div#suggestions table {
                width: 302px !important;
                margin-top: 6px;
            }

            div#suggestions tr > td:nth-child(2) {
                width: 182px !important;
                text-transform: uppercase;
            }

            div#suggestions tr:first-child,
            div#suggestions td.period,
            div#suggestions td.scenes {
                display: none;
            }

        div#links {
            display: none;
        }

        body.authentication div#MyMenu > a.login,
        body.default div#MyMenu > a.login {
            overflow: hidden;
            text-indent: -100px;
        }
        body:not(.default) div#MyMenu > a.login > img:not(:last-child) {
            display: none !important;
        }
        body:not(.default) div#MyMenu > a.login > img:last-child {
            display: block !important;
            width: 27px;
        }
        div#MyMenu > a.identity {
            padding: 0;
            position: relative;
        }
        body.default div#MyMenu a.identity img {
            filter: contrast(0);
        }
            div#MyMenu > a.identity > span {
                display: none;
            }

        div#MyMenu:hover > div {
            right: 0;
            top: 60px;
            z-index: 2;
        }

        body.authentication div#MyMenu:hover > div,
        body.default div#MyMenu:hover > div {
            right: 0px !important;
        }

        html, body, div#content {
            height: 100% !important;
            padding:0px !important;
        }

            body.artist,
            body.explanations {
                font-size: 11.48px !important;
            }

                body.artist div#MyMenu > a.menu,
                body.explanations div#MyMenu > a.menu {
                    display: block !important;
                }

                body.artist div#search input,
                body.explanations:not(.results) div#search input {
                    height: 30px !important;
                    background: url(/Content/images/lens.svg) no-repeat 125px 7px;
                    font-size: 11px !important;
                    background-size: 16px 16px !important;
                    background-color: white;
                }

                body.artist div#search .holder,
                body.explanations:not(.results) div#search .holder {
                    font-size: 11px;
                    top: 9px;
                }

                body.artist div#search input,
                body.explanations:not(.results) div#search input,
                body.artist div#top div#links-and-search,
                body.explanations:not(.results) div#top div#links-and-search {
                    width: 149px !important;
                }

                body.artist div#SearchFormValidationMessage,
                body.explanations div#SearchFormValidationMessage {
                    height: 11px !important;
                    display: none;
                }

                body.artist div.white-background,
                body.explanations div.white-background {
                    display: none !important;
                }

                body.artist div#count,
                body.explanations div#count {
                    position: relative;
                    margin-top: 11px !important;
                    z-index: 2;
                    width: 78px !important;
                    height: 30px !important;
                    margin-right: 4px !important;
                    display: block !important;
                }
                body.explanations div#count,
                body.explanations div#links-and-search,
                body.artist div#count,
                body.artist div#links-and-search{
                    box-shadow: 2px 2px 2px 1px #919191;
                }

                    body.artist div#count > a.numbers,
                    body.explanations div#count > a.numbers {
                        font-size: 10.51px !important;
                        height: 16px !important;
                        line-height: 16px !important;
                    }

                body.artist a.numbers > div,
                body.explanations a.numbers > div {
                    line-height: 13px !important;
                    margin-left: 1px !important;
                    width: 7px !important;
                }

                body.artist div#count > div,
                body.explanations div#count > div {
                    line-height: 12px !important;
                }

                body.artist div#count > a.site-title,
                body.explanations div#count > a.site-title {
                    font-size: 11.48px !important;
                    height: 14px !important;
                    border-top: 0 !important;
                }

                body.artist div.change-language,
                body.explanations div.change-language {
                    display: none;
                }

                body.artist div#Artist {
                    margin: 0px !important;
                    height: auto !important;
                }

                    body.artist div#Artist.on-scene {
                        margin-top: 7px !important;
                    }

                    body.artist div#Artist.no-scene {
                        margin-top: 3px !important;
                    }

                    body.artist div#Artist.edited {
                        margin-top: 11px !important;
                    }

                    body.artist div#Artist div.NameAndForename {
                        width: 161px !important;
                        font-size: 12.0px !important;
                        vertical-align: center !important;
                    }

                    body.artist div#Artist > div.left,
                    body.artist div#Artist > div.right {
                        width: 100% !important;
                        border-right: none !important;
                    }

                    body.artist div#Artist > div.right {
                        position: relative !important;
                        top: 110px !important;
                        font-size: 11.48px !important;
                    }
                        body.artist div#Artist > div.right div.results-panel,
                        body.artist div#Artist > div.right div.result-messages {
                            display: none !important;
                        }

                    body.artist div#Artist > div.left > div {
                        padding: 0px !important;
                    }

                        body.artist div#Artist > div.left > div.top-left {
                            height: 47px;
                            border-bottom: none !important;
                            position: relative;
                            display: flex;
                            align-items: center;
                        }

                body.artist.private div#Artist > div.left > div.top-left {
                    margin-bottom: 5px;
                }

                body.artist div#Artist div.artist-scenes {
                    padding-left: 0px !important;
                }



                body.artist div#Artist div.scene {
                    height: 15px !important;
                    border-color: black !important;
                }

                body.artist div#Artist div.international-scene div.scene {
                    width: 15px !important;
                    background: url(/Content/images/International-scene.svg) no-repeat center center !important;
                    background-size: cover !important;
                }

                    body.artist div#Artist div.no-international-scene div.scene {
                        margin-left: 0px !important;
                        width: 15px !important;
                        background: url(/Content/images/no-int-scene.svg) no-repeat center center !important;
                        margin-top: 10px !important;
                        background-size: cover !important;
                    }

                    body.artist div#Artist div.scene img {
                        width: 0px !important;
                    }
                body.artist div#Artist div.international-scene div.scene img {
                    width: 0px !important;
                }
                body.artist div#Artist div.french-scene > div.scene {
                    background: url(/content/images/F_mobile.svg) no-repeat center center !important;
                    width: 25px !important;
                    height: 28px !important;
                    background-size: contain !important;
                }

                body.artist div#Artist div.no-french-scene > div.scene {
                    background: url(/content/images/no-fr-scene.svg) no-repeat center center !important;
                    margin-top: 10px !important;
                    width: 15px !important;
                    margin-left: 5px;
                    background-size: contain !important;
                }

                body.artist div#Artist div.french-scene div.scene img {
                    width: 0px !important;
                }

                body.artist div#Artist ul.scene-dates {
                    font-size: 9.57px !important;
                    line-height: 39px !important;
                }

                body.artist div#Artist ul.scene-dates-1 {
                    padding-top: 0px !important;
                    line-height: 39px !important;
                }

                body.artist div#Artist ul.scene-dates-2 {
                    padding-top: 0px !important;
                    line-height: 15px !important;
                }

                body.artist div#Artist ul.scene-dates-3 {
                    line-height: 10px !important;
                }

                body.artist div#Artist div.french-scene ul.scene-dates {
                    display: none !important;
                    width: 17px !important;
                }

        div#Artist div.top-icons {
            top: 22px;
        }

        body.artist div#Artist div.motor {
            margin-top: 3px !important;
        }

        body.artist div#Artist div.means {
            margin-top: 6px !important;
        }

        body.artist div#Artist div.motor,
        body.artist div#Artist div.means {
            height: 139px !important;
            overflow:hidden;
        }

        body.artist div#Artist div.processed {
            top: -5px !important;
            right: -2px !important;
            height: auto !important;
            display:none !important; /*Temporary*/
        }

        div#Artist div.defined > div > div.header/*,
        body.artist div#Artist div.defined > div:first-child*/ {
            margin-bottom: -2px;
            font-size: 13.39px !important;
            /*width: 302px !important;*/
            float: left;
        }

        body.artist div#Artist div.defined > div.long-text,
        body.artist div#Artist div.defined > div.short-text {
            font-size: 11.48px !important;
            line-height: 14.2px !important;
        }
        
        body.artist div#Artist div.show-detail div.long-text.scroll-wrapper {
            transform: translateY(0%) !important;
        }
        body.artist div#Artist div.show-detail div.defined>div:first-child {
            opacity:0 !important;
        }

        body.artist div.defined div.short-text {
            display: inline;
            float: none !important;
            margin-left: 15px;
            font-size: 11.48px !important;
            line-height: 14.2px !important;
        }
        body.artist div.defined span.mobile-toggle {
            display: block !important;
            color: white;
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 5px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            z-index: 1;
            background-color: black;
            border-radius: 5px;
        }
        body.artist div#Artist div.defined > div.long-text.scroll-wrapper {
            height: 70px;
            position: absolute !important;
            transition: 0.5s;
            height: 100%;
            width: calc(100% - 10px);
            left: 10px;
            transform: translateY(100%);
            top: 0;
        }
        div#Artist div.artist-definition div.motor:hover, div#Artist div.artist-definition div.means:hover {
            background-color: unset !important;
        }
        /*            body.artist div#Artist div.defined > div.long-text:after {
                content: " ";
                position: absolute;
                width: 100%;
                height: 23px;
                left: 0;
                bottom: 0px;
                margin: 0 auto;
                background: linear-gradient( -180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 80%);
            }*/
        div#body {
            width: 302px;
        }

        body.artist div#images {
            position: absolute !important;
            top: 334px;
            background: none !important;
            margin-top: 0px !important;
            height: 99px !important;
            width: 302px;
        }

        body.artist.private div#images {
            top: 339px;
        }
        body.artist div#images > div {
            width: 100% !important;
        }


            body.artist div#Artist > div.right > div.green {
                display: none;
            }

            body.artist div#Artist > div.right > div.mobile-buttons {
                display: block !important;
            }

                body.artist div#Artist > div.right > div.mobile-buttons > h3 {
                    font-size: 11.48px;
                    margin: -1px 0;
                    text-align: center;
                    height: 25px;
                    border-radius: 0px !important;
                    width: 100%;
                    background: url(/Content/images/mobile_button_bg.svg) no-repeat center center;
                    color: black !important;
                    font-family: Arial !important;
                    border: 1px solid #948a54a6 !important;
                    outline: none !important;
                    line-height: 1.2;
                    background-image: linear-gradient(hsl(48deg 17% 88% / 49%) 37%,rgb(162 151 92 / 66%) 95%);
                }

                    body.artist div#Artist > div.right > div.mobile-buttons > h3:after {
                        display:none !important; /*temporary*/
                        overflow: hidden;
                        top: 3px;
                        text-indent: -200px;
                        left: 142.5px;
                        z-index: 99;
                        content: "-";
                        background: none;
                        background-size: cover;
                        width: 0px;
                        height: 0px;
                        position: relative;
                        left: 47%;
                        display: block;
                        border-width: 8px;
                        border-style: solid;
                        border-color: #c2ba93 transparent transparent transparent;
                    }

                body.artist div#Artist > div.right > div.mobile-buttons > div.ArtistsWithTheSameeee {
                    min-height: 100px;
                    overflow-y: scroll;
                    -webkit-overflow-scrolling: touch;
                    border-radius: 0px !important;
                    display: flex;
                    flex-flow: wrap;
                    align-items: center;
                    background-color: #f4f2e7;
                }

                body.artist div#Artist > div.right > div.mobile-buttons .ui-accordion-content {
                    padding-left: 0px !important;
                    padding-right: 0px !important;
                    padding-top: 16px !important;
                }

        div#MeanNotDefinedMessage {
            bottom: 26px;
        }

        body.artist div#Artist div.undefined {
            width: 298px !important;
            margin: 0px !important;
        }

            body.artist div#Artist div.undefined > button {
                width: 100% !important;
                height: 55px !important;
                padding: 0;
                right:0;
            }
        div#Artist div.undefined > button.order-certification{
            display:none;
        }
        div#Artist > div.left div.defined {
            padding-right: 0px !important;
            display: inline-block;
/*            height: 100%;*/
        }
        body.artist div#Artist div.undefined > button > div:first-child {
            font-size: 13.39px !important;
        }

        body.artist div#Artist div.undefined div.subtitle {
            font-size: 11.3px !important;
        }

        div#images,
        div#images img,
        body.artist div#images a.add-image,
        body.artist div#images a.add-video {
            height: 99px !important;
        }

        body.artist div#images a.add-image,
        body.artist div#images a.add-video {
            width: 145px !important;
            border: solid 1px rgb(148,138,84);
            font-size: 11.48px;
            text-indent: -9999px;
            border: none;
        }

            body.artist div#images a.add-image > span,
            body.artist div#images a.add-video > span {
                top: 50% !important;
            }


        body.artist div#Artist div.defined > div.informations > div,
        body.artist div#Artist div.defined > div.informations > a {
            float: left;
            max-width: 223px;
            white-space: initial !important;
            overflow: initial !important;
            text-overflow: initial !important;
        }

/*Statistics*/

        body.artist div#Stats {
            flex-direction: column;
        }


        /*Explanations*/

       /* body.explanations.menu-open div.body-wrapper,
        body.artist.menu-open div.body-wrapper,
        body.default.menu-open div.body-wrapper {
            filter: blur(5px);
            transition: 0.3s ease-in;
        }*/
        body.menu-open div#LinksMenu::before,
        body.default div#links::before {
            content: " ";
            position: fixed;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            pointer-events: none;
            backdrop-filter: blur(1.5px);
            transition: 0.3s ease-in;
        }
        div#explanation > div.content a {
            color: red !important;
        }
        div#explanation > div.title,
        div#contact > div.title {
            width: auto !important;
            margin-left: 0px !important;
        }

        div#explanation > div.title,
        div#contact div.title {
            font-size: 14.39px !important;
            font-weight: 600 !important;
            padding-bottom: 17px !important;
            margin-bottom: 25px !important;
            margin-top: 22px !important;
        }
            div#explanation > div.title.invisible > span {
                 visibility: visible; 
            }
        div#explanation > div.content {
            margin-left: 0px !important;
            margin-right: 0px !important;
            font-size: 14px !important;
            text-align: inherit;
            flex-direction: column;
            font-family: 'Tw Cen MT'

        }

        div.content.le-livre > div > div:nth-child(1) {
            flex-direction: column;
        }

            div#explanation > div.content > p:first-child{
                text-align:left !important;
            }
            div#explanation > div.content > p.empty {
                display: none;
            }



        div#LinksMenu {
            position: absolute;
            right: 0;
            z-index: 10;
            border-top: 1px solid #948a54;
            display: none;
            border-bottom: 1px solid #948b54;
            box-shadow: 4px 3px 4px 0px #948a54;
            width: 215px;
            font-size: 11.48px;
        }

            div#LinksMenu > a, div#LinksMenu > div {
                height: 24px !important;
                background-color: white !important;
                color: #948B54;
                padding-right: 9px;
                /* border-bottom: none !important; */
                line-height: 24px;
                border-bottom: solid 1px #948a54 !important;
                text-decoration: none;
                text-align: right;
                width: 180px;
                font-family: arial;
                height: 24px !important;
                background: white !important;
                display: block;
                overflow: hidden;
            }

                div#LinksMenu > a:hover, div#LinksMenu > div:hover {
                    background-color: #efecdd !important;
                }

                div#LinksMenu > div:last-child {
                    border-bottom: solid 1px #948a54 !important;
                }
        body:not(.default) div#MyMenu > a.login,
        body:not(.default) div.change-language {
            height: 30px !important;
            text-indent: -200px !important;
        }

        div#MyMenu > a:last-child {
            border-bottom: solid 1px black !important;
        }

        .fancybox-title-float-wrap {
            bottom: auto !important;
        }

            .fancybox-title-float-wrap .child {
                background: none !important;
                font-weight: normal !important;
                white-space: normal !important;
            }


        div.fancybox-inner {
            width: auto !important;
            height: auto !important;
        }
        .fancybox-nav {
            height: 30% !important;
            top: 35% !important;
        }
        .fancybox-prev {
            left: auto !important;
        }

        .fancybox-next {
            right: 0px !important;
        }

        a.fancybox-close {
            width: 23px;
            background: url(/Content/images/fancy-close.png) no-repeat !important;
            right: 5px !important;
            background-size: 19px 18px !important;
            display: block;
            position: fixed;
            top: 15px;
        }

        div.fancybox-wrap {
            width: 100% !important;
            left: 0px !important;
        }

        .footer {
            padding-top: 0;
            margin-top: 0;
            border: none;
        }

        .ui-dialog.NewArtist > div.ui-dialog-content {
            overflow: auto;
            margin-top: 10px !important;
            padding-left: 15px !important;
        }

        form#frmNewArtist > div.input > div {
            width: 132px;
        }

        form#frmNewArtist div.conditions {
            padding-top: 15px;
            width: 302px;
        }

        form#frmNewArtist label {
            float: left;
            width: 265px;
            margin-left: 7px;
        }
    }

    @media (max-width : 897px ) {
        .footer {
            padding-top: 0;
            margin-top: 0;
            border: none;
        }

        hr {
            display: none;
        }

        #Artist .cssload-position {
            display: none;
        }

        div#suggestions {
            margin-left: 12px;
        }

        body.artist, body.explanations {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
        }

        #Artist .cssload-container {
            width: 100%;
            height: 100% !important;
            background: #fff;
            padding-top: 10px;
        }

        .page-complete-box {
            top: 10px !important;
            right: 0px !important;
            width: 153px !important;
            font-size: 11.26px !important;
            padding: 0px 5px !important;
        }

        body.results div#count {
            position: absolute !important;
            top: 5px;
        }

        body.results div.search-legend {
            display: none !important;
        }

        body.results div#top div#links-and-search {
            margin-left: auto !important;
            margin-right: auto !important;
            left: auto !important;
        }

        body.default div#links ul > li:hover > div.sub-menu {
            position: relative;
            left: 0px !important;
            padding-left: 0px;
            border-left: 25px solid #ded9c3;
            border-top: 2px solid #948b54;
        }
        body.explanations div#top div#count > a.site-title.author,
        body.artist div#top div#count > a.site-title.author {
            font-size: 10.5px !important;
        }



            body.explanations div#content.clip {
                max-height: 415px;
                overflow: hidden;
            }

        body.results div#content.clip div.read-more {
            display: none
        }

        body.explanations div#content.clip div#explanation {
            max-height: 337px;
            overflow: hidden;
        }

        body.explanations div#content.clip div.read-more {
            display: block;
            text-align: center;
            margin-top: 15px;
        }

            body.explanations div#content.clip div.read-more a {
                color: #948a54;
            }


        div#Artist div.defined > div.informations {
            padding-top: 1px;
        }

        div#Artist div.edition-icons > div {
            width: 17px;
            height: 17px;
            float: right;
            cursor: pointer;
            margin-left: 7px;
            background-size: contain !important;
        }

        div#Artist div.edition-icons div.processed_ap {
            background: url(/Content/images/Ap-on-mobile.svg) no-repeat center center !important;
        }

            div#Artist div.edition-icons div.processed_ap.disabled {
                background: url(/Content/images/Ap-off-mobile.svg) no-repeat center center !important;
            }

        div#Artist div.edition-icons {
            /* position: relative; */
            width: 145px;
            top: -3px;
            /* float: left !important; */
            margin-left: 10px;
            left: auto;
            height: 0;
            right: 0px !important;
        }

        span.view.private {
            left: 92px !important;
            font-size: 8pt;
            top: 0px !important;
            height: 18px;
            padding-left: 1px;
            right: 30px;
            white-space: nowrap;
            font-size: 9.6px;
        }

            span.view.private > span {
                display: none;
            }

            span.view.private > img {
                height: 18px;
            }

        body.artist button.my-menu,
        body.explanations button.my-menu,
        body.artist div.my-menu,
        body.explanations div.my-menu,
        body.results button.my-menu {
            height: 30px;
            text-indent: -200px;
            background: url(/Content/images/menu.svg) no-repeat;
            width: 30px;
            border: none;
            display: block;
            position: relative;
            order: 1;
            background-size: 42px 38px;
            background-position: -7px;
        }

            body.artist div#MyMenu a.identity > img,
            body.explanations div#MyMenu a.identity > img {
                height: 20px;
            }
            body.explanations div#count .numbers, body.explanations div#count .site-title {
                width: 78px !important;
            }
        body.explanations div.container .btn-share,
        body.artist div.container .btn-share {
            display: none;
        }
        div#images div.publish {
            margin-top: 40px;
        }

        div#images div.left {
            margin-top: 75px;
        }

        div#images div.right {
            margin-top: 75px;
        }

        div.play-overlay {
            margin-top: -105px !important;
        }
        div#AtLeastOneScene, div#MeanAndMotorNotDefinedMessage, div#NoSameMotorMeansArtist {
            top: 26%;
            padding: 0 17px;
            left: -5px;
        }

        div#MotorNotDefinedMessage {
            top: auto !important;
        }

        div#Artist div.motor > div.undefined {
            padding-top: 30px;
        }
        body.artist div#images a.add-image {
            background: url(/Content/images/add-image-smartphone.svg) no-repeat;
            background-size: cover;
            margin-right: 10px;
        }

        body.artist div#images a.add-video {
            background: url(/Content/images/add-video-smartphone.svg) no-repeat;
            background-size: cover;
        }
        div#Artist div.defined > div.informations > div {
            margin-right: 3px;
        }
            div#explanation > div.content > div.text-contents div:first-child {
                margin: 0 auto;
                width: 290px;
                text-align: justify;
            }

        div#MyMenu > a:not(.identity) + div#MyMenu > a:not(.login) {
            height: 24px !important;
            background: white !important;
            padding-right: 9px;
            border-bottom: 1px solid;
            line-height: 24px;
            text-decoration: none;
            text-align: right;
            width: 135px;
            font-family: arial;
            height: 24px !important;
            background: white !important;
            color: #948B54;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .cc-revoke, .cc-window{
            width:302px !important;
        }
    }

    @media (max-width: 325px) {

        #content {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        body.default div#search {
            width: 302px;
        }

        div#count {
            width: 290px;
            display: block;
        }



        div#images {
            width: 100%;
        }
    }


    @media (max-width : 897px ),(max-width: 1000px)and (max-height: 500px), (max-width : 1000px ) and (min-height: 900px),(max-width: 900px)and (min-height: 737px) {

        #Artist .cssload-position {
            display: none;
        }

        body.artist div#search {
            position: relative;
        }

        #search .cssload-container {
            margin-left: calc(100% - 28px);
            margin-bottom: -26px;
            position: absolute;
            top: 3px;
        }



    }
}
@media (max-width: 1000px) {
    .fancybox-image {
        width: calc(100% - 20px) !important;
        height: auto !important;
        margin: 0 auto !important;
        max-height: 70vw;
    }

    .fancybox-skin {
        padding: 0 !important;
    }

    .fancybox-next img, .fancybox-prev img {
        width: 18px !important;
    }

    .fancybox-iframe {
        width: calc(100vw - 10px) !important;
        height: 55vw !important;
        min-height: 40vw;
        margin: 0 !important;
    }
}

@media all and (orientation: landscape) and (max-height: 600px) {
    .fancybox-image {
        width: auto !important;
        height: 50vw !important;
        margin: 0 auto !important;
        max-height: 54vw !important;
    }

    .fancybox-iframe {
        width: calc(100vw - 68px) !important;
        height: 50vw !important;
        min-height: 40vw;
        margin: 0 !important;
    }

    .fancybox-title {
        max-height: 100px;
        overflow-y: auto;
    }

    .fancybox-title {
        overflow-y: scroll;
        height: 30px;
    }

    div.fancybox-outer, div.fancybox-title {
        top: -9px;
    }
}

@media(min-width: 1000px) {
    a.fancybox-close {
        background-size: 30px 30px !important;
        top: -3px;
        right: -60px;
    }
}

.fancybox-inner {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.fancybox-image, .fancybox-iframe {
    margin-top: 0 !important;
}

.sarch-user {
    display: none;
}

body.default .sarch-user {
    display: block;
    position: absolute;
    left: 7px;
    top: 10px;
}

.sarch-user img {
    width: 20px;
}

body.default .numbers span {
    position: relative;
    top: 1px;
}

@media(max-width: 800px) {
    body.default .sarch-user {
        right: 7px;
        left: initial;
    }

    .sarch-user img {
        width: 24px;
    }

    body.default div#search input {
        background: url(/Content/images/loupe.svg) no-repeat 2% 62%;
        background-size: 21px 21px !important;
    }
}

.holder {
    position: absolute;
    color: #A3A3A3;
    cursor: auto;
    font-family: Helvetica;
    z-index: 0;
    left: 7px;
    top: 8px;
    font-size: 13px;
}

body.default .holder {
    left: 38px;
    top: 12px;
}

.holder .red {
    color: rgb(252,154,147)
}

#NewArtist, #SearchFormValidationMessage a {
    text-decoration: none;
    color: rgb(0,0,255);
    display:inline-block;
}
/**** Inscription *****/
.bord {
    background-color: #DED9C3;
    border: 0px solid rgb(222, 217, 195);
    font-size: 22px;
}

div.size {
    width: 302px;
    min-height: 349px;
    padding: 0 15px;
}

body.authentication div.size {
    margin: 0 auto;
}

.style-text p {
    color: #000;
}

button[disabled] {
    cursor: not-allowed;
}

button.grey {
    background-color: #b0a779;
    color: white;
    border: 1px solid #948a54 !important;
}

    .ui-dialog-buttonpane .ui-button:hover, button.grey:hover {
        color: white !important;
        background-color: #c6c099 !important;
        border: 1px solid #948a54 !important;
    }

.ui-dialog-buttonpane .ui-button:focus {
    background-color: #b0a779 !important;
    color: white !important;
    border: 1px solid #948a54 !important;
}

button.color-pers {
    background-color: #C6BE97;
}

button.btn-style {
    padding: 6px;
}

button.btn-style1 {
    padding: 10px 44px 12px 40px;
    border-radius: 5px;
    border: 2px solid #C6BE97;
    color: #000;
    display: block;
    margin: auto;
    width: 67%;
}

@media only screen and (min-device-width: 480px) and (max-device-height: 640px) and (orientation: landscape) {
    #content {
        min-height: 701px !important;
        zoom: 130%;
    }
}

.background-none {
    background: white !important;
}

.vertical-text {
    display: block;
    width: 40px;
    height: 100%;

    /*    top: 10px;*/
    top: 50%;
    margin: auto;
    transform: rotate(270deg);
    white-space: nowrap;
    vertical-align: top;
}
.cteg .vertical-text {
    position: sticky;
}
.cteg{
vertical-align:top
}
.sscteg, .scteg, .cteg, .libelle {
    background-color: #E6E3D0;
}

    .cteg span {
        font-size: 13px;
    }

    .scteg span {
        font-size: 11px;
    }

.sscteg, .libelle {
    font-size: 9px;
    text-align: center;
}

    .libelle.hover {
        background-color: #FFD9D6;
    }

.text-center {
    text-align: center;
}

#choice div, #choice p {
    margin-bottom: 9px;
}
/*div#choice .title {
    margin-top: 10px;
    margin-left: 19px;
    margin-bottom: 37px;
    padding-bottom: 21px;
    border-bottom: solid 1px #ded9c3 !important;
    color: #000;
    text-transform: lowercase;
    font-size: 16.32px;
    font-weight: bold;
    width: 961px;
}*/
div#choice .content {
    -webkit-column-gap: 96px;
    -webkit-column-rule: solid 1px #ded9c3;
    -webkit-column-width: 419px;
    -moz-column-gap: 96px;
    -moz-column-rule: solid 1px #ded9c3;
    -moz-column-width: 419px;
    column-gap: 96px;
    column-rule: solid 1px #ded9c3;
    column-width: 419px;
    font-size: 12.26px;
    margin-left: 30.5px;
    margin-right: 30.5px;
    text-align: justify;
}

    div#choice .content textarea {
        width: 100%;
    }

.participation {
    display: none;
    font-weight: 100;
    /*color: rgb(148,138,84);*/
    font-size: 11.5pt;
    font-family: Arial;
}

    .participation > a {
        background-color: yellow;
        white-space: nowrap;
        bottom: 0;
        text-decoration: none;
        color: inherit;
    }

@media screen and (max-width: 897px) {
    body.artist div.top-icons a.btn-share {
        right: -40px !important;
        top: 0px !important;
        display: block;
    }

    body.artist.private div.top-icons a.btn-share {
        display: none;
    }

    body.artist div.top-icons a.btn-share.r18 {
        right: 18px !important;
    }

    div#Artist div.top-icons div.follow {
        margin: 0;
    }

    body.artist div.top-icons a.btn-share.undefined {
        top: 27px !important;
    }

}

.top-left {
    position: relative;
    display: flex;
}

#social {
    padding: 10px;
}

    #social .link, #social .icons {
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

    #social .icons {
        max-width: 164px;
    }

    #social .link div.input {
        flex: 1;
    }

        #social .link div.input input {
            flex: 1;
            padding: 6px;
            width: 95%;
        }

    #social .link button {
        width: 54px;
        padding: 6px;
    }

    #social .icons > div {
        flex: 1;
    }

    #social .icons div {
        width: 35px;
        max-width: 35px;
        height: 35px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 5px;
    }

        #social .icons div img {
            width: 100%;
        }

.ui-tooltip.ui-widget.ui-widget-content {
    border: 1px solid #948a54 !important;
    border-radius: 0 !important;
    background: #f6f5f0e6 !important;
    color: #948a54 !important;
}

.ui-tooltip.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 0px #666666;
    box-shadow: 0px 0px 0px #666666;
}

div.page-complete-box {
    display: none;
    z-index: 1;
    position: absolute;
    top: -12px;
    right: 58px;
    width: 238px;
    font-size: 12.26px;
    border: 1px solid #948a54 !important;
    padding: 8px 8px;
    background: #e3e0cf !important;
}

    div.page-complete-box a {
        text-decoration: none;
    }
/*.ui-widget.ui-widget-content.ui-front.ui-dialog.clickoncloseoutside.message.motors #dialog,
.ui-widget.ui-widget-content.ui-front.ui-dialog.clickoncloseoutside.message.means #dialog {
    max-height: 500px !important;
    height: 80vh !important;
}*/
#theSearchForm .search-wrapper {
    position: relative;
    display: inline;
}

    #theSearchForm .search-wrapper > a {
        position: absolute;
        top: 0px;
        right: 30px;
        background: url(/Content/images/home-button.svg) no-repeat;
        height: 20px;
        width: 17px;
        text-decoration: none;
        background-color: white;
        z-index: 1;
    }

body.results #theSearchForm .search-wrapper > a {
    right: 40px;
}

body.default #theSearchForm .search-wrapper > a {
    display: none;
}

@media (max-height: 660px) {
    body.artist body.explanations {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

#btn-backtopmd {
    display: none;
    position: absolute;
    right: 0px;
    font-size: 16px;
    padding: 8px;
    /* border: 1px solid #948a54a6 !important; */
    text-decoration: none;
    background-color: #8fd691;
    color: white;
    top: 40px;
    border-radius: 45px;
    text-align: center;
    border-radius: 10px 0 0 10px;
    z-index: 1;
}

@media (max-width: 897px) {

    #btn-backtopmd {
        right: auto;
        margin-top: 20px;
        z-index: 2;
        border-width: 1px;
        width: auto;
        padding: 1px 2px;
        font-size: 10px;
        border-radius: 0 10px 10px 0;
        top: 42px;
        background-color: #ded9c3;
    }
}

@media screen and (max-width: 897px) {
    body.default div.scroll-element.scroll-y div.scroll-bar {
        left: -6px !important;
    }

    .participation {
        font-size: 8pt;
    }

    div.products-container {
        width: 100% !important;
        overflow-y: auto;
        max-height: 375px;
    }
    .container_animation {
        width: 100% !important; 
    }
}

@media screen and (max-width: 337px) {
    body.artist div#search input, body.explanations:not(.results) div#search input, body.artist div#top div#links-and-search, body.explanations:not(.results) div#top div#links-and-search {
        width: 144px !important;
    }

    body.artist div#search input, body.explanations:not(.results) div#search input {
        background: url(/Content/images/lens.svg) no-repeat 124px 7px;
        background-color: white;
    }

    body.artist button.my-menu, body.explanations button.my-menu {
        right: -235px;
        top: -32px;
        height: 30px;
        background: url(/Content/images/Menu-button-for-320-width-only.svg) no-repeat;
        width: 35px;
        background-size: cover;
    }

    body.artist div#MyMenu {
        left: 275px;
        top: -58px
    }

        body.artist div#MyMenu a.identity > img, body.explanations div#MyMenu a.identity > img {
            height: 18px;
        }

    #btn-backtopmd {
        padding: 2px;
        font-size: 11px;
        width: 73px;
    }
}
/*flex form styles ==== Start*/
.flex-outer, .flex-inner {
    list-style-type: none;
    padding: 0;
}

.flex-outer {
    max-width: 85%;
    margin: 0 0;
}

    .flex-outer li, .flex-inner {
        display: flex;
        flex-wrap: wrap;
        /*align-items: center;*/
        /*flex-direction: column;*/
        flex-direction: row;
    }

        .flex-outer > li > label, .flex-outer li p, .flex-outer li input, .flex-outer li textarea {
            flex: 1 0 66px;
            /*max-width: 220px;*/
        }

            .flex-outer > li > label + *, .flex-inner {
                flex: 1 0 177px;
            }

.flex-inner {
    padding: 0 8px;
    justify-content: space-between;
}
/*:not(:last-child)*/
.flex-outer > li {
    margin-bottom: 10px;
}

.flex-outer li label, .flex-outer li p {
    /*padding: 8px;*/
    font-weight: 300;
    /*letter-spacing: .09em;*/
    /*text-transform: uppercase;*/
}

.flex-outer li p {
    margin: 0;
}

.flex-outer li button:not(.grey) {
    margin-left: auto;
    padding: 8px 5px;
    border: 1px solid #c6be97;
    /* text-transform: uppercase; */
    /* letter-spacing: .09em; */
    border-radius: 6px;
    width: 100%;
    background-color: transparent;
}

.flex-inner li {
    width: 100px;
}

@media(min-width: 960px) {
    /*.flex-outer li,
    .flex-inner {
        flex-direction: row;
    }*/

    .flex-outer {
        max-width: 100%;
        margin: 0 auto;
    }
}

#blockui {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/content/fancybox/fancybox_overlay.png');
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 200;
}

.ui-widget-overlay {
    background: url('/content/fancybox/fancybox_overlay.png');
    opacity: 1;
}

body.default.loggedin a.btn-share {
    right: auto;
    left: 40px;
}

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
    outline-color: #c6be97;
}

div#PurchaseDialog {
    overflow-x: auto !important;
}
.cc-revoke, .cc-window{
    font-size:14px !important;
    z-index:99 !important;
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
    .cc-color-override--1983474638.cc-window {
        color: #626262 !important;
        background-color: #ded9c3 !important;
        font-family: arial !important;
        font-size: 13px !important;
        opacity: .88 !important;
    }

    .cc-color-override--1983474638 .cc-link, .cc-color-override--1983474638 .cc-link:active, .cc-color-override--1983474638 .cc-link:visited {
        color: #626262 !important;
        padding-left: 0px;
    }

    .cc-banner .cc-message {
        line-height: 1 !important;
    }

    .cc-window .cc-message {
        line-height: 1.1 !important;
        margin-top: 5px;
        margin-bottom: 0 !important;
    }

    .cc-color-override--1983474638.cc-window {
        height: 170px;
    }
}
/*body.results div#body{
    min-height:526px !important;
}*/
body.default .scroll-element.scroll-x {
    display: none !important;
}

#PurchaseDialog {
    max-height: 600px !important;
    overflow-y: auto !important;
}

@media (max-width: 655px) {
    #PurchaseDialog {
        width: 100% !important;
    }

        #PurchaseDialog form.formula div.items {
            flex-direction: column;
        }
}

div.ui-widget.LoadingLayerForDialog::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/content/fancybox/fancybox_overlay.png');
    opacity: 0.3;
    z-index: 1;
}

body.results table td {
    -webkit-tap-highlight-color: transparent;
}

div.ui-dialog[aria-describedby="dialogShare"] {
    z-index: 9000 !important;
}

a.fancy-box-share {
    filter: brightness(3);
    left: 2px;
    top: 11px;
    margin-right: 20px;
}

.error {
    color: red !important;
}
a.artist-list-link {
    border: 1px solid #948a54;
    background-color: #f8f7f1;
    padding: 2px 18px;
    font-size: 12px;
    color: #696363;
    text-decoration: none;
    font-weight: bold;
    font-family: 'arial';
}
.slick-next:before {
    content: url(/content/images/arrow_right.svg) !important;
}
.slick-prev:before {
    content: url(/content/images/arrow_left.svg) !important;
}

.bar-button {
    display: flex;
    align-items: center;
    color: #454545 !important;
}

.ui-state-active .bar-button a, 
.ui-state-active .bar-button a:link, 
.ui-state-active .bar-button a:visited {
    color: #454545;
}

.bar-button > div:first-child {
    width: 55px;
}
.bar-button > div {
    padding: 0 4px;
}
.perct {
    width: 49px;
}
.nmbr {
    width: 35px;
}
div.portrait-content .ui-accordion .ui-accordion-header {
    padding: 5px 0;
    background-color: #fef6ff;
}

.bar-button > div:last-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
div.ui-state-active .bar-button > div:last-child {
    white-space: normal;
}
[font-family]{
    opacity:0;
}
body.results div#btnNFT {
    display: none !important;
}
body.artist div.admin-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
}
div#dialog form#frmSuggestions textarea {
    width: 100%;
    margin: 5px 0;
}
div#dialog form#frmSuggestions button {
    margin: 0;
}

body.artist .certified.ap-2{
    display:none !important;
}

/*Animated Diagram*/

#myBtn {
    background-color: #9C27B0;
    color: white;
    padding: 12px 16px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    width: 180px;
}

#modal {
    display: none;
    align-items: center;
    justify-content: center;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

    #modal .modal-header {
        display: flex;
        background-color: none !important;
    }

#modal a {
    color: #fff !important;
    text-decoration: underline !important;
}

#modal .modal-content {
    /*zoom: 56%;*/
    /*    transform: scale(0.98);*/
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background-color: var(--anime-bg);
    color: var(--anime-text);
    /*    border: 2px solid #4e4c1f;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

#modal .close {
    color: #4e4c1f;
    font-size: 31px;
    font-weight: bold;
    margin: 0 7px;
    /*    position: absolute;
    right: 0px;
    top: 10px;*/
}

#modal .modal-header__name {
    flex-grow: 1;
    padding-left: 28px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    background: var(--anime-title-bg);
    padding-top: 11px;
    padding-bottom: 11px;
}

#modal .modal-header__cross {
    width: 24px;
    margin-right: 8px;
}

#modal .modal-header__link {
    /*    position: absolute;*/
    bottom: 5px;
    right: 10px;
    font-size: 18px;
    order: 3;
    align-self: end;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    visibility: hidden
}

#modal .modal-header__link > span {
    color: var(--anime-link-t);
}

#modal .modal-header__link:hover {
    opacity: 0.85;
}

#modal .close:hover,
#modal .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


#modal div.upper {
    position: relative;
    height: 87%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#modal div.upper:after {
    content: '';
    position: absolute;
    bottom: var(--long-fade-bottom);
    height: 10%;
    background: var(--anime-gradient-blur);
    left: 10%;
    right: 10%;
    pointer-events: none;
}

#modal .modal-body {
    padding: 2px 16px;
}

#modal .modal-footer {
    padding: 2px 16px;
    background-color: #9C27B0;
    color: white;
}

#modal .modal-td {
    border-right: 1px solid #4e4c1f;
}

#modal .vertical-text_modal {
    display: block;
    width: 40px;
    height: 100%;
    position: relative;
    top: -61px;
    margin: auto;
    transform: rotate(90deg);
    white-space: nowrap;
    padding: 5px;
}

#modal .modal-rowText {
    padding: 8px;
}
#modal .modal-header > span.close:first-child {
    font-weight: bold;
    font-size: 50px;
    position: absolute;
    right: 5px;
    top: -20px;
    z-index: 1111111;
    border: unset;
    width: unset;
    background-color: none !important;
}

#modal .short-text,
#modal .long-text {
    font-size: 0.8em;
    padding: 10px;
}

    .short-text > span {
        width: auto;
        display: inline-block;
        border: none;
        margin-right: 0;
        padding: 0;
        font-weight: bold;
    }

#modal {
    z-index: 1000;
}





#modal a.btn-home svg {
    background-color: #607d8b;
    padding: 5px;
    border-radius: 5px;
}

    #modal a.btn-home svg path, a.btn-home svg rect {
        fill: white !important;
    }


/*@media screen and (min-width: 551px) {
}*/
    #modal .modal-header > span:first-child {
        font-weight: bold;
        font-size: 12px;
        visibility: hidden;
    }

    #modal .modal-header {
        padding: 2px 16px;
        color: var(--cryptex-title-color);
        /*    border-bottom: 1px solid #4e4c1f;   */
    }

    #modal div#bottom-bar {
        position: absolute;
        right: 15px;
        bottom: 5px;
        z-index: 11;
        display: block;
    }

/*@media screen and (max-width: 550px) {
}*/
    #modal .short-text,
    #modal .long-text {
        font-size: 1em;
        padding: 0 10%;
        line-height: 1.2 !important;
        min-height: 50px;
        overflow-y: auto;
        color: var(--anime-short-long-text);
        margin-top: 12px;
        text-align: justify;
    }

        #modal .long-text a {
            color: var(--anime-short-long-text);
        }

    #modal .modal-header {
        position: relative;
        /*    height: 25px;*/
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        #modal .modal-header > span.close:first-child {
            font-weight: bold;
            font-size: 25px;
            position: absolute;
            right: 5px;
            top: -8px;
        }

/*@media (max-height: 667px) {
}*/
    div.upper {
        overflow-y: auto;
    }

        div.upper:after {
            display: none;
        }

    #modal div#long-text_modal, div#short-text_modal {
        overflow: visible;
    }

    #player-modal .desc-body {
        overflow-y: visible;
    }


#line-container {
    position: absolute;
    width: 100%;
    height: 100%;
/*    animation: moveDiagonal 4s linear;
    animation-fill-mode: forwards;*/

}

.line {
    position: absolute;
    background-color: red;
}
    .line.second-animation {
        animation: fadeout 1s linear;
        animation-fill-mode: forwards;
    }

#horizontal-line {
    height: 1px;
    width: 100%;
    top: 115px;
    left: 0;
    animation: moveDiagonal_horizontal 2.75s linear;
    animation-fill-mode: forwards;
}

#vertical-line {
    width: 1px;
    height: 100%;
    top: 0;
    left: 100px;
    animation: moveDiagonal_vertical 2.75s linear;
        animation-fill-mode: forwards;
}

@keyframes moveDiagonal_horizontal {
    0% {
        top: 115px;
    }

    100% {

        top: calc(100% - 115px);
    }
}
@keyframes moveDiagonal_vertical {
    0% {
        left: 100px;
    }

    100% {
        left: calc(100% - 100px);
    }
}
@media (max-width: 897px) {
    @keyframes moveDiagonal_horizontal {
        0% {
            top: 60px;
        }

        100% {
            top: calc(100% - 60px);
        }
    }

    @keyframes moveDiagonal_vertical {
        0% {
            left: 30px;
        }

        100% {
            left: calc(100% - 30px);
        }
    }
}

/* Target Safari on iOS */
@supports (-webkit-backdrop-filter: blur(1px)) {
    /* Safari CSS rules here */
    .site-title {
        font-weight: 100 !important;
    }
}


/************************************************************
*************************************************************
                  Les règles pour Smartphone
*************************************************************
*************************************************************/

/* Les règles de 100% de zoom */

@media  (min-width: 100px) and (max-width: 629px) and (min-height: 100px) and (max-height: 1500px) {
    body.default div#top div#count {
        display: block ;
    }

    body.results div#top div#count {
        display: none ;
    }

    body.results .change-language {
        display: none;
    }
}

@media (max-width: 359px) {
    #content {
        -moz-transform: scale(1, 1);
        -moz-transform-origin: center top;
        zoom: 100%\9;
        zoom: 100%;
    }
}

@media (min-width: 360px) and (max-width: 500px) and (max-height: 200px) {
    #content {
        -moz-transform: scale(1, 1);
        -moz-transform-origin: center top;
        zoom: 100%\9;
        zoom: 100%;
    }
}

@media (min-width: 380px) and (max-width: 500px) and (min-height: 201px) {
    #content {
        -moz-transform: scale(1.15, 1.15);
        -moz-transform-origin: center top;
        zoom: 115%\9;
        zoom: 115%;
    }
}

@media (min-width: 501px) and (max-width: 897px) and (max-height: 660px) {
    #content {
        -moz-transform: scale(1.1, 1.1);
        -moz-transform-origin: center top;
        zoom: 110%\9;
        zoom: 110%;
    }
}
@media (min-width: 501px) and (max-width: 600px) and (min-height: 661px) {
    #content {
        -moz-transform: scale(1.25, 1.25);
        -moz-transform-origin: center top;
        zoom: 125%\9;
        zoom: 125%;
    }
}
@media (min-width: 601px) and (max-width: 897px) and (min-height: 661px) and (max-height: 797px) {
    #content {
        -moz-transform: scale(1.25, 1.25);
        -moz-transform-origin: center top;
        zoom: 125%\9;
        zoom: 125%;
    }
}
@media (min-width: 601px) and (max-width: 897px) and (min-height: 798px) {
    #content {
        -moz-transform: scale(1.40, 1.40);
        -moz-transform-origin: center top;
        zoom: 140%\9;
        zoom: 140%;
    }
}
@media (min-width: 898px) and (max-width: 1256px) and (max-height: 660px) {
    #content {
        -moz-transform: scale(0.87, 0.87);
        -moz-transform-origin: center top;
        zoom: 87%\9;
        zoom: 87%;
    }
}
@media (min-width: 898px) and (max-width: 1023px){
    #content {
        -moz-transform: scale(0.87, 0.87);
        -moz-transform-origin: center top;
        zoom: 87%\9;
        zoom: 87%;
    }
}
@media (min-width: 1024px) and (max-width: 1038px) and (max-height: 660px) {
    #content {
        -moz-transform: scale(0.87, 0.87);
        -moz-transform-origin: center top;
        zoom: 87%\9;
        zoom: 87%;
    }
}
@media (min-width: 1024px) and (max-width: 1038px) and (min-height: 661px) {
    #content {
        -moz-transform: scale(0.93, 0.93);
        -moz-transform-origin: center top;
        zoom: 93%\9;
        zoom: 93%;
    }
}
@media (min-width: 1039px) and (max-width: 1256px) and (min-height: 661px) {
    #content {
        -moz-transform: scale(1.0, 1.0);
        -moz-transform-origin: center top;
        zoom: 100%\9;
        zoom: 100%;
    }
}

@media (min-width: 1257px) and (max-height: 660px) {
    #content {
        -moz-transform: scale(0.87, 0.87);
        -moz-transform-origin: center top;
        zoom: 87%\9;
        zoom: 87%;
    }
}

@media (min-width: 1257px) and (min-height: 661px) and (max-height: 841px) {
    #content {
        -moz-transform: scale(1.0, 1.0);
        -moz-transform-origin: center top;
        zoom: 100%\9;
        zoom: 100%;
    }
}

@media (min-width: 1257px) and (min-height: 842px) and (max-height: 924px) {
    #content {
        -moz-transform: scale(1.1, 1.1);
        -moz-transform-origin: center top;
        zoom: 110%\9;
        zoom: 110%;
    }
}
@media (min-width: 1257px) and (min-height: 925px) {
    #content {
        -moz-transform: scale(1.2, 1.2);
        -moz-transform-origin: center top;
        zoom: 120%\9;
        zoom: 120%;
    }
}
@media (min-width: 1039px) and (max-width: 1256px) and (min-height: 1366px) {
    #content {
        -moz-transform: scale(1.0, 1.0);
        -moz-transform-origin: center top;
        zoom: 100%\9;
        zoom: 100%;
    }
}