/*! jQuery UI - v1.12.1 - 2017-03-19
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.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-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.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-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-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-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/_build/jquery-ui/ui-icons_444444_256x240.f4ebe485bc50.png")}.ui-widget-header .ui-icon{background-image:url("../images/_build/jquery-ui/ui-icons_444444_256x240.f4ebe485bc50.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../images/_build/jquery-ui/ui-icons_555555_256x240.d70c49a1750e.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../images/_build/jquery-ui/ui-icons_ffffff_256x240.e33c878c8e1b.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../images/_build/jquery-ui/ui-icons_777620_256x240.03c85664fb3b.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../images/_build/jquery-ui/ui-icons_cc0000_256x240.bd6996f9c092.png")}.ui-button .ui-icon{background-image:url("../images/_build/jquery-ui/ui-icons_777777_256x240.6d28e77dd32a.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}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

:root { 
	--background-color: #F8F9FA;
	--blue: #4C6EF5;
	--light-blue: #E1E6FD;
	--primary-color: var(--blue);
	--light-color: var(--light-blue);
	--table-hover-background: linear-gradient(to bottom, rgba(243,245,254,0) 0%,rgba(255,255,255,0) 8%,rgba(243,245,254,1) 8%,rgba(243,245,254,1) 92%,rgba(243,245,254,0) 92%,rgba(243,245,254,0) 95%,rgba(243,245,254,0) 100%);
}

.inext-icon {
	width: 12px;
    height: 18px;
    display: inline-block;
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    vertical-align: middle;
}

.inext-icon.inext-icon--primary {
    background-color: var(--primary-color);
}

.inext-icon.inext-icon--white {
    background-color: #FFF;
}

.facture__title .facture__title-icon {
    margin-left: 6px;
    vertical-align: top;
}

body { min-width: 320px; background: var(--background-color); font-family: Open Sans, Helvetica, sans-serif; font-size: 14px; line-height: 1.3; /*color: #343A40;*/ color: #191945; position: relative; }

a { color: inherit; text-decoration: underline; }

a:hover,
a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: calc(var(1.3em)/2); }

h1 { font-size: 32px; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Harmonia-Sans-Pro-Cyr';
    src: url("../fonts/HarmoniaSansProCyr-Regular.a499ffe1dd9b.woff2") format('woff2'),
        url("../fonts/HarmoniaSansProCyr-Regular.087e40b9e428.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Harmonia-Sans-Pro-Cyr';
    src: url("../fonts/HarmoniaSansProCyr-Bold.ce59a75b679c.woff2") format('woff2'),
        url("../fonts/HarmoniaSansProCyr-Bold.8cfbfa52561a.woff") format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fira-Sans';
    src: url("../fonts/FiraSans-Bold.2b5a4d3ad71a.woff2") format('woff2'),
        url("../fonts/FiraSans-Bold.f682549e94ed.woff") format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* flex */

.justify-content-between { justify-content: space-between; }

.justify-content-center { justify-content: center; }

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

.d-flex { display: flex; }

.d-grid { display: grid; }

.gap-1 { gap: 0.25rem; }

.gap-2 { gap: 0.5rem; }

/*col size*/

.col-size1 { flex:0 0 24%; }

.col-size2 { flex:0 0 23%; }

.col-size2_5 { flex:0 0 31%; }

.col-size2_75 { flex:0 0 40%; }

.col-size3 { flex:0 0 47.9%; }

.col-size4 { flex:0 0 554px; }

.col-size6 { flex:0 0 838px; }

.col-size7 { flex:0 0 560px; }

.col-size-with-button { flex: 1 0 50%; }

@media (max-width: 1200px){
	.col-size3 { flex:1 0 90%; }
}

@media (max-width: 1023px) {
	.col-size4,
	.col-size7 { flex:0 0 50%; }
	.col-size1 { flex:0 0 30%; }
	.col-size6 { flex:0 0 75%; }
}

@media (max-width: 767px) {
	.col-size2 { flex:1 0 30%; }
 }

/* widths */

.width-100 {
	width: 100%;
}

.width-50 {
	width: 50%;
}

/*Background Colors*/

.background-green { background-color: #00B894; }

.background-gray { background-color: #868E96; }

.background-yellow { background-color: #FBAF20; }

.background-pink { background-color: #FF7575; }

.background-blue { background-color: var(--blue); }

/*Colors*/

.green { color: #00B894; }

.gray { color: #868E96; }

.yellow { color: #FBAF20; }

.pink { color: #FF7575; }

.blue { color: var(--blue); }

/*  Clear  */

.clear:after { 
	content: ''; 
	display: block; 
	clear: both; 
	visibility: hidden; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: flex; flex-flow: row wrap; }

.col { max-width: 100%; flex: 1 0 100%; padding: 10px 0 0 10px; }

.col--1of2 { max-width: 50%; flex: 0 0 50%; padding: 10px 0 0 10px; }

/* Data */

.row,
.table-flex {
	display: flex;
	flex-flow: wrap;
}

.row.gutter-10 {
	margin: -10px 0 0 -10px;
}

.row.gutter-10 > * {
	padding: 10px 0 0 10px;
	/*height: calc(100% - 10px);*/
}

.data__label, .table-flex-label {
	color: #868E96;
	font-weight: 400;
}

.table-flex-label {
	flex: 0 0 min(200px, 50%);
	/*padding: 15px 15px 0 15px;*/
  white-space: nowrap;
  word-break: keep-all;
}

.data__value, .table-flex-value {
	font-weight: 600;
	color: #343A40;
}

.table-flex-value {
	flex: 1 1;
}

.data__pair {
	display: flex;
	gap: 0.5rem;
}

.card {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 8px #E9ECEF;
	border: 1px solid #E9ECEF;
	padding: 16px 26px;
	margin: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
}

.card-head {
	display: flex;
	align-items: center;
	padding-bottom: 16px;
  letter-spacing: 0.9px;
}

.card-head .btn {
	margin-left: 14px;
	margin-top: -10px;
	margin-bottom: -10px;
}

.card-head .head-line {
	background-color: #E9ECEF;
	height: 2px;
	flex-grow: 1;
	margin-left: 10px;
	margin-top: 7px;
}

.card-content.content-offsetted {
	padding-left: 18px;
}

.card-content .table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td {
	min-width: unset;
}

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
	.col--1of2--large { flex: 0 0 auto; width: 50%; }
	.col--1of4--large{ flex: 0 0 auto; width: 25%; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
	.col--1of2--large { flex: 0 0 auto; width: 50%; }
	.col--1of4--large{ flex: 0 0 auto; width: 25%; }
}

.mfp-bg { opacity: 0.88!important; }

.box { float: left; width: 10px; height: 10px; margin-right: 5px; border-radius: 2px;}

.vertical-right-line { border-right: 2px solid #e9ecef; }

.semi-bold { font-weight: 600; }

.margin-horizontal-0 { margin-right: 0 !important; margin-left: 0 !important; }

.margin-horizontal-1 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }

.margin-top-20 { margin-top: 20px !important; }

.margin-top-10 { margin-top: 10px !important; }

.margin-bottom-10 { margin-bottom: 10px !important; }

.margin-bottom-20 { margin-bottom: 20px !important; }

.padding-right-20 { padding-right: 20px; }

.margin-right-10 { margin-right: 10px; }

@media (max-width: 767px) {
	.mobile-wide-div { display: inline-flex; flex-flow: wrap; width: 100%; text-align: center; }
}

@media (max-width: 1023px) {
	.mobile-block-display { display: block !important; }
	.mobile-inline-block { display: inline-block !important; }
}

i.primary-svg {
    width: 19px;
    height: 19px;
    display: inline-block;
    background-color: blue;
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: cover;
    mask-size: cover;
}

/* Text alignment */

.text-justify {
	text-align: justify !important;
}

/* Padding */

.pad-1 { padding: 1% !important; }

/* Max-width */

.max-width-660 { max-width: 660px; }

/* Space-evenly flexboxes */

.flex-content-evenly {
	justify-content: space-evenly;
}

/* Min-width to 20% */

.width-20 {
	min-width: 20%;
}

/* login-helper */

.login-helper {
	display: flex;
    justify-content: center;
	margin-top: 6%;
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before,
*:after { box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
a.unavailable,
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; color: #868E96; -webkit-text-fill-color: #33373b; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

dl.data dt { font-weight: 600; }

dl.data dd + dt { margin-top: 10px; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container .shell { display: flex; flex-wrap: wrap; max-width: 100%; padding: 0; }

@media (max-width: 767px){
	.container { padding-top: 10px; }
}

.login-container {
	display: flex;
	flex-direction: column;
	align-self: center;
	min-width: 100%;
	justify-content: space-between;
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
  Main
\* ------------------------------------------------------------ */

.main { max-width: calc(100% - 320px); padding: 52px 80px; }

/* ------------------------------------------------------------ *\
  Main Factures
\* ------------------------------------------------------------ */

.main-factures { padding: 41px 24px; padding-bottom: 0; display: flex; flex-direction: column; }

.main__message-wrapper { width: calc(100% - 240px); }

.main__message-wrapper > .messages { padding: 0px 24px; margin-top:41px; }

.main-factures .main__sub__head { display: block; width: 100%; text-align: end; }

.main-factures .main__head { margin-bottom: 23px; display: flex; flex-direction: row; justify-content: space-between; }

.main-factures .main__head .facture-status.left { flex: 50% 1; }

.main-factures .main__head .facture-status.right { flex: 50% 1; }

.main-factures .main__body { width: 100%; margin-bottom: 15px; }

.main-factures .main__body  { width: 100%; margin-bottom: 15px; }

.main-factures .table-invoiced { margin-bottom: 15px; padding-bottom: 10px; }

.main-factures .section-facture { margin-bottom: 6px; }

.main-factures .main__foot-mobile { display: none; }

.main-factures .main__foot  { display: flex; justify-content: space-between; padding-bottom: 10px; margin-bottom: 14px; }

.main__foot-inline-block-display { display: inline-block; }

.main-factures .form .main__foot--pagging { margin-top: 20px; margin-bottom: 0; }

.main-factures .main__foot--pagging p { display: inline-block; color: #868E96; font-weight: 600; }

.main-factures .main__foot--pagging .main__left .paging + .paging { margin-left: 4px; }

.main-factures .main__foot--pagging .main__left p { margin-left: 13px; }

.main-factures .main__foot--pagging .main__right p { margin-right: 13px; }

.main-factures.main-settings .main__body .form .form__col { align-self: center;}

.main-factures.main-settings .main__body .form .form__col .btn { margin-bottom: 3px;}

@media (max-width: 1200px){
  .main-factures { padding: 27px 24px; flex-basis:unset; padding-bottom: 0; width: 100%; }
  .main__message-wrapper { padding: 27px 24px; flex-basis:unset; padding-bottom: 0; width: 100%; }
  .main-factures .main__head { text-align: center; }
}

@media (max-width: 767px){
  .main-factures { padding: 5px 9px; }

  .main-factures .main__head { margin-bottom: 11px; justify-content: center; flex-direction: column; }
  .main-features .main__head.two_parts { align-self: center; margin-bottom: 11px; display: block; } /* pour invoice view */

  .main-factures .main__head .facture-status.left { flex: 100% 1; }

  .main-factures .main__head .facture-status.right { flex: 100% 1; }

  .main-factures .main__body { margin-bottom: 10px;  }

  .main-factures .main__foot--pagging p { align-self: flex-end; }

  .main-factures .main__foot,
  .main-factures .main__foot-mobile { display: flex; justify-content: space-between; align-items: center; }

  .main-factures .main__foot.hidden-for-mobile { display: none; }

  .main-factures.main-settings .main__body .form .form__row { display: block;}
  .main-factures.main-settings .main__body .form .form__col { margin-top: 5px; margin-bottom: 5px;}

  .main-factures .right_content { justify-content: center; }

  .main__message-wrapper { padding: 0; flex-basis:unset; width: 100%;  }

  .main__message-wrapper > .messages { padding: 0px 5px; margin-top: 9px; }
}

.main-factures .right_content { justify-content: flex-end; }

div.spinner {
    display: flex;
    justify-content: center;
}

.spinner>span {
    border: 2px solid #fbfbfb;
    border-radius: 50%;
    border-top: 2px solid #00b894;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 3.5s linear infinite;
    animation: spin 3.5s linear infinite;
    margin: 0;
}

#pj-loading-indicator{
    opacity:0;
    display:none;
    transition: opacity 500ms ease-in, display 500ms;
}

.htmx-request>#pj-loading-indicator{
  opacity:1;
  display:table-row-group;
}

.swap {
  opacity: 0;
  transition: opacity 1s ease-out;
}

/* ---------------------------
  ADRi popup
----------------------------*/

.main-factures.info-popup .facture__title{ text-align: center; font-size: 20px; }

.main-factures.info-popup .main__foot { margin-top: 30px;}

/* ---------------------------
  File import popup
----------------------------*/

.popup-file-import .main__foot { display: flex; margin-top: 15px; justify-content: flex-end!important; }

/* ------------------------------------------------------------ *\
  main--substitute
\* ------------------------------------------------------------ */

.main-factures.main--substitute .main__foot { margin-top: 0; justify-content: flex-end; }

.main-factures.main--substitute-create .main__body { position: relative; }

.main-factures.main--substitute-create #cps-read-button { position: absolute; right: 50px; top: 50px; }

@media (max-width: 767px) {
  .main-factures.main--substitute-create .form__group { margin-top: 35px; }
  .main-factures.main--substitute-create #cps-read-button { position: absolute; right: 5px; top: 60px; }

}

/* ------------------------------------------------------------ *\
  main--new-bill
\* ------------------------------------------------------------ */

.main--new-bill { display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom: 23px; min-height: 1024px; height: 100%; }

.main--new-bill .main__head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 7px; }

.main--new-bill .main__head .progress-bar .text-box-holder { position: relative; }

.main--new-bill .main__head .progress-bar .text-box { display: none; position: absolute; min-width: 124px; left: 50%; transform: translateX(-50%); top: 228%; text-align: center; z-index: 10; }

.main--new-bill .main__head .progress-bar .text-box:before,
.main--new-bill .main__head .progress-bar .text-box:after { left: 50%; margin-left: -5px; }

.main--new-bill .main__head .progress-bar .text-box p { font-weight: 600; color: #868E96; margin-bottom: 1px; }

.main--new-bill .main__head .progress-bar .text-box h5 { font-weight: 600; color: #343A40; }

.main--new-bill .main__head .facture-status { text-align: left; }

.main--new-bill .main__head .form-select { margin-top: 5px; }

.main--new-bill .main__head .form-select .field { padding: 5px 24px 5px 17px; }

.main--new-bill .main__head .form-select .form__controls { max-width: 238px; }

.main--new-bill .main__head .step { flex-basis: 100%; padding-left: 18px; margin-top: 20px;}

.main--new-bill .main__body { display: flex; flex-wrap: wrap; justify-content: space-between; /*margin-bottom: 135px;*/ }

.main--new-bill .main__body .payment-form { flex-grow: 1; }

.main--new-bill .main__body .form--identity { margin-bottom: 13px; flex-grow: 1; width: 100%; }

.main--new-bill .form--tp { margin-bottom: 13px; }

.main--new-bill .form--payment { margin-bottom: 13px; }

.main--new-bill .form--course { margin-bottom: 13px; }

.main--new-bill .main__foot { margin-top: auto; display: flex; }

@media (max-width: 1200px){
  .main--new-bill { padding-right: 30px; padding-left: 30px; }
  .main--new-bill .main__head .progress-bar { margin-left: 0; margin-right: -2px; }
  .main--new-bill .main__head .progress-bar span:nth-child(even) { max-width: 89px; }
}

@media (max-width: 1023px) {
  .main--new-bill { padding-right: 10px; padding-left: 10px; }
  .main--new-bill { min-height: auto; padding-bottom: 0; }
  .main--new-bill { display: block; }
  .main--new-bill .main__head { align-self: center; margin-bottom: 11px; display: block; }
  .main--new-bill .main__head .facture-status { margin-bottom: 3px; text-align: center;}
  .main--new-bill .main__head .facture-status.facture-situation { text-align: center; flex-basis: 100%; }
  .main--new-bill .main__head .progress-bar .text-box { display: none; }
  .main--new-bill .main__head .progress-bar { order: 2; margin-left: 0; justify-content: center; }
  .main--new-bill .main__head .progress-bar span:nth-child(even) { width: 22vw; }
  .main--new-bill .main__head .form-select--style2 { margin: 6px 0; }
  .main--new-bill .main__head .step { order: 3; text-align: center; padding-left: 0; margin-top: 10px; }

  .main--new-bill .main__body { margin-bottom: 0px; }
  .main--new-bill .main__body .form { padding: 16px 10px; }
  .main--new-bill .main__body .form h6 { font-size: 16px; }
  .main--new-bill .main__body .form + .form { margin-top: 10px; }
  .main--new-bill .main__body .form--identity { margin-bottom: 0; }
  .main--new-bill .main__body .form__label { font-size: 16px; margin-bottom: 3px; }

  .main--new-bill .main__body .form .form__col { flex: 1 1 40%; }
  .main--new-bill .main__body .form .form__col + .form__col { margin-top: 7px; }

  .main--new-bill .main__body .form .form__row { margin: 0; }
  .main--new-bill .main__body .form .form__row + .form__row { margin-top: 10px; align-items: baseline;  }

  .main--new-bill .main__body .form .form__group + .form__group { padding-top: 10px; margin-top: 15px; }

  .main--new-bill .main__body .form .form-hint { display: flex; }
  .main--new-bill .main__body .form .col-size2 { flex: 1 0 80px; }
  .main--new-bill .main__body .form .col-size2 + .col-size2 { margin-top: 0; margin-left: 12px; }

  .main--new-bill .main__foot{ display: flex; margin: 15px 5px;}
  .main--new-bill .main__foot .btn { flex: 1 0 45%; justify-content: center; padding: 15px 0; font-size: 18px; text-align: center; }
  .main--new-bill .main__foot .btn p { color: #fff; }
  .main--new-bill .main__foot .btn + .btn { margin-left: 8px; }
  .main--new-bill .main__foot .btn span { display: none; }
}

@media(max-width: 340px){
  .main--new-bill .main__foot { flex-direction: column;}
  .main--new-bill .main__foot .btn { width: 100%; }
  .main--new-bill .main__foot .btn + .btn { margin-left: 0; margin-top: 10px;  }
}

@media (max-width: 767px){
  .hidden-for-mobile {display: none;}
}

@media (min-width: 1200px) and (max-width: 1299px){
  .main--new-bill .main__head .progress-bar { width: 25%; }
}

@media (min-width: 1300px) and (max-width: 1400px){
  .main--new-bill .main__head .progress-bar { width: 35%; }
}

/* ------------------------------------------------------------ *\
  main--show-bill
\* ------------------------------------------------------------ */

.main--show-bill { display: flex; flex-wrap: wrap; flex-direction: column; padding-bottom: 23px; min-height: 1024px; height: 100%; }

.main--show-bill .main__head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: 7px; }

.main--show-bill .main__head { text-align: left; }

.main--show-bill .main__head .progress-bar .text-box-holder { position: relative; }

.main--show-bill .main__head .progress-bar .text-box { display: none; position: absolute; min-width: 124px; left: 50%; transform: translateX(-50%); top: 228%; text-align: center; z-index: 10; }

.main--show-bill .main__head .progress-bar .text-box:before,
.main--show-bill .main__head .progress-bar .text-box:after { left: 50%; margin-left: -5px; }

.main--show-bill .main__head .progress-bar .text-box p { font-weight: 600; color: #868E96; margin-bottom: 1px; }

.main--show-bill .main__head .progress-bar .text-box h5 { font-weight: 600; color: #343A40; }

.main--show-bill .main__head .form-select { margin-top: 5px; }

.main--show-bill .main__head .form-select .field { padding: 5px 24px 5px 17px; }

.main--show-bill .main__head .form-select .form__controls { max-width: 238px; }

.main--show-bill .main__head .step { flex-basis: 100%; padding-left: 18px; margin-top: 20px;}

.main--show-bill .main__body { display: flex; flex-wrap: wrap; justify-content: space-between; /*margin-bottom: 135px;*/ }

.main--show-bill .main__body .form-invoice { margin-bottom: 13px; flex-grow: 1; width: 100%; }

.main--show-bill .main__foot { margin-top: auto; display: flex; }

@media (max-width: 1023px) {

  .main--show-bill { padding-right: 10px; padding-left: 10px; min-height: auto; padding-bottom: 0; flex-direction: unset; }

  .main--show-bill .main__head { flex-basis: 100%; }

  .main--show-bill .main__body { margin-bottom: 0px; }
  .main--show-bill .main__body .form { padding: 16px 10px; }
  .main--show-bill .main__body .form h6 { font-size: 16px; }
  .main--show-bill .main__body .form + .form { margin-top: 10px; }
  .main--show-bill .main__body .form__label { font-size: 16px; margin-bottom: 3px; }

  .main--show-bill .main__body .form .dropdown-holder-invoice-actions { top: 16px; right: 16px; }
  .main--show-bill .main__body .form .form-hint { display: flex; }

  .main--show-bill .main__foot{ display: flex; margin: 15px 5px;}
  .main--show-bill .main__foot .btn { flex: 1 0 45%; justify-content: center; padding: 15px 0; font-size: 18px; text-align: center; }
  .main--show-bill .main__foot .btn p { color: #fff; }
  .main--show-bill .main__foot .btn span { display: none; }
}

@media (max-width: 767px) {
  .main--show-bill .main__head { align-self: center; margin-bottom: 11px; display: block; flex-basis: 100%; }
  .main--show-bill .main__head { text-align: center; }
  .main--show-bill .main__head .facture-status { margin-bottom: 3px; }
}

@media(max-width: 340px){
  .main--show-bill .main__foot { flex-direction: column;}
  .main--show-bill .main__foot .btn { width: 100%; }
  .main--show-bill .main__foot .btn + .btn { margin-left: 0; margin-top: 10px;  }
}

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup-facture { background-color: #fff; border-radius: 5px; max-width: 960px; margin: auto; padding: 40px 64px; position: relative; }

.popup-facture.popup-facture--scor {
	min-width: 50%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 100%;
	padding: 20px;
}

@media (max-width: 767px) {
	.popup-facture.popup-facture--scor {
		width: 100%;
		padding: 15px;
	}
}

.popup-facture.popup-facture--scor .btn i {
	position: initial;
	top: auto;
	left: auto;
	transform: none;
}

.popup-facture .popup__title { text-align: center; margin-bottom: 30px; }

.popup-facture .popup__title h3 span { font-weight: 400; }

.popup-facture .table-invoiced { display: block; margin-bottom: 22px; padding-bottom: 8px; }

.popup-facture .table-invoiced td { padding: 19px 3px 11px; }

.popup-facture .table-row-content:hover td { background: none; }

.popup-facture .table-invoiced .table__mobile { display: none; }

.popup-facture .table-invoiced tr td:nth-child(3),
.popup-facture .table-invoiced tr td:nth-child(4),
.popup-facture .table-invoiced tr td:nth-child(5) { min-width: 64px; }

.popup-facture .table-invoiced tr td:nth-child(6) { min-width: 73px; }

.popup-facture .list-price { margin-top: -11px; }

.popup-facture .btn p { color: #fff; }

.popup-facture .btn.btn--dark-gray p { color: #343A40; }

.popup-facture .mfp-close { width: 40px; height: 40px; background-color: #868E96; border-radius: 50%; transform: translate(50%, -50%); font-size: 0; line-height: 0; text-indent: -4004px; opacity: 1; position: absolute; transition: opacity .3s; }

.popup-facture .mfp-close:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: url("../images/intellio_next/ico-close-popup.218381e03b02.svg"); width: 14px; height: 14px; }

.popup-facture .mfp-close:hover { opacity: .8; }

.popup-facture .main__foot { display: flex; justify-content: space-between; }

@media (max-width: 1023px){
	.popup-facture { padding: 20px 15px; }
	.popup-facture .mfp-close { transform: translate(0,0); top: -14px; right: -4px; width: 30px; height: 30px; }
}

@media (max-width: 900px) {
.popup-facture .table-invoiced tr td:nth-child(1),
.popup-facture .table-invoiced tr td:nth-child(5),
.popup-facture .table-invoiced tr td:nth-child(6),
.popup-facture .table-invoiced tr td:nth-child(7) { display: table-cell; }
}

@media (max-width: 767px){
	.popup-facture { padding: 32px 0; margin: 30px 10px 0 10px; }
	
	.popup-facture .popup__title { margin-bottom: 29px; padding: 0 15px; }
	
	.popup-facture .popup__content { padding: 0 15px 0 22px; }
	
	.popup-facture .mfp-close { transform: translate(0,-50%); top: 0px; right: -7px; width: 40px; height: 40px; }

	.popup-facture .table-invoiced { margin-left: -8px; width: calc(100% + 8px); overflow: hidden; margin-bottom: -7px;  }
	
	.popup-facture .table-invoiced .table-row-content td { padding-bottom: 0;  }
	
	.popup-facture .table-invoiced td { text-align: center; }
	
	.popup-facture .table-invoiced tr:last-child { border-top: 0; }
	.popup-facture .table-invoiced tr:last-child td { padding-top: 0px; font-size: 16px; font-weight: 600; }

	.popup-facture .table-invoiced .table__mobile { display: table-row;   }
	.popup-facture .table-invoiced .table__mobile td { display: table-cell!important; text-align: left; padding-bottom: 20px; }

	.popup-facture .table-invoiced .table__mobile td:first-child { padding-left: 5px; }
	.popup-facture .table-invoiced .table__mobile td:nth-child(2) span { width: calc(100% - 40px); display: inline-block; vertical-align: middle; }
	.popup-facture .table-invoiced .table__mobile td:nth-child(2) img { display: inline-block; vertical-align: middle; }

	.popup-facture .table-invoiced tr td:nth-child(1),
	.popup-facture .table-invoiced tr td:nth-child(2) { display: none; }

}

/* ---------------------------
	ADRi popup
----------------------------*/

.popup-facture.info-popup { padding: 25px; margin: 30px auto; }

/* ---------------------------
	Act popup title
----------------------------*/

.popup-facture .act-popup__title {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}

.popup-facture .act-popup__title .left{
	margin: auto 0 auto 0;
	min-width: 240px;
	font-weight: 600;
}

.popup-facture .act-popup__title .left .code{
	color: var(--primary-color, #4C6EF5);
	text-transform: capitalize;
}

@media (max-width: 767px){
	.popup-facture .act-popup__title { display: flow-root; text-align: center; }
	.popup-facture .act-popup__title .left { text-align: center; }
	.popup-facture .act-popup__title .right .form-radios { float: right; margin: 4px 10px 0 0; }
}

/* ---------------------------
	Search bar
----------------------------*/

.popup-facture .search-bar { width: 100% }

.popup-facture .search-results { height: 284px; border: 1px solid #E9ECEF; box-shadow: 0px 2px 8px #E9ECEF; border-radius: 4px; overflow-y: auto; }

.popup-facture .search-results .result { cursor: pointer; display: flex; align-items: center; margin: 0 26px 5px 26px; height:45px; font-size: 14px; line-height: 18px; border-bottom: 1px solid #E9ECEF; }

.popup-facture .search-results .result b { padding: 0 4px; }

.popup-facture .search-results .result:hover { background: linear-gradient(to bottom, rgba(243,245,254,0) 0%,rgba(255,255,255,0) 8%,rgba(194, 204, 249, 0.39) 8%,rgba(194, 204, 249, 0.39) 92%,rgba(243,245,254,0) 92%,rgba(243,245,254,0) 95%,rgba(243,245,254,0) 100%); }

/* ---------------------------
	Others
----------------------------*/

@media (max-width: 374px) {
	#act_form_popup { width: 89%; left: 7px; }
}

@media (max-width: 280px){
	#act_form_popup { width: 87%; left: -10px; }
}

@media (max-width: 1200px){
	.normal-input { overflow: scroll; }
	.advanced-input { height: 400px; overflow: scroll; }
	body.modal-open { overflow: hidden; position:fixed; width: 100%; }
}

@media (max-width: 1578px) {
	.read-vital .type--actions .b2d-modal-footer .btn { width: 100%; max-width: 100%; }
	.read-vital .type--actions .b2d-modal-footer .btn--green { display: list-item; margin-left: inherit; margin-top: 7px; }
	.read-vital .type--actions .b2d-modal-footer.multiple-buttons .btn + .btn { display: list-item; margin-left: inherit; margin-top: 7px; }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: calc(var(1440px) + var(10px)*2); padding-left: 10px; padding-right: 10px; margin: auto; }

.shell--fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { padding: 44px 40px; width:320px; background-color: #fff; position: fixed; height: 100%; }

.sidebar .sidebar__head { border-bottom: 1px solid #E9ECEF; padding: 12px 0 28px 18px; }

.sidebar .sidebar__head img { margin-bottom: 31px; }

.sidebar .sidebar__head h5 { color: #343A40; font-weight: 600; text-transform: capitalize; margin-left: -1px; font-weight: 600; margin-bottom: 8px; }

.sidebar .sidebar__head span { color: #00B894; font-weight: 600; text-transform: lowercase; background-color: #DFFFF9; padding: 7px 9px 0 8px; margin-bottom: 24px; margin-left: -1px; }

.sidebar .sidebar__body { padding: 24px 17px; }

.sidebar .sidebar__nav li { list-style-type: none; }

.sidebar .sidebar__nav li + li { margin-top: 25px; }

.sidebar .sidebar__nav li h5 { color: #343A40; margin-bottom: 11px; }

.sidebar .sidebar__nav li h5 span { font-weight: 400; margin-right: 5px; }

.sidebar .sidebar__nav li a { font-weight: 600; color: #868E96; margin-bottom: 8px; display: block; text-decoration: none; }

.sidebar .sidebar__nav li a:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
	Sidebar Inner Page
\* ------------------------------------------------------------ */

.sidebar-inner-page { padding-top: 31px; width: 240px; background-color: #fff; box-shadow: 2px 0 8px -5px #E9ECEF; display: flex; flex-direction: column; flex-wrap: wrap; min-height: 100vh; }

.sidebar-inner-page .sidebar__head { margin-bottom: 15px; }

.sidebar-inner-page .sidebar__logo { display: inline-block; padding: 18px 0 0 31px; }

.sidebar-inner-page .form--select2 { margin-bottom: 40px; }

.sidebar-inner-page .form--select2 .field { font-weight: 600; }

.sidebar-inner-page .btn { padding: 16px 32px 16px 15px; border-radius: 3px; margin: 0 16px 15px; }

.sidebar-inner-page .btn span { width: 20px; height: 20px; margin-right: 12px; }

.sidebar-inner-page .btn span i { background-image: url("../images/intellio_next/plus.8fb7ee41a2c3.svg"); background-size: 75%; background-position: center center; }

.sidebar-inner-page .sidebar__body .form-select h6 { font-weight: 600; color: #868E96; }

.sidebar-inner-page .sidebar__body .form-select h6 span { font-weight: 400; }

.sidebar-inner-page .sidebar__foot { color: #868E96; text-align: center; margin-top: auto; padding-bottom: 17px; }

.sidebar-inner-page .sidebar__foot .card-check { margin: 0 17px 20px; padding: 18px 16px 13px; text-align: left; }

.sidebar-inner-page .sidebar__foot strong { font-weight: 600; }

.sidebar-inner-page .sidebar__foot p { margin-bottom: 0; }

.sidebar-inner-page .sidebar__foot p + p { margin-top: 6px; }

@media (max-width: 1200px){
	.sidebar-inner-page { position: absolute; z-index: 11; left: -100%; top: 0; transition: .5s; }
	.sidebar-inner-page.expandet { left: 0; }
}

/* ------------------------------------------------------------ *\
	Structure
\* ------------------------------------------------------------ */

.structure + .structure { margin-top: 28px;  }

.structures .structure__title { margin-bottom: 10px;  }

.structures .structure__title h3 { text-transform: capitalize; }

.structures .structure__content img + img { margin-left: 13px;  }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	B2D
\* ------------------------------------------------------------ */

.b2d-pincode-input {
    border: 1px solid #CED4DA;
    border-radius: 5px;
    padding: 11px;
    font-size: 14px;
    color: #191945;
    text-align: center;
}

.b2d-pincode-input-div {
    margin-top: 27%;
    margin-bottom: 67%;
}

.b2d-modal-footer{ z-index: 10; }

#modal-body {
    position: relative; margin: auto; margin-top: -50px; margin-bottom: -100px;
}

@media (max-width: 767px) {
    #modal-body { margin-top: 0; margin-bottom: 0; }

    .b2d-pincode-input-div {
        margin-top: 0;
        margin-bottom: 10px;
    }
}

/* FIXME : certains composants ne sont plus utilisés ici */

[data-logo-loader]
{
    display: table;
    margin: 35px auto
}

[data-logo-loader] hr:first-child
{
    display: block;
    margin: 0;
    width: 112px; height: 100px;

    background-image: url("../images/intellio_next/illustrations/vitale_small.4eebd42eab62.png");
    background-repeat: no-repeat;
    border: none;

    opacity: 0.5;
    filter: grayscale(100%);
}

[data-logo-loader] hr:last-child
{
    transition: width 2s;

    position: absolute;
    display: block;
    margin: 0;
    width: 0; height: 100px;

    transform: translateY(-100%);

    background-image: url("../images/intellio_next/illustrations/vitale_small.4eebd42eab62.png");
    background-repeat: no-repeat;
    border: none;
}

[data-logo-loader] hr:last-child:hover {
    width: 100px
}

[data-logo-loader] hr:last-child.complete {
    width: 112px
}

/* ------------------------------------------------------------ *\
	SCOR BATCH
\* ------------------------------------------------------------ */

.main-scor-batch {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 41px 24px;
    padding-bottom: 0;
}

.main-scor-batch .main__sub__head {
    display: block;
    width: 100%;
    text-align: end;
}

.main-scor-batch .main__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 7px;
}

@media (max-width: 1023px) {

.scor-batch-detail .data {
        flex-direction: column
}
    }

.table-scor-batches thead {
    border-bottom: 1px solid #E9ECEF;
    color: #868E96;
}

.table-scor-batches td,
.table-scor-batches th {
    padding: 11px 3px;
    font-weight: normal;
}

.table-scor-batches td:nth-child(1),
.table-scor-batches th:nth-child(1) {
    padding-left: 15px;
}

.main-scor-batch .main__body{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.main-scor-batch .main__foot{
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.table-scor-batches th {
    text-align: left;
}

.table-scor-batches {
    border: 1px solid #E9ECEF;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 8px #E9ECEF;
    overflow: visible;
    width: 100%;
    font-weight: 400;
    margin-bottom: 15px;
}

.batch_link_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    margin: 0;
    padding: 0;
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

/* Button Block */

.btn--block { display: block; padding-left: 0; padding-right: 0; }

button[disabled], a.unavailable { pointer-events: none; cursor: default; opacity: 0.7; -webkit-text-fill-color: white; }

a.btn { color: #fff; }

button.btn, input.btn { border: none; }

.btn { background-color: var(--primary-color) ; color: #fff; font-weight: 600; text-decoration: none; padding: 14px 25px; font-size: 16px; border-radius: 5px; display: inline-flex; align-items: center; vertical-align: -webkit-baseline-middle; }

.btn:hover { text-decoration: underline; -webkit-text-decoration-color: inherit; text-decoration-color: inherit; }

.btn p { display: inline-block; margin-bottom: 0px; }

.btn span, .btn figure { width: 20px; height: 20px; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--primary-color); border-radius: 50%; position: relative; display: inline-block; margin-left: 8px; }

.btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/*must change to SVG*/

.btn span img, .btn figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.btn--reverse { flex-direction: row-reverse; }

.btn--reverse span { margin-left: 0px; margin-right: 7px; }

.btn--secondary { padding: 12px 16px; font-size: 14px; }

.btn--secondary span { width: 18px; height: 18px; }

.btn--secondary span i:not(.inext-icon) { transform: translate(-50%,-50%) scale(0.7); }

.btn--third { padding: 8px 13px; font-size: 14px; }

.btn--third span { width: 16px; height: 16px; }

.btn--right { float: right; }

.btn-other { padding: 8px 10px; }

.btn-other span { margin-left: 0; width: 18px; height: 18px; }

.act-select-line {cursor: pointer}

.btn-select-act { display:flex!important; float:right; width: auto; padding:8px 10px!important; }

.bluetooth-icon-size { height: 14px; }

.hidden-btn { display: none; }

#id_button_datamatrix_read { position: relative; padding: 0; width: 43px; height: 43px; margin-right: 8px; }

@media (max-width: 1023px) {
	.mobile-container-one-btn-per-line { width:100%; flex-direction: column; text-align: center; }
	.mobile-container-one-btn-per-line .btn + .btn { margin-left: 0 !important; margin-right: 0 !important; }
	.mobile-container-one-btn-per-line .btn { width: 60%; margin: 5px 0; justify-content: center; }
	.mobile-container-one-btn-per-line .btn span { display: none }
}

@media (max-width: 767px)  {
  .btn--secondary { padding: 6px 8px; }
}

@media (max-width: 500px) {
	.mobile-container-one-btn-per-line .btn { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Btn Other
\* ------------------------------------------------------------ */

.btn-custom{ background-color: #E9ECEF; color: #868E96; padding: 8px 9px; display: inline-block; text-decoration: none; border-radius: 5px; font-weight: 600; }

.loosely_packed .btn-custom{ width: 100%; text-align:center; }

a.btn-custom {cursor: inherit; color: #868E96}

.btn--connect { margin-top: 7%; width: 100%; padding-left: 120px; }

.forget-password p { color: #868E96; text-decoration: none; position: relative; text-align: right; font-weight: normal !important;}

.help-link { color: #868E96; margin-left: 35%; top: 25px; position: relative; text-decoration: none; }

.btn-force { margin-left: 1%; margin-top: auto }

@media (max-width: 767px) {
	.forget-password { color: #868E96; padding-left: 49%; text-decoration: none; position: relative; }
}

@media(max-width: 1047px){
	.btn-force { align-self: flex-end; }
}

/* ------------------------------------------------------------ *\
	COLORS
\* ------------------------------------------------------------ */

.btn--red{ background-color: #FF7575; }

.btn--red span { background-color: #FF4E4E; }

.btn--light-red{ background-color: #FFEBEB; color:#FF7575;  }

.btn--light-red span { background-color: #FF7575; }

.btn--green{ background-color: #00B894; }

.btn--green span { background-color: #009174; }

.btn--light-green { background-color: #DFFFF9; color: #00B894; }

.btn--gray{ background-color: #ADB5BD; }

.btn--gray span { background-color: #868E96; }

.btn--dark-gray{ background-color: #ADB5BD; color: #343A40; }

.btn--dark-gray span { background-color: #343A40; }

.btn--light-gray{ background-color: #E9ECEF; color: #868E96; }

.btn--light-gray span { background-color: #343A40; }

.btn--semi-light-gray { background-color: #ced4da; }

.btn--semi-light-gray span { background-color: #ced4da; }

a.btn--semi-light-gray,
.btn--semi-light-gray p { color: #343A40; }

.btn--light-blue { background-color: var(--light-color); color: var(--primary-color) }

a.btn--light-blue {color: var(--primary-color)}

/* REVIEWME : utilisé où ? A remplacer par .btn--light-blue span ?*/

.btn--light-blue--white span { background-color: #fff;  }

.btn--yellow { background-color: #FFF4E1; color: #FBAF20; }

.btn--yellow span { background-color: #FBAF20;  }

.btn--light-yellow { background-color: #FFF4E1; color: #FBAF20; }

.btn--transparent { background-color: unset; }

a.btn--transparent { color: #343a40; }

.btn--transparent span { background-color: unset; color: #343a40; }

.btn--disabled { pointer-events: none; cursor: default; opacity: 0.7; }

.btn--middle { margin-right: auto; margin-left: auto; }

/* ------------------------------------------------------------ *\
	Btn Menu
\* ------------------------------------------------------------ */

.btn-menu { background-color: var(--primary-color); font-size: 18px; font-weight: 600; text-decoration: none; display: inline-block; padding: 8px; color: #fff; position: fixed; top: 0; left: 0; border-top-right-radius:
	5px; border-bottom-right-radius: 5px; border-top: 1px solid #CCE2FF; border-right: 1px solid #CCE2FF; }

.btn-dropdown .click { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0 ; }

.btn-dropdown { position: relative; border: 1px solid transparent; }

@media (max-width: 1023px){
	.btn-dropdown { position: static; }
	.btn-dropdown .click { z-index: -10; }

	.btn-dropdown .click.active { z-index: 9; }
}

.btn-dropdown.active { border: 1px solid var(--primary-color); }

@media (max-width: 1200px){
	.btn-menu { display: inline-block!important; z-index: 12; top: 10px; border-radius: 0 5px 5px 0; }
}

.btn-invoice-actions { position: absolute; top: 25%; bottom: 25%; left: 25%; right: 25%; cursor: pointer; }

.btn-dropdown-edit-act { top: 20%; }

/* ------------------------------------------------------------ *\
	Btn adri
\* ------------------------------------------------------------ */

.update_info_container .btn--secondary { padding: 9px 16px; margin: 11px 5.5px 1px; float: right; }

.update_info_container .btn--secondary, .update_info_container .btn--secondary:active { border: transparent; }

.update_info_container .btn--secondary div { display: flex; flex-direction: column; }

.update_info_container .btn--secondary span { background: transparent; }

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

.gray-link { color: #868E96; text-decoration: none; }

@media (max-width: 767px) {
	.gray-link { width:100%; margin-top: 10px; margin-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	Tooltips for Transaction edit buttons
\* ------------------------------------------------------------ */

.img-edit-transactions { vertical-align:sub; }

.tooltip-tv { position: relative; }

.transaction-modify { text-decoration: none; }

.transaction-modify #explanation-tranasction-edit {
  visibility: hidden;
  width: 180px;
  background-color: rgb(233, 236, 239);
  color: #343A40;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.transaction-delete #explanation-tranasction-delete {
  visibility: hidden;
  width: 180px;
  background-color: rgb(233, 236, 239);
  color: #343A40;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.transaction-modify:hover #explanation-tranasction-edit { visibility: visible; }

.transaction-delete:hover #explanation-tranasction-delete { visibility: visible; }

/* ------------------------------------------------------------ *\
	SCOR
\* ------------------------------------------------------------ */

.scor-document-card  {
  position: relative;
}

.scor-document-card .scor-document-card__delete {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
}

/* ------------------------------------------------------------ *\
	Card
\* ------------------------------------------------------------ */

.card-check { border-radius: 5px; background-color: #F8F9FA; }

.card-check .card__head { display: flex; margin-bottom: 14px; align-items: flex-start; }

.card-check .card__head img { margin-right: 10px; }

.card-check .card__head h5 { font-weight: 400; color: #343A40; }

.card-check .card__body h6 { font-size: 12px; color: #868E96; font-weight: 600; text-transform: uppercase; }

/* ------------------------------------------------------------ *\
	Chart classes
\* ------------------------------------------------------------ */

.chart_wrapper { width: 100%; position: relative; padding-top: 2px; }

.canavs { max-height: 300px; width: 100%; margin-top: 30px; }

.tooltip_div {opacity: 1; position: absolute; width: 152px; font-size: 13px;
    box-shadow: 0 2px 8px 0 #e9ecef; border: solid 1px #e9ecef; background-color: #ffffff; color: #adb5bd;
    font-weight: 500; line-height: 1.8; letter-spacing: normal; padding-top: 7px;}

.tooltip_div td { display: flex; align-items: center; margin-left: 10%; }

.tooltip_div td .statistic_name { margin-right: 5px; }

.vertical-line { position: absolute; border-left: solid 2px #e9ecef; box-shadow: 0 2px 8px 0 #e9ecef; }

.bottom-line { position: absolute; box-shadow: 0 2px 8px 0 #e9ecef; border: solid 1px #e9ecef; bottom: 38px; width: 100%; }

@media (max-width: 1023px){
	.canavs { margin-top: 5px; }
}

/* ------------------------------------------------------------ *\
	Colors
\* ------------------------------------------------------------ */

.color-class .color__title { text-transform: capitalize; margin-bottom: 15px; }

.color-class + .color-class { margin-top: 19px; }

.colors .color__row + .color__row { margin-top: 12px; }

.color { display: inline-block; background-color: #fff; border-radius: 5px; overflow: hidden; }

.color + .color { margin-left: 12px; }

.color .color__head { width: 160px; height: 160px; }

.color .color__body { padding: 13px; }

.color h6 { margin-bottom: 0; }

.color p { color: #868E96; margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Components
\* ------------------------------------------------------------ */

.components{ margin-left: 320px;  }

.components .components__title { margin-bottom: 28px; }

.components h1 span { font-weight: 400; margin-right: 9px; }

/* ------------------------------------------------------------ *\
	Component
\* ------------------------------------------------------------ */

.component + .component { margin-top: 30px; }

.component .component__title { margin-bottom: 24px; }

.component .component__title h2 { color: #868E96; font-weight: 600; }

.component .component__content h3 { font-weight: 400; color: #343A40; }

.component .component__content .btn--third { margin-bottom: 9px; }

.component .component__body .text-box { margin-bottom: 16px; margin-top: 6px; }

.component .form-radios .form__controls.clear { max-width: 271px; }

.component .colors { margin-bottom: -5px; }

.component .fonts { margin-bottom: 26px; }

.component .texts { margin-bottom: 29px; }

.component .icons { margin-bottom: 25px; }

/* ------------------------------------------------------------ *\
	Connect
\* ------------------------------------------------------------ */

.connect-style-1 { color: var(--primary-color, #4C6EF5); font-size: 16px; font-weight: 600; text-decoration: none; }

.connect-style-2 { color: #868E96; font-size: 16px; font-weight: 600; text-decoration: underline; }

.connect-style-2:hover { text-decoration: underline; }

.connect-style-3 { text-decoration: none; }

/* ------------------------------------------------------------ *\
	Datepicher
\* ------------------------------------------------------------ */

#ui-datepicker-div { overflow: visible!important; transform: translateX(-18px); z-index: 1046!important;}

#ui-datepicker-div:before { content: ""; position: absolute; width: 13px; height: 13px; top: -15px; left: 50%; background-color: var(--primary-color, #4C6EF5); display: block; transform: rotate(45deg) translate(50%, 50%); transform-origin: center center; border-radius: 1px; }

#ui-datepicker-div { border: 1px solid #F4F6FA; padding: 0; border-radius: 5px; overflow: hidden; font-family: 'Harmonia-Sans-Pro-Cyr'; width:100%; max-width: 240px; padding-bottom: 15px; }

#ui-datepicker-div .ui-widget-header { background-color: var(--primary-color, #4C6EF5); border: 1px solid var(--primary-color, #4C6EF5); border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

#ui-datepicker-div .ui-datepicker-title { color: #fff;  font-weight: bold; font-size: 12px; padding: 6px 0 0px; }

#ui-datepicker-div .ui-datepicker-calendar { margin-top: 10px; margin: 10px auto 0; max-width: 90%; }

#ui-datepicker-div td { text-align: center;  padding: 0; }

#ui-datepicker-div table tr + tr td { padding-top: 5px; }

#ui-datepicker-div table,
#ui-datepicker-div td a { font-size: 10px; }

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span  { background-image:url("../images/intellio_next/datepicher-arrow-right.cf2e4ca0cf79.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 7px; height: 6px; margin: 0; top: 50%; left: 50%; transform: translate(-50%,-50%);}

#ui-datepicker-div .ui-datepicker-prev span  { background-image:url("../images/intellio_next/datepicher-arrow-left.036f049e8edc.svg"); }

#ui-datepicker-div .ui-datepicker-prev { left: 12px;  }

#ui-datepicker-div .ui-datepicker-next { right: 12px;  }

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next { margin: 0; top: 50%; transform: translate(0,-50%); }

#ui-datepicker-div .ui-datepicker-calendar thead  { font-size: 10px; font-weight: 700; }

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-datepicker-div .ui-button,
#ui-datepicker-div html .ui-button.ui-state-disabled:hover,
#ui-datepicker-div html .ui-button.ui-state-disabled:active { border:none; background-color: #fff; font-family: 'Harmonia-Sans-Pro-Cyr';  }

#ui-datepicker-div .ui-state-default { text-align: center; padding: 4px 5px; border-radius: 2px; display: inline-block; }

#ui-datepicker-div .ui-priority-secondary { color: #E9E9E9; }

#ui-datepicker-div .ui-state-active  { color: var(--primary-color, #4C6EF5); }

#ui-datepicker-div .ui-state-default:hover { background-color: #cecece; }

#ui-datepicker-div .ui-datepicker-today a.ui-state-highlight { background: var(--primary-color, #4C6EF5); color: #fff; }

/* ------------------------------------------------------------ *\
	Dropdown Holder
\* ------------------------------------------------------------ */

.dropdown-holder { position: relative; }

.dropdown-holder-invoice-actions { position: absolute; top: 37px; right: 37px; height: 43px; width: 43px; background-color: #FFF;}

.dropdown-holder-invoice-actions-active { background-color: #e9ecef; border-radius: 50%; }

.dropdown-holder-invoice-actions-edit-act,
.dropdown-holder-invoice-actions-edit-batch { position: relative!important; height: 43px; width: 43px; top:inherit; right:inherit; }

#holder-invoice-actions { position: relative; top: unset; right: unset; background: var(--background-color); display: inline-block; }

@media (max-width: 1023px){
	.dropdown-holder-invoice-actions-edit-act,
	.dropdown-holder-invoice-actions-edit-batch { top: 4px; }
}

@media (max-width: 767px){
	.dropdown-holder { position: static; margin: 0; }
	.dropdown-holder-invoice-actions { position: absolute; top: 10px; right: 10px; }
	.dropdown-holder-invoice-actions-edit-act,
	.dropdown-holder-invoice-actions-edit-batch { top: 4px; }
}

/* ------------------------------------------------------------ *\
	Combinations Dropdown Holder
\* ------------------------------------------------------------ */

.combination-actions { float: right; }

.combination-actions .dropdown-holder-invoice-actions-edit-act { right: 0; }

/* ------------------------------------------------------------ *\
	Dropdown Box
\* ------------------------------------------------------------ */

.dropdown-box.text-box { position: absolute; box-shadow: none; display: block; margin: auto; display: none; z-index: 10; }

.dropdown-box.text-box:after,
.dropdown-box.text-box:before { left: 77%; }

.dropdown-box.dropdown-invoice-actions-act { opacity: inherit!important; }

/* ------------------------------------------------------------ *\
	DropDown Filter
\* ------------------------------------------------------------ */

.dropdown-filter.text-box { padding: 0 0 0 26px; top: 125%; right: 220px; max-width: 620px; width: 620px; }

.dropdown-filter.text-box h5 { color: #868E96; }

.dropdown-filter .dropdown__row { display: flex; padding: 11px 0 11.5px; align-items: center; }

.dropdown-filter .dropdown__row + .dropdown__row { border-top: 1px solid #E9ECEF; }

.dropdown-filter .dropdown__title { width: 200px; text-align: left; }

.dropdown-filter .dropdown__content { display: flex; flex-wrap: wrap; width: 100%;}

.dropdown-filter .checkbox { width: 135px!important; max-width: 135px!important; margin: 6px 0; text-align: left; }

.dropdown-filter .checkbox:nth-child(3n+3) { margin-right: 0px!important; }

.dropdown-filter .checkbox input:checked ~ label:before { background-color: var(--primary-color, #4C6EF5); border: 1px solid var(--primary-color, #4C6EF5); }

.dropdown-filter .checkbox input:checked ~ label { color: #000; }

.dropdown-filter .checkbox label { color: #868E96; letter-spacing: -0.8px; font-size: 14px; font-weight: 400; }

.dropdown-filter .checkbox input,
.dropdown-filter .checkbox label:before,
.dropdown-filter .checkbox label:after { width: 20px!important; height: 20px!important; }

.dropdown-filter .form-text,
.dropdown-filter .form-radios,
.dropdown-filter .form-date .field { color: #868E96; }

.dropdown-filter .form-select .field { color: #868E96; }

.dropdown-filter .form-text,
.dropdown-filter .form-date,
.dropdown-filter .form-radios { max-width: 162px; width: 100%; }

.dropdown-filter .form-text + .form-text,
.dropdown-filter .form-date + .form-date { margin-left: 32px; }

.dropdown-filter .form-text.multi-text-thirds { width: 28%; margin-left: 0; margin-right: 16px; }

.dropdown-filter .form-date + .form-date { position: relative; margin-left: 29px!important; }

.dropdown-filter .form-date + .form-date:before { position: absolute; content: "-"; font-size: 14px; color: #868E96; left: -16px; top: 50%; transform: translateY(-50%); }

.dropdown-filter .form-radios .form__radio { margin-bottom: 0px; }

.dropdown-filter .dropdown__row:last-child { padding-right: 8px; }

.dropdown-filter .btn--red { margin-right: auto; margin-left: 0!important; }

.dropdown-filter .btn { max-width: 155px; width: 100%; text-align: center; }

.dropdown-filter .btn p { margin: auto; }

.dropdown-filter .btn + .btn { margin-left: 10px; }

@media (max-width: 1023px) {
	.dropdown-filter.text-box:after,
    .dropdown-filter.text-box:before { left: 60%; }
	.dropdown-filter.text-box { right: 110px; }
}

@media (max-width: 767px) {
	.dropdown-filter.text-box { width: auto; max-width: unset; position: unset; padding: 3px 17px 10px 17px; }

	.dropdown-filter.text-box:after,
	.dropdown-filter.text-box:before { left: 11%; }

	.dropdown-filter .dropdown__row { padding: 5px 0; }
	.dropdown-filter .dropdown__row:last-child { padding: 0;}

  .dropdown-filter .dropdown__title { max-width: none; width: auto; }

	.dropdown-filter .dropdown__content { justify-content: flex-end; flex-grow: 1; }

	.dropdown-filter .dropdown--chechbox { flex-direction: column; font-size: 14px; align-items: flex-start; }
	.dropdown-filter .dropdown--chechbox .dropdown__title { margin-bottom: 7px; }
	.dropdown-filter .dropdown--chechbox .dropdown__content { justify-content: start; margin-right: 30px; }

	.dropdown-filter .checkbox { margin-bottom: 9px; margin-right: 0!important; }

	.dropdown-filter .dropdown--date { flex-direction: column; align-items: flex-start; padding-bottom: 21px; }
	.dropdown-filter .dropdown--date .dropdown__title { margin-bottom: 13px; }

	.dropdown-filter .form-text,
	.dropdown-filter .form-date { max-width: 120px; width: 100%; }

	.dropdown-filter .form-text + .form-text,
	.dropdown-filter .form-date + .form-date { margin-left: 10px; }

	.dropdown-filter .form-date { max-width: 129px; width: 100%; }

	.dropdown-filter .dropdown--facture .form-text { max-width: 181px; }

	.dropdown-filter .dropdown--organization { flex-direction: column; align-items: flex-start; }
	.dropdown-filter .dropdown--organization .dropdown__title { margin-bottom: 9px; }
	.dropdown-filter .dropdown--organization .dropdown__content { width: 100%; justify-content: space-between; }
	.dropdown-filter .dropdown--organization .form-text { max-width: calc(50% - 7px); }

	.dropdown-filter .dropdown--document .dropdown__content { align-items: flex-end; }
	.dropdown-filter .dropdown--document .checkbox { max-width: 55px!important; }
	.dropdown-filter .dropdown--document .checkbox + .checkbox { margin-left: 32px; }

	.dropdown-filter .dropdown--actions { flex-wrap: wrap; justify-content: space-between; display:unset; }
	.dropdown-filter .dropdown--actions .btn { max-width: 150px; color: #fff; background-color: var(--primary-color, #4C6EF5); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 3px 0; border: 0; }
	.dropdown-filter .dropdown--actions .btn + .btn { margin-left: 0; }

	.dropdown-filter .dropdown--actions .btn--gray { background-color: #ADB5BD; }
	.dropdown-filter .dropdown--actions .btn--red { order: 3; margin-top: 10px; background-color: #FF7575;  }
}

/* ------------------------------------------------------------ *\
	DropDown Batch Filter
\* ------------------------------------------------------------ */

@media (max-width: 767px){
	.dropdown-filter.filter-batch.text-box:after,
	.dropdown-filter.filter-batch.text-box:before {left: 11%; top: 105px; }
}

/* ------------------------------------------------------------ *\
	DropDown Invoice Actions
\* ------------------------------------------------------------ */

.dropdown-invoice-actions.text-box { padding: 9px 0; top:28px; right: 0px; max-width: 300px; width: 287px; border-radius: 4px; }

.dropdown-invoice-actions.text-box:before, .dropdown-invoice-actions.text-box:after { border-style: hidden; }

.dropdown-invoice-actions .dropdown__row { padding: 0 20px; display: flex; align-items: center; height: 45px;}

.dropdown-invoice-actions .dropdown__row:hover { background-color: #e9ecef; cursor: pointer; }

.dropdown-invoice-actions .dropdown__row p { padding-left: 16px; }

.dropdown-invoice-actions a.dropdown__row { color: inherit; text-decoration: unset; }

.dropdown-invoice-actions-act.text-box { top:27px!important;left:-54px!important; width: 194px; }

/* ------------------------------------------------------------ *\
	Dropdown menu
\* ------------------------------------------------------------ */

.dropbtn-menu {
  width: 170PX;
  height: 43px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: normal;
  color: #343a40;
  padding: 16px;
  border: none;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: white;
  }

.dropdown-menu {
	position: relative;
  }

.dropdown-menu-content .sidebar-menu { margin-top: 20px; min-width: 260px; }

.dropdown-menu-content {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border: solid 1px #e9ecef;
	border-radius:4px;
	z-index: 2;
	cursor: pointer;
	vertical-align: middle;
  }

.dropdown-menu-content a {
    color: black;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 16px;
    width: 258px;
    height: 49px;
    text-decoration: none;
    display: block;
    border-bottom:1px solid #e9ecef;
  }

.dropdown-menu-content div {
	color: black;
	font-size: 14px;
	padding: 9px 16px;
	text-decoration: none;
	display: block;
	border-bottom:1px solid #e9ecef;
    vertical-align: middle;
  }

.dropdown-menu-content a:hover {background-color: #f1f1f1}

.dropdown-menu-content.table--dropdown div:hover { background-color: inherit!important; }

.dropdown-menu-content.table--dropdown div.btn:hover { background-color: var(--light-color)!important; }

.dropdown-menu-content.table--dropdown div.table.table-invoiced { padding: inherit; margin-bottom: 0px;}

.dropdown-menu-content div:hover { background-color: #f1f1f1 }

.dropdown-menu-content .selected-item { background-color: #f8f9fa; color: #adb5bd; font-weight: 500; pointer-events: none; cursor: default; }

.dropdown-menu-content .item { color: #2750f3; }

#prescriber-add-item {
	display: flex;
	align-items: stretch;
  }

#prescriber-add-item span {
	padding-right:10px;
	padding-top: 10px;
  }

@media (max-width: 1200px){
    .dropbtn-menu { background-color: inherit; }
}

/* ------------------------------------------------------------ *\
	Factures Status
\* ------------------------------------------------------------ */

.facture-status{ padding: 0 16px; }

.facture-status .facture__title h3 { display: contents; margin-bottom: 0; font-weight: 600; }

.facture-status .facture__title img, .facture-status .facture__title svg { display: inline-block; margin-left: 6px; vertical-align: top; }

.facture-status .facture__title .img-invoice-title { vertical-align: bottom!important; }

.facture-status .facture__content { font-weight: 600; color: #868E96; }

/* ------------------------------------------------------------ *\
	Facture Price
\* ------------------------------------------------------------ */

.factures { display: flex; justify-content: space-between; margin-bottom: 16px; }

.facture-price { background-color: #FFF; box-shadow: 0 2px 8px #E9ECEF; border: 1px solid #E9ECEF;border-radius: 5px; padding: 14px 15px 13px; flex-basis: 226px; flex-grow: 1; }

.facture-price .facture__title { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: -1px; }

.facture-price .facture__title h2,
.facture-price .facture__title h5 { color: inherit; margin-bottom: 0; }

.facture-price .facture__content { font-size: 16px; }

.facture-price + .facture-price { margin-left: 5px; }

.facture__currency { font-weight: 400; display: inline-block; }

.facture-price.active { color: #fff; background-color: var(--primary-color, #4C6EF5); }

.dashboard .factures { width: 85%; }

.dashboard .facture-price { background-color: inherit; box-shadow: none; border: none; text-align: center; }

.dashboard .facture-price .facture__title { display: block; }

.facture-status.facture-situation { text-align: end; }

@media (max-width: 1023px){
	.factures { overflow-x: scroll; }
	.dashboard .facture-price { min-width: unset; padding-right: initial; padding-left: initial; }
	.main--new-bill .factures { flex-wrap: wrap; }
}

@media (max-width: 767px){
	.factures { margin-bottom: 11px; }
	.facture-price .facture__content { max-width: 200px; }
	.facture-price .facture__content p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	.dashboard .factures { width: 100%; }
	.dashboard .facture-price .vertical-right-line .facture__title { padding-right: 4px; }
	.dashboard .facture-price .facture__title { white-space: nowrap; }
	.dashboard .facture-price .facture__content { white-space: nowrap; margin-top: 8px; }
	.facture-status.facture-situation { text-align: center; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

.fonts .fonts__title { margin-bottom: 15px;  }

.fonts .fonts__head { margin-bottom: 10px; }

.font { background-color: #fff; display: inline-block; border-radius: 5px; }

.font + .font { margin-left: 14px;  }

.font .font__head { width: 160px; height: 160px; padding: 37px 10px; text-align: center;  }

.font .font__head h2 { font-size: 64px; font-weight: 400;  }

.font .font__body { padding: 9px 13px ; }

.font .font__body h6 { margin-bottom: 4px; }

.font .font__body p { color:#868E96; font-weight: 500; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-moz-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field { border: 1px solid #CED4DA; border-radius: 5px; padding: 11px 15px; font-size: 14px; width: 100%; }

.field-error {border-left-color :#ff7575; border-left-width: thick; }

.message-error {color: #ff7575;}

.message-error .errorlist li { display: flex; }

select { background-color: #fff;  }

select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

.checkbox { position: relative; }

.checkbox input { opacity: 0; margin-right: 4px; width: 20px; height: 20px; vertical-align: middle; }

.checkbox label { vertical-align: middle; }

.checkbox input:checked ~ label:before { background-color: #00B894; border: 1px solid #00B894; }

.checkbox input:checked ~ label:after { content: ''; }

.checkbox label:before { content: '';   border-radius: 5px; border: 1px solid #CED4DA; background-color: #fff;  }

.checkbox label:after {  background-image: url("../images/intellio_next/icon-checkbox.fd18476ec2c8.svg"); background-position: center; background-repeat: no-repeat; background-size: 50% auto; }

.checkbox label:before,
.checkbox label:after { top: 50%; transform: translateY(-50%); left: 0; height: 20px; width: 20px; pointer-events: none; position: absolute; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.update_info_container button div input { width: 0px; height: 0px; background-color: transparent; border-color: transparent; outline: none; }

input.input-info { background: #fff4e1; border-color: transparent; border-radius: 2px; color: #6c6e72; }

@media (max-width: 767px){
  #id_amc_data_source .form__radio,
  #id_amo_data_source .form__radio { width: 100%; }
}

@media (max-width: 1200px) {
  .big-text-area { max-width: 50%; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { background-color: #fff; border-radius: 5px; box-shadow: 0 2px 8px #E9ECEF; border: 1px solid #E9ECEF; padding: 16px 16px 20px }

.form .form__head { min-height: 30px; text-transform: uppercase; letter-spacing: 0.9px; display: flex; align-items: center; }

.form .form__head .form__head-line { background-color: #E9ECEF; height: 2px; flex-grow: 1; margin-left: 10px; margin-top: 7px; }

.form .form__head .form__head-button { text-align: right; text-transform: none; letter-spacing: normal; margin-left: 10px; }

.form .form__head .form__head-button.form__head-button--disabled { opacity: 0.5; }

.form .form__head .form__head-button.form__head-button--disabled label { pointer-events: none ; }

.form .form__head .form__head-button label { display:flex; align-items: center; }

.form .form__head .form__head-button label label { text-align: left; margin-right: 5px; }

.form .form__col { display: inline-block; width: 100%; margin: 0 5.5px; align-self: flex-end; }

.form .form__row { display: flex; flex-wrap: wrap; margin: 0 -6px; }

.form .form__row + .form__row { margin-top: 6px; }

.form .form__row + .form__row.form__row--sts { margin-top: 11.5px; }

.form .form__group + .form__group {
	border-top: 1px solid #E9ECEF;
	margin-top: 15px;
	padding-top: 15px;
}

#generate_duplicata_scor_field {
	border-top: 1px solid #E9ECEF;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
	width: 100%;
}

.form__group p { font-weight: 600; }

.form .form__label { margin-top: 3px; display: inline-block; color: #868E96; margin-bottom: 2px;  }

.form__controls { width: 100%; }

.form__col.col_left { flex: 0 0 49%; margin-right: 1% }

.form__col.col_right { flex: 0 0 49%; margin-left: 1% }

/* ------------------------------------------------------------ *\
	Form Search
\* ------------------------------------------------------------ */

.form-search { position: relative; flex-grow: 1; }

.form-search .form__label { position: absolute; top: 50%; transform: translateY(-65%); left: 17px; }

.form-search .form__controls .field { padding-left: 39px; color: #868E96; height: 43px; }

.form-search .form_confirm { cursor: pointer; position: absolute; top: 50%; transform: translateY(-56%); right: 17px; background-color: transparent; border: none; }

.form-search .form_confirm img { cursor: pointer; }

.form-search .form_confirm img.disabled_confirmation{ cursor: auto; }

@media (max-width: 1023px){
	.form-search .form__controls .field { padding-right: 39px; }
}

/* ------------------------------------------------------------ *\
	Form Filter
\* ------------------------------------------------------------ */

#td-filter-form {
	display: table-cell;
	padding: 0 12px;
}

#filter-form {
	position: relative;
	display: flex;
}

.form-wrapper-buttons {
	display: flex;
	flex-grow: 0;
}

.form-wrapper-buttons .btn {
	height: 43px;
	flex-grow: 1;
	justify-content: center;
  margin: 0 0 0 12px;
}

@media (max-width: 767px){
	#filter-form {
		flex-direction: column;
		padding-top: 6px;
	}
	.form-wrapper-buttons {
		flex-grow: 1;
		margin-bottom: 6px;
	}
	.form-wrapper-buttons .btn {
	  margin: 0;
	}
	.form-wrapper-buttons .btn + .btn {
	  margin: 0 0 0 12px;
	}
}

/* ------------------------------------------------------------ *\
	Form Select
\* ------------------------------------------------------------ */

.form-select .form__controls { position: relative; }

.form-select .form__controls:after { content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 8px; height: 16px; background-image: url("../images/intellio_next/icons/icon-arrows.886e9d765074.svg"); pointer-events: none; background-repeat: no-repeat; background-size: contain; }

.form-select .field { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding-right: 25px}

/* ------------------------------------------------------------ *\
	Form Date
\* ------------------------------------------------------------ */

.form-date .form__controls { position: relative; }

.form-date .form__controls input { padding: 11px 35px 11px 15px; }

.form-date .form__controls:after { position: absolute; content: ""; mask-image: url("../images/intellio_next/atoms-icons-calendar.6bff84148d5a.svg"); -webkit-mask-image: url("../images/intellio_next/atoms-icons-calendar.6bff84148d5a.svg"); background-color: var(--primary-color); top: 50%; right: 16px; transform: translateY(-50%); width: 16px; height: 16px; pointer-events: none; }

.form-date .form__controls ::-moz-placeholder { color: #868E96; }

.form-date .form__controls :-ms-input-placeholder { color: #868E96; }

.form-date .form__controls ::placeholder { color: #868E96; }

/* ------------------------------------------------------------ *\
	Form Radio
\* ------------------------------------------------------------ */

.form-radios .form__controls.clear { /*max-width: 271px;*/ border-radius: 5px; display: flex;}

.form-radios .form__radio { position: relative; flex-grow: 1; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: inline-grid; }

.form-radios .form__radio input { width: 100%; opacity: 0; position: absolute; }

.form-radios .form__radio input:disabled ~ label { color: #868E96; }

.form-radios .form__radio input:checked ~ label { color: var(--primary-color, #4C6EF5); border-color:var(--primary-color, #4C6EF5); background-color: var(--light-color); border-left: 1px solid var(--primary-color, #4C6EF5);  }

.form-radios .form__radio label { left: 0px; right: 0px; top: 0px ; padding: 11px 7px; text-align: center; font-weight: 600; border: 1px solid transparent; border: 1px solid #CED4DA; }

.form-radios .form__radio:first-child label  { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.form-radios .form__radio + .form__radio label { border-left: none; }

.form-radios .form__radio:last-child label { border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0;  }

@media (max-width: 1023px) {

	.form .col-size6 .form__controls,
	.form .col-size7 .form__controls,
	.flex_direction_from_resolution { flex-direction: row; margin: 0 !important; }
	.big-radios .form-radios .form__radio:first-child label { border-bottom-left-radius: 5px; }
}

@media (max-width: 767px){
	.form .col-size6 .form__controls,
	.form .col-size7 .form__controls,
	.flex_direction_from_resolution { flex-direction: column; margin: 0 !important;}
	.flex_direction_from_resolution .form__col { margin : 0 }
	.big-radios .form-radios { position: relative; }
	.big-radios .form-radios .form__radio { display: contents; }
	.big-radios .form-radios .form__radio + .form__radio label { left: -1px; right: -1px; top: -1px ; bottom: -1px; }

	.big-radios .form-radios .form__radio + .form__radio input:not(:checked) ~ label { border-top: 0; border-left: 1px solid #CED4DA; }

	.big-radios .form-radios .form__radio:first-child label { border-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
	.big-radios .form-radios .form__radio:last-child label { border-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
}

/* ------------------------------------------------------------ *\
	Form Single Radio
\* ------------------------------------------------------------ */

.form__single_radio.field { border: unset; opacity:0; position:absolute; }

/* ------------------------------------------------------------ *\
	Form Multi Radio
\* ------------------------------------------------------------ */

.form__multi_radios.field { border: unset; }

.form__multi_radios li { max-width: 500px; display: block; }

.form__multi_radios li label { justify-content: space-between; display: -webkit-box; }

.form__multi_radios  li>label>label { margin-bottom: 0; }

.form__multi_radios.select.field { display: flex; flex-direction: column; justify-content: space-between; }

.form__multi_radios.select.field li>label { display: flex; justify-content: flex-start; gap: 10px; align-items: center;}

input.form__multi_radios.select.field  { display: none; }

// hide original field


/* ------------------------------------------------------------ *\
	Form Checkbox
\* ------------------------------------------------------------ */
.form-checkbox { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; }

.form-checkbox .form__controls { width: auto; margin-right: 5px; }

/* ------------------------------------------------------------ *\
	Form Range
\* ------------------------------------------------------------ */

.form-range {
	width: 100%;
	height: 8px;
	padding: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* ------------------------------------------------------------ *\
	Form Text
\* ------------------------------------------------------------ */

.form--size1 { display: flex; align-items: center; }

.form--size1 .form__controls { width: 141px; }

.form--size1 .field { padding: 7px 7px; }

.form--size1 .form__label { color: #343A40; margin-left: 6px; }

/* ------------------------------------------------------------ *\
	Form Select Style2
\* ------------------------------------------------------------ */

.form-select--style2 .form__label { display: none; }

.form-select--style2 .form__controls { max-width: 179px; }

.form-select--style2 .form__controls:after { background-image: url("../images/intellio_next/Shape.4836447e446f.svg"); background-position: center; background-repeat: no-repeat; background-size: 100% auto; width: 8px; height: 6px; }

.form-select--style2 .field { background-color: #868E96; color: #fff; font-weight: 600; padding: 4px 14px; border-radius: 14px; }

/* ------------------------------------------------------------ *\
	Form Select2
\* ------------------------------------------------------------ */

.form--select2 { padding: 0 17px; }

.form--select2-scor { padding: 0; }

.form--select2 .form__controls:after {
	mask-image: url("../images/intellio_next/arrow-down-blue.44c4850c3d80.svg");
	-webkit-mask-image: url("../images/intellio_next/arrow-down-blue.44c4850c3d80.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	background-color: var(--primary-color);
	right: 40px; width: 9px; height: 6px; top: 70%;
}

.form--select2 .field {
	background-color: transparent; border: none; color: #343A40; font-size: 18px; padding: 14px 56px 3px 15px;
}

.form--select2 h6 { margin-left: 15px; }

.form--select2 .select2-container--default .select2-selection--single {
	background-color:transparent; border:solid 1px #ced4da; height: 42px; position: relative;
}

.form--select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444; line-height: 39px;
}

.form--select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 39px; position: absolute; top: 1px; right: 9px; width: 20px;
}

.form--select2 .select2-container--default.select2-container--disabled .select2-selection--single {
	background-color:transparent; border:solid 1px #ced4da; height: 42px; position: relative;
}

.form__col .form--select2,
.dropdown__content .form--select2 { padding: inherit; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--light-color)!important; color: rgba(0,0,0,.87)!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), var(--light-color)!important;
}

.select2-container--disabled { background-color: #f8f9fa }

.dropdown-filter.dropdown__content .select2-container,
.form__controls .select2-container {
	width: 100% !important;
	display: table;
	table-layout: fixed;
}

.form--select2-scor .form__controls .select2-container {
	display: block;
}

.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above { border-color:lightgray; }

.dropdown-filter .form--select2 span {
	width:200px;
	background-color: inherit;
	font-size:inherit!important;
	height:inherit;
	display: inherit;
	margin-left: 0%;
	text-align: initial;
}

.dropdown-filter .select2.select2-container.select2-container--default.select2-container--below.select2-container--open,
.dropdown-filter .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus.select2-container--open { width:200px!important; }

.dropdown-holder.btn .dropdown__row .dropdown__content .form--select2{ font-size:13px; font-weight: normal; }

@media(max-width: 450px){
	.select2-container { width: 100%!important; }
}

@media (max-width: 374px){
.table-bills th .btn .form--select2 span { display:block; }

}

/* ------------------------------------------------------------ *\
	Form Course
\* ------------------------------------------------------------ */

.form--course { flex-grow: 1; }

.form--course .tabs__head { margin-bottom: 12px;  }

@media (max-width: 767px){
	.form--course .form__radio { font-size: 16px;  }
}

/* ------------------------------------------------------------ *\
	Form Hint
\* ------------------------------------------------------------ */

.form-hint { background-color: #F8F9FA; padding: 11px 25px 7px 12px; display: flex;  flex-wrap: wrap; align-items: center; margin-top: 14px; display: none; font-size: 16px; border-radius: 4px; }

.form-hint .form__content { width: calc(100% - 26px); padding-left: 12px; }

.form-hint .form__content h6 { color: #868E96; text-transform: uppercase; font-size: 14px!important; margin-bottom: 2px; font-weight: 600; }

.form-hint .form__content p { margin-bottom: 9px; font-weight: 600; }

.form-hint .form__content a { color: var(--primary-color, #4C6EF5); text-decoration: none; font-weight: 600; }

@media(max-width: 1450px){
	.form__row--dates .col-size3 { flex:1 0 60%; }
}

@media(max-width: 400px){
	.form__row--dates .col-size2 { flex:1 0 45%; }
}

/* ------------------------------------------------------------ *\
	Form Context
\* ------------------------------------------------------------ */

#context-form .main__body { flex-direction: column; flex-wrap:unset; }

/* ------------------------------------------------------------ *\
	Form Insurance
\* ------------------------------------------------------------ */

.form--insurance-wrapper { display: flex; justify-content: space-between; }

.dashboard .form--insurance { height: 290px; }

.form--insurance { width: 49.3%; }

.form--insurance  .form__row--dates .col-size3 { max-width: 48%; }

.form--insurance  .form__row--dates .col-size2 { max-width: 23%; }

.form--insurance  .col-size-date + .col-size-date { margin-right: 0;  }

.form--insurance .col-size4 { flex:inherit; width:82%; }

@media(max-width: 1047px){
	.form--insurance .col-size4 { flex:inherit; width:inherit; }
}

@media (max-width: 767px){
.form--insurance-wrapper { display: block; }

.form--insurance { width: 100%; }
.form--insurance + .form--insurance { margin-top: 10px; }

.form--insurance  .form__col { margin: 0 2px; }
.form--insurance  .form__row { justify-content: space-between; }

.form--insurance  .form__row--dates .col-size3 { max-width: 100%; }
.form--insurance  .form__row--dates .col-size2 { max-width: 49%; }
}

/* ------------------------------------------------------------ *\
	Flat form
\* ------------------------------------------------------------ */

.form--flat {
	border: none;
	box-shadow: none;
}

/* ------------------------------------------------------------ *\
	Form Invoice
\* ------------------------------------------------------------ */

.form-invoice { position: relative; }

/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */

.form__controls-login { position: relative; }

.form--login { max-width:400px; padding: 20px; }

.container-form-login { display: block; max-width:400px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 7%;}

.form--login .form__head { margin-bottom:15px; }

.form--login input { margin-bottom:10px; }

.complementary-import input { display: inline; padding-right: 10px; }

/* Only for intellio next : Resolve compatibility issue on Firefox */

.login-inext > .form--login > .form__body > #form1_group1 > #form1_group1_row2 > .form__col > .form__controls > div {
	position: auto !important;
	display: flex !important;
	align-items: end !important;
	flex-direction: column !important;
}

/* ------------------------------------------------------------ *\
	Form Complementary Import
\* ------------------------------------------------------------ */

.complementary-import form .form__body { padding: 15px; max-height: 400px; overflow-y: auto; overflow-x: hidden; }

.complementary-import .form__controls { display: inline; padding-right: 10px; }

.complementary-import .form__row { margin: 9px -6px; }

/* ------------------------------------------------------------ *\
	Form Dashboard
\* ------------------------------------------------------------ */

.dashboard_dates_form .form .form__col { align-self: flex-start; }

.dashboard_dates_form .form img { align-self: baseline; margin: auto; display: block; }

.dashboard_dates_form .form label { display: none !important; }

.dashboard_dates_form .form a { height: 42px; width: 42px; display: inline-grid; cursor: pointer; }

.dashboard_dates_form .form .form__row { flex-wrap: nowrap !important; }

/* ------------------------------------------------------------ *\
	Form Environnement
\* ------------------------------------------------------------ */

.logo-form-environnement > img { display: block; margin: 0 auto; margin-bottom: 3%; }

.container-form-environnement { display: block; max-width:635px; margin-left: auto; margin-right: auto; }

.form--environnement { padding: 20px; }

.form--environnement label {display: block !important; text-align: center;}

.form--environnement .form__controls { text-align: center !important;}

.info-form--environnement { margin-left: 0 !important; margin-right: 0 !important;}

.action-form--environnement { display: flex;}

.action-form--environnement  >.btn { margin: 11px auto;}

/* ------------------------------------------------------------ *\
	Drop-down Form
\* ------------------------------------------------------------ */

.dropdown-form.close .form__body { display: none; }

.dropdown-form.open .form__body { display: block; }

.dropdown-form .form__head img { align-self: flex-start; margin-left: 16px; cursor: pointer; }

.dropdown-form.inside-popup { padding: 12px 16px 14px; }

.dropdown-form.inside-popup.open .form__body { padding-top: 7px;}

.dropdown-form.inside-popup .form__body h3 { font-size: 18px; }

/* ------------------------------------------------------------ *\
	Readonly select
\* ------------------------------------------------------------ */

.select--readonly ~ .select2 .select2-selection__arrow {
	display: none;
}

/* ------------------------------------------------------------ *\
	Form selection patient
\* ------------------------------------------------------------ */

#beneficiary-from-apcv-form,
#beneficiary-form,
#beneficiary-from-card-form {
  width: 550px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#securisation-form{
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#beneficiary-info .list-profil li {
	width:100%;
}

#vitale_popup_beneficiary_from_card_selection,
#vitale_popup_beneficiary_from_apcv_selection,
#invoice-securisation-popup,
#vitale_popup_beneficiary_selection {
	max-width: 660px;
}

#vitale_popup_beneficiary_selection > .popup__content,
#vitale_popup_beneficiary_from_card_selection > .popup__content,
#vitale_popup_beneficiary_from_apcv_selection > .popup__content {
  justify-content: center;
}

#beneficiary-from-apcv-form > li > div ,
#beneficiary-form > li > div ,
#beneficiary-from-card-form > li > div,
#securisation-form > li > div {
  width: 100%;
}

@media (max-width: 767px) {
	#beneficiary-from-apcv-form,
	#beneficiary-form,
	#beneficiary-from-card-form {
		width: unset;
	}
}

.action-scor button {
	flex: 0 1 48%;
}

.action-scor>div {
	 display: flex;
    flex-wrap: wrap;
}

/* ------------------------------------------------------------ *\
	Dynamic help text
\* ------------------------------------------------------------ */

.dynamic-help-text.text-box { width: 100%; ;max-width: 100%; }

.dynamic-help-text-item { color: #868E96; }

.dynamic-help-text-item.valid { color: #00B894; }

.dynamic-help-text-item.invalid { color: #FF7575; }

/* ------------------------------------------------------------ *\
	Icon
\* ------------------------------------------------------------ */

.icons .icons__title { margin-bottom: 11px;  }

.icons .icons__row { margin: -6px; }

.icons .icons__row  + .icons__row  { padding-top: 10px; }

.icons .icons__row .icon { margin: 6px; }

.icon { background-color: #fff; border-radius: 5px; box-shadow: 0 2px 8px #E9ECEF; display:inline-flex; justify-content: center; align-items: center; flex-wrap: wrap;  width: 40px; height: 40px; vertical-align: top; }

.eye-in-password{
	margin-left: -30px;
	margin-top: 11px;
	position: absolute;
	width: 22px;
	cursor: pointer;
}

.eye-shown {
	margin-top: 16px;
}

/* Only for intellio next : Resolve compatibility issue on Firefox */

.login-inext .eye-in-password {
	margin-left: auto !important;
	margin-right: 11px !important;
	height: 22px !important;
	margin-top: 12px !important;
}

/* ------------------------------------------------------------ *\
	Illustrations
\* ------------------------------------------------------------ */

.illustrations .illustrations__title { margin-bottom: 14px; }

.illustration { background-color: #fff; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; width: 160px; height: 160px; box-shadow: 0 2px 8px #E9ECEF; vertical-align: top; }

.illustration + .illustration { margin-left: 13px; }

/* ------------------------------------------------------------ *\
	Line Height
\* ------------------------------------------------------------ */

.line-height .line-height__title { margin-bottom: 15px; }

.line-height .line-height__content { color: #868E96; }

.line-height .line-height__content p { margin-bottom: 0; font-weight: 600; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	list-primary-btn
\* ------------------------------------------------------------ */

.list-btn { max-width: 500px; font-size: 0; margin: -8px; }

.list-btn li { display: inline-block; margin: 8px; }

/* ------------------------------------------------------------ *\
	List Buttons
\* ------------------------------------------------------------ */

.list-type-buttons h3 { margin-bottom: 14px; }

.list-type-buttons> li + li { margin-top: 16px; }

/* ------------------------------------------------------------ *\
	List Connections
\* ------------------------------------------------------------ */

.list-connections{ margin-bottom: -11px!important; }

.list-connections h3 { margin-bottom: 15px; }

.list-connections li + li { margin-top: 23px; }

/* ------------------------------------------------------------ *\
	List Navigations
\* ------------------------------------------------------------ */

.list-navigations .progress-bar + .progress-bar { margin-top: 23px; margin-bottom: 31px; }

/* ------------------------------------------------------------ *\
	List Paging
\* ------------------------------------------------------------ */

.list-paging li + li { margin-top: 14px; }

/* ------------------------------------------------------------ *\
	list-forms
\* ------------------------------------------------------------ */

.list-forms h3 { margin-bottom: 11px; }

.list-forms li + li { margin-top: 24px; }

.list-forms>li:last-child { margin-top: 22px; }

.list-forms .form__controls { max-width: 240px; }

.list-forms .form__label { margin-bottom: 6px; display: inline-block; }

.list-forms .form-date .form__controls { max-width: 140px; }

/* ------------------------------------------------------------ *\
	List Radios
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	List Checkboxes
\* ------------------------------------------------------------ */

.list-checkboxes { margin-top: -4px; }

.list-checkboxes li { padding: 3px 0; }

.list-checkboxes li + li { margin-top: 13px; }

/* ------------------------------------------------------------ *\
	List Other Btns
\* ------------------------------------------------------------ */

.list-custom-btns { margin-top: -2px; }

.list-custom-btns li + li { margin-top: 16px; }

/* ------------------------------------------------------------ *\
	List Profil
\* ------------------------------------------------------------ */

.list-profil { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-end; }

.list-profil li { width: 40%; margin-bottom: 13px; }

.list-profil li:nth-child(even) { margin-left: 84px; }

.list-profil h6 { margin-bottom: 9px; letter-spacing: 1px; }

.list-profil p { margin-bottom: 3px;}

.list-profil p span { margin-left: 4px; }

.list--aligntop { align-items: flex-start; }

.list--aligncenter { align-items: center; }

@media (max-width: 1023px) {
	.list-profil { justify-content: space-between; }
	.list-profil li { width: 48%; }
	.list-profil li:nth-child(even) { margin-left: 0; }
}

@media (max-width: 767px){
	.list-profil { flex-direction: column; }
	.list-profil li { width: 100%; margin-bottom: 0; }
	.list-profil li + li { margin-top: 3px; }
	.list-profil li + li h6 { margin-top: 15px; }
}

.list-profil li.auto-width { width: auto; }

.list-profil.list-paiement { flex-wrap: inherit; }

/* ------------------------------------------------------------ *\
List Paiement
\* ------------------------------------------------------------ */

.list-paiement li { width: 28%; }

.list-paiement li:nth-child(even) { margin-left: 50px; margin-right: 50px; }

@media (max-width: 767px) {
	.list-paiement li { width: 100%; }
	.list-paiement li:nth-child(even) { margin-left: 0; margin-right: 0; }
}

.multi-payment-patient-part { display: inline-flex; white-space: nowrap; }

/* ------------------------------------------------------------ *\
	List Price
\* ------------------------------------------------------------ */

.list-price { display: flex; flex-wrap: wrap; justify-content: space-between; }

.list-price li { padding:15px 15px; background-color: #fff; border: 1px solid #E9ECEF; border-radius: 5px; max-width: 24.3%; width: 100%; color: #868E96; border-color: #868E96; }

.list-price li p { margin-bottom: 0; }

.list-price li h2 { color: #343A40; }

.list-price li .h2_no_margin { margin: unset; }

.list-price li img { position: absolute; top: 8px; right: 8px; }

.list-price li.price { position: relative; }

.list-price li.price--success { border-color: #00b894; }

.list-price li.price--rejected { border-color: #ff4e4e; }

.list-price li.price--in-issue { border-color: #fbaf20; }

@media (max-width: 767px){
	.list-price { padding-top: 20px; padding-right: 5px; }
	.list-price li { max-width: 48%; margin-bottom: 10px;  }
	.list-price li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* ------------------------------------------------------------ *\
	List AMO Rights
\* ------------------------------------------------------------ */

.list-amo-rights { display:flex; flex-direction: column; max-height: 200px; overflow-y: auto; position: relative;}

.list-amo-rights li { margin: 8px 0; padding: 8px 0; }

.list-amo-rights li + li { border-top: solid 2px #e9ecef; }

.list-amo-rights li.in_progress { background-color: #fff4e1; }

.list-amo-rights li.in_progress .in_progress_span { position: absolute; right: 5px; }

.list-amo-rights li p { margin-bottom: 6px; padding-left: 8px; }

/* ------------------------------------------------------------ *\
	List Conventions
\* ------------------------------------------------------------ */

.list-conventions { display:flex; flex-direction: column; max-height: 800px; overflow-y: auto; position: relative;}

/* ------------------------------------------------------------ *\
	List Documents
\* ------------------------------------------------------------ */

.list-documents {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: 0.5rem;
	margin-bottom: 0;
}

.list-documents li {
	display: flex;
  flex-direction: column;
}

.document-add-border {
	background-color: white;
	border: 2px dashed #E9ECEF;
	padding: 15px;
	height: 100%;
	text-align: -webkit-center;
	cursor: pointer;
	margin-bottom: 26px;
	border-radius: 5px;
	width: 162px;
	text-align: -webkit-center;
	cursor: pointer;
}

.document-add {
	height: 158px;
	width: 48px;
	mask-image: url("/static/images/intellio_next/icon-circle-plus-solid.d8abe13e0cfe.svg");
	-webkit-mask-image: url("/static/images/intellio_next/icon-circle-plus-solid.d8abe13e0cfe.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--primary-color);
	mask-position: center;
	-webkit-mask-position: center;
}

.container-canvas {
	padding: 15px;
	border-radius: 5px;
	border-color: #868E96;
	border: 1px solid #E9ECEF;
	width: 162px;
	height: 192px;
}

.vignette_image-canvas.vignette_image-canvas--paper {
	height: 158px;
	width: 48px;
	margin: 0 auto;
	mask-image: url("/static/images/intellio_next/icons/icon-page.ad986de6d9ec.svg");
	-webkit-mask-image: url("/static/images/intellio_next/icons/icon-page.ad986de6d9ec.svg");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--light-color);
	mask-position: center;
	-webkit-mask-position: center;
}

.vignette_scroll {
	width: 130px;
}

@media (max-width: 767px){
	.document-add-border {
		padding: unset;
	}

	.document-add {
		height: 189px;
	}
	.container-canvas { padding: 5px; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo-login { max-width: 230px; margin-left: 20%; margin-bottom: 3%; }

/* ------------------------------------------------------------ *\
	Messages
\* ------------------------------------------------------------ */

ul.messages, ul.popup__messages {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.messages li, .popup__messages li {
    border-radius: 5px;
    padding: 11px;
    margin: 11px;
    font-weight: 600;
    background-color: #E9ECEF;
    color: #868E96;
}

.messages li.info, .popup__messages li.info {
    background-color: var(--light-blue);
    color: var(--blue);
}

.messages li.success, .popup__messages li.success {
    background-color: #DFFFF9;
    color: #00B894;
}

.messages li.warning, .popup__messages li.warning {
    background-color: #FFF4E1;
    color: #FBAF20;
}

.messages li.error, .popup__messages li.error {
    background-color: #FFEBEB;
    color: #FF7575;
}

.messages li a.close, .popup__messages li a.close {
    float: right;
    padding-right: 5px;
    text-decoration: none;
}

.messages li.error.error--iconnect {
    margin: 0px;
}

/* ------------------------------------------------------------ *\
	Nav - secondary
\* ------------------------------------------------------------ */

.nav-secondary{
    margin-bottom: -1px;
    /* margin-bottom: -4px; */
}

.nav-secondary ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav-secondary li {
    float: left;
    color: #868E96;
}

.nav-secondary li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    padding: 15px 32px;

}

.nav-secondary li.current {
    background-color: white;
    color: var(--primary-color, #4C6EF5);
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #E9ECEF;
    box-shadow: 0 2px 8px #E9ECEF;
    -webkit-box-shadow: 0 2px 8px #E9ECEF;
    position: relative;
    z-index: 1;
}

@media (max-width: 1540px) {
	.nav-secondary ul { display: flex; margin-bottom: 15px; overflow-x: scroll; }
	.nav-secondary ul li, .nav-secondary ul li.current {
        display: inline-table;
        overflow-x: visible;
        background-color: white;
        color: #868E96;
        font-weight: 600;
        border-radius: 5px;
        border: 1px solid #E9ECEF;
        box-shadow: 0 2px 8px #E9ECEF;
        -webkit-box-shadow: 0 2px 8px #E9ECEF;
    }
    .nav-secondary ul li.current { background-color: var(--light-color); color: var(--primary-color, #4C6EF5); order: -1; }
    .nav-secondary ul li a { white-space: nowrap; padding: 15px 20px}
    .nav-secondary ul li { margin-right: 4px; margin-left: 4px;}
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { padding: 16px 0 }

.nav li { display: flex; align-items: flex-end; min-height: 52px; padding:15px 32px; border-right: 2px solid transparent; }

.nav li a { text-decoration: none; font-size: 15px; }

.nav li img { margin-right: 12px; }

.nav li.current { border-color: var(--primary-color, #4C6EF5); background-color: var(--light-color); color: var(--primary-color, #4C6EF5); font-weight: 600; }

.nav li:hover { background-color: var(--light-color); }

.nav li a:hover { color: var(--primary-color, #4C6EF5); }

/* ------------------------------------------------------------ *\
	Paging
\* ------------------------------------------------------------ */

.paging { background-color: #fff; display: inline-block; border:1px solid #F1F3F5; padding: 17px; border-radius: 5px; box-shadow: 0 2px 8px #E9ECEF; }

.paging a{ text-decoration: none; color: #343A40; font-weight: 600; display: inline-block; }

.paging:hover { background-color: var(--light-color); }

.paging:hover a { color: var(--primary-color, #4C6EF5); }

.paging.active { background-color: var(--light-color); }

.paging.active a { color: var(--primary-color, #4C6EF5); }

.btn-holder { box-shadow: 0 2px 8px #E9ECEF; display: inline-block; border-radius: 5px; }

.btn-holder .btn--paging + .btn--paging { margin-left: -4px; }

.btn--paging { padding: 16px 20px; background-color: #fff; display: inline-block;  }

.btn--paging:hover { background-color: var(--light-color); }

.btn--paging img { transition: .2s; }

.btn--paging.btn-prev:hover img{ transform: translate(-2px); }

.btn--paging.btn-next:hover img{ transform: translate(2px); }

/* ------------------------------------------------------------ *\
	price
\* ------------------------------------------------------------ */

.price { padding: 0 33px; margin-bottom: 38px; }

.price h6 {font-size: 12px; font-weight: 600; color: #868E96; margin-bottom: 0; }

.price h2 { color: #343A40; margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Progress Bar
\* ------------------------------------------------------------ */

.progress-bar { display: flex; align-items: center; padding: 1px 4px; }

.progress-bar span:nth-child(odd) { width: 20px; height: 20px; display: inline-block; border-radius: 50%; border:2px solid #CED4DA; transition: .2s; }

.progress-bar span:nth-child(even) { height: 2px; width: 132px; background-color: #CED4DA; display: inline-block; pointer-events: none; }

.progress-bar span:nth-child(odd) { position: relative; }

.progress-bar span:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 12px; height: 12px; border-radius: 50%; z-index: 2; }

.progress-bar span.active:after {content: ""; background-color: var(--primary-color, #4C6EF5); }

.progress-bar span:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 28px; height: 28px; z-index: 1; border-radius: 50%; }

.progress-bar span.active:before {content: ""; background-color: #fff; box-shadow: 0 2px 8px #CED4DA; }

.progress-bar span:nth-child(odd):before { content: ''; }

.progress-bar span:nth-child(odd):after { content: ''; }

.progress-bar span.complete { background-color: var(--primary-color, #4C6EF5); }

.progress-bar span.complete:before {  background-color: var(--primary-color, #4C6EF5); }

.progress-bar span.complete:after {  background: url("../images/intellio_next/ico-check.02c11a351bad.svg") no-repeat center center; }

.progress-bar .hover:nth-child(even),
.progress-bar .hover:nth-child(odd) { background-color: var(--primary-color, #4C6EF5); }

.progress-bar span:hover .text-box { display: block!important; }

/* ---------------------------
	Progress Circle
----------------------------*/

.svg-progress-container {
    position: relative;
    width: 160px;
    margin-top: -25px;
    right: 10%;
}

.svg-progress {
    position:relative;
    height: 300px;
}

.progress-bg {
    z-index:0;
    position:absolute;
    top:0px;
    box-shadow: 5px 5px 5px 5px #333;
    stroke: #fbfbfb;
}

.progress-circle {
    stroke-dashoffset: 125px;
    stroke: #00b894;
    transition: stroke 1s linear;
    z-index:1;
    position:absolute;
    top:0px;
}

.progress-container {
    text-align:center;
    right: 36%;
    position: relative;
}

.vitale-img-in-circle { margin-top: -105%; width: 30%; }

.svg_circles_container { width:300px; height:300px; text-align: center; }

.svg_circles { display:block; margin : auto; }

.modal-read-card { width: 41%; }

.modal-read-card .popup__content .types-facture .type.type--actions:nth-child(1) { padding-top:inherit; }

.success-v { width: 30px; left: 76%; position: relative; z-index: 3; margin-bottom: -110%; }

.centered-parameters { position:relative; top:9px; left:44%; }

@media (max-width: 767px) {
    .modal-read-card { width: 97%; }
    .modal-read-card .popup__content .type--actions p { text-align: center; }
}

@media(max-width: 414px)
{
    .modal-read-card { width: 93.5%; }
}

.loader {
    margin-top: 50px;
    margin-bottom: 70px;
    border: 6px solid #fbfbfb;
    border-radius: 50%;
    border-top: 6px solid #00b894;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 3.5s linear infinite; /* Safari */
    animation: spin 3.5s linear infinite;
  }

/* Safari */

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

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

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Section Facture
\* ------------------------------------------------------------ */

.section-facture{ width: 100%; text-align: right; }

.section-facture .facture-price { max-width: 194px; display: inline-block; text-align: left; width: 100%; }

.section-facture .facture-price p { font-size: 14px; color: #868E96; }

.section-facture .facture-price h4 { color: #343A40; font-size: 24px; }

.section-facture .facture-price a { text-decoration: none; }

/* ------------------------------------------------------------ *\
	Section Insurance
\* ------------------------------------------------------------ */

.section-insurance  .form--insurance { max-width: 568px; }

/* ------------------------------------------------------------ *\
	Section Information
\* ------------------------------------------------------------ */

.info-section { display: block; flex-direction: row; background-color: #f8f9fa; margin-bottom: 15px; margin-top: 12px; padding-right: 12px; padding-left: 12px; }

.info-section .info-text-container { display: inline-flex; flex-direction: column; padding: 12px 0 16px 12px; }

.info-section .info-text-container h3 { font-size: 14px; font-weight: 600; color: #868e96; margin-bottom: 3px; }

.info-section .info-text-container p { font-size: 16px; font-weight: 600; color: #333a41; max-width: 725px; }

.info-section.info-flex { display: flex; }

.info-section.info-flex img { align-self: flex-start; margin-top: 10px; }

/* ------------------------------------------------------------ *\
	Section complementary list
\* ------------------------------------------------------------ */

.list-complementary { display: flex; flex-direction: row; justify-content: center; }

.list-complementary-section { display: flex; flex-direction: column; align-items: center; width: 30%; max-width: 340px; margin: 18px; padding: 50px; }

.list-complementary-section:hover { border-radius: 8px; box-shadow: 0 2px 8px 4px #e9ecef; border: solid 1px #f3f5fe; }

.list-complementary-section > p { width: 240px; padding-top: 30px; padding-bottom: 18px; color: #868e96; }

.list-complementary-section p { font-size: 14px; text-align: center; }

.list-complementary-section button { width: 240px; justify-content: center; }

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* FIXME : Proabablement mutualisable avec le dashboard / patients - à renommer si c'est le cas */

.settings-body {
    border: 1px solid #E9ECEF;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 8px #E9ECEF;
    overflow: visible;
    padding-bottom: 8px;
}

.settings-content {
    padding: 0 20px;
}

/* FIXME 
dirty-fix pour éviter d'avoir les bordures 
puisque dans ce cas, on est déjà dans un container */

.settings-content .form--course {
    border: none;
    box-shadow: none;
    padding: 0;
}

.settings-content-item {
    padding: 0 20px;
}

.settings-list {
    list-style-type: none;
}

.settings-item {
    list-style-type: none;
}

.settings-item-title {
    margin-bottom: 10px;
}

.settings-item-title span {
    font-weight: 400;
}

.settings-item-content p {
    color: #868E96;
}

.settings-item-content p span {
    color: #343A40; font-weight: 600;
}

.settings-info {
    width: 100%;
    border-radius: 5px;
    background-color: #F8F9FA;
    padding: 11px;
    margin-bottom: 11px;
    display: inline-flex;
    align-items: center;
}

.settings-info img {
    margin-right: 11px;
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	step
\* ------------------------------------------------------------ */

.step h3 { font-weight: 700; }

.step span { font-weight: 400; margin-right: 5px; }

@media (max-width: 767px) {
	.step h3 { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tab { display: none; }

.tab.active { display: block; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Table Bills
\* ------------------------------------------------------------ */

.table-bills { border: 1px solid #E9ECEF; border-radius: 5px; background-color: #fff; box-shadow: 0 2px 8px #E9ECEF; overflow: visible; padding-bottom: 8px; }

.table-bills tr + tr { border-top: 1px solid #E9ECEF; }

.table-bills .btn.btn--secondary span { background-color: transparent; width: 16px; height: auto; }

.table-bills .table-dot { width: 8px; height: 8px; background-color: var(--primary-color, #4C6EF5); display: inline-block; border-radius: 50px; margin-left: 26%; opacity: 0; }

.table-bills .checkbox { width: 16px; height: 16px; display: inline-block; margin-right: 0px; vertical-align: middle; }

.table-bills .checkbox input { width: 16px; height: 16px; }

.table-bills .checkbox label:before,
.table-bills .checkbox label:after { width: 16px; height: 16px; }

.table-bills .table-hint { width: 18px; height: auto; display: inline-block; position: relative; margin-left: 2px; }

.table-bills .table-hint .text-box { position: absolute; bottom: -50px; left: -35px; max-width: unset; width: 215px; z-index: 2; opacity: 0; pointer-events: none; transition: 0.2s; font-weight: 400; }

.table-bills th { padding: 20px 16px 11px; }

.table-bills th>div { display: flex; }

.table-bills th .form-search { flex-grow: 1; }

.table-bills th .btn { margin-left: 10px; }

.table-bills tr { height: 55px; }

.table-bills .table-hint:hover .text-box{ opacity: 1; }

.table-bills tr.header-row { height: 44px; border-left: 0; border-right: 0px; color: #868E96; }

.table-bills tr.header-row .table-arow-down { opacity: 1; }

.table-bills tr.header-row td { vertical-align: middle; padding-bottom: 0; padding-right: 1%; }

.table-bills tr.header-row td:first-child { padding-left: 10px; border-left: 17px solid transparent; }

.table-bills tr.header-row td:last-child { border-right: 0; }

.table-bills tr.header-row td span { vertical-align: baseline; }

.table-bills tr td span{ width: 6px; height: auto; display: inline-block; vertical-align: middle; }

.table-bills tr:nth-child(2) { border-left: 0; border-right: 0px; }

.table-bills tr td:first-child { padding-left: 12px; }

.table-bills tr td:first-child { border-left: 3px solid #fff; padding-left: 18px; }

/*.table-bills tr.active { background-color: #F3F5FE; box-shadow: inset 0px 0px 0px 5px rgba(255,255,255,1); font-weight: 700; }*/

.table-bills tr:active .table-dot { opacity: 1; }

.table-bills tr.active { font-weight: 700; }

.table-bills.flat--table { box-shadow: none; }

.table-bills.boundless--table { border: none; }

@media (max-width: 374px) {
	.table-bills .btn.btn--secondary span { display: none; }
}

/* ------------------------------------------------------------ *\
	table width
\* --------------------------------------------------- */

.table-bills tr td:nth-child(1) { width: 7.7%; }

.table-bills tr td:nth-child(2) { width: 11.4%; }

.table-bills tr td:nth-child(3) { width: 7%; }

.table-bills tr td:nth-child(4) { width: auto; }

.table-bills tr td:nth-child(5) { width: 8.3%; }

.table-bills tr td:nth-child(6) { width: 15.3%; }

.table-bills tr td:nth-child(7) { width: 10.1%; }

.table-bills tr td:nth-child(8) { width: 6.6%; }

.table-bills tr td:nth-child(9) { width: 6.6%; }

.table-bills tr td:nth-child(10) { width: 6.4%; }

.table-bills tr td:nth-child(11) { width: 7%; }

.table-bills tr td:nth-child(12) { width: 10%; }

/* ------------------------------------------------------------ *\
	table
\* ------------------------------------------------------------ */

.table-bills tr:nth-child(1) { border-right: 0px; }

.table-bills tr:nth-child(1) { border-left: 0px; }

.table-bills tr td:first-child { border-left: 0px solid #fff; }

.table-bills tr td:last-child { border-right: 0px solid #fff; }

.table-bills tr:nth-child(2):hover td { background: none; }

.table-bills tr:hover td { background: var(--table-hover-background) }

@media(max-width: 1400px){
	/*.table-bills tr + tr {border-right: 14px solid #fff; border-left: 14px solid #fff; }*/

	.table-bills tr td:nth-child(1) { width: 6%; }
	.table-bills tr td:nth-child(3) { width: 11%; }
	.table-bills tr td:nth-child(5) { width: 14%; }
	.table-bills tr td:nth-child(10) { width: 6%; }
	.table-bills .table-dot { margin-left: 6%; }
}

@media (max-width: 1023px){
	.table-bills tr td:last-child { border: none; }
	.table-bills tr td:nth-child(3),
	.table-bills tr td:nth-child(8),
	.table-bills tr td:nth-child(9),
	.table-bills tr td:nth-child(10),
	.table-bills tr td:nth-child(11) {display: none;}
	.table-bills tr td { padding-right: 3px; padding-left: 1px; text-align: center; }

	.table-bills.table-complementary tr td:nth-child(3) { display: table-cell; }
	.table-bills .table__row-first { position: relative; }
}

@media (max-width: 767px) {

	.table-bills .table-hint { display: none; }

	.table-bills tr td { padding-bottom: 0; vertical-align: middle; }

	.table-bills th>div { display: flex; flex-wrap: wrap; justify-content: space-between; }

	.table-bills .form-search { flex-basis: 100%; margin-bottom: 6px; }
	.table-bills .form-search input { font-size: 16px; }

	.table-bills th { padding: 12px 10px; }
	.table-bills th .btn { margin-left: 0px; justify-content: center; flex-grow: 1; padding: 13px 4px; font-size: 16px; }
	.table-bills th .btn + .btn { margin-left: 7px; }

	.table-bills tr td:nth-child(2) { height: 34px; padding-left: 5px; }
	.table-bills tr td:nth-child(11) { padding-right: 5px; }

	.table-bills tr td:nth-child(8) { width: 25%!important; }

	.table-bills tr td { width: auto; }

	.table-bills.table-complementary tr td:nth-child(1),
	.table-bills.table-complementary tr td:nth-child(3) { display: table-cell; }
	.table-bills.table-complementary tr td:nth-child(4) { display: none; }

	.table-bills.table-batches tr td:nth-child(1) { display: table-cell; }
}

@media (max-width: 767px) {
	.table-bills th .btn span { display: none; }
}

/* ------------------------------------------------------------ *\
	table invoices on batch detail
\* ------------------------------------------------------------ */

.table-batch-invoices .table-bills { max-height: 300px; overflow: auto; }

.table-batch-invoices .table-bills tr:hover td { background: none; }

.table-batch-invoices .table-bills tr:nth-child(1) { color: #868E96; }

.table-batch-invoices .table-bills tr:nth-child(2) { color: inherit; }

/* ------------------------------------------------------------ *\
	Table Invoiced
\* ------------------------------------------------------------ */

.table-invoiced { border: 1px solid #E9ECEF; border-radius: 5px; background-color: #fff; box-shadow: 0 2px 8px #E9ECEF; overflow: visible; width: 100%; font-weight: 400; }

.table-invoiced .table-hint { position: relative; display: inline-block; }

.table-invoiced .text-box { opacity: 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 90px; }

.table-invoiced .table-hint:hover .text-box { opacity: 1; }

.table-invoiced .table__search { display:flex; padding: 21px 15px 11px; position: relative; }

.table-invoiced .table__search .btn { margin-left: 8px; }

.table-invoiced .table__search .form-search { flex-grow: 1; }

.table-invoiced .form-text { display: inline-flex; flex-direction: row-reverse; align-items: center; }

.table-invoiced .form-text .field { padding: 5px 2px; text-align: center; }

.table-invoiced .form-text .form__label { margin-left: 3px; }

.table-invoiced .form-text--amount .field{ max-width: 25px; }

.table-invoiced .form-text--overtaking .field { max-width: 44px; }

.table-invoiced td { padding: 11px 3px; vertical-align: middle; text-align: left; }

.table-invoiced tr + tr, .table-invoiced thead + tbody tr, .table-invoiced tbody + tbody tr { border-top: 1px solid #E9ECEF; }

.table-invoiced .table-row-content td>* { display: inline-block; }

.table-invoiced .table-row-content p { color: #868E96; margin-bottom: 0; word-break: keep-all; }

.table-invoiced .table-row-content span { display: none; }

.table-invoiced tr td:nth-child(1) { min-width: 100px; padding-left: 15px; }

.table-invoiced tr td:nth-child(2) { min-width: 100px; }

.table-invoiced tr td:nth-child(3)  { min-width: 400px; width: 100%; }

.table-invoiced tr td:nth-child(4)  { min-width: 100px; }

.table-invoiced tr td:nth-child(5)  { min-width: 100px; }

.table-invoiced tr td:nth-child(6)  { min-width: 100px; }

.table-invoiced tr td:nth-child(7)  { min-width: 50px; }

.table-invoiced tr td:nth-child(8)  { min-width: 50px; }

.table-invoiced tr td:nth-child(9)  { min-width: 50px; padding-right: 15px; }

.table-invoiced tr:hover>td { background: var(--table-hover-background) }

.table-invoiced .table.table-invoice-acts-wrapper { max-height: 150px; overflow: auto; }

.table-invoiced .table .table-invoice-acts tr td,
.table-invoiced .table .table-invoice-payments tr td,
.table-invoiced .table .table-invoice-batches tr td { min-width: unset; width: unset; }

.table-invoiced .table .table-invoice-acts tr td:last-child,
.table-invoiced .table .table-invoice-batches tr td:last-child { padding-right: 15px; }

.table-invoiced .table .table-invoice-acts tr:hover>td,
.table-invoiced .table .table-invoice-payments tr:hover>td,
.table-invoiced .table .table-invoice-batches tr:hover>td { background: unset }

.table-invoiced .table.table-invoice-batches-wrapper .table-invoice-batches tr td:nth-child(4),
.table-invoiced .table.table-invoice-batches-wrapper .table-invoice-batches tr td:nth-child(5) { width: 5%; padding: 0; }

.table-invoiced .table.table-invoice-batches-wrapper .table-invoice-batches tr td:nth-child(4) p { white-space: nowrap; }

.table-invoiced .table.table-invoice-batches-wrapper .table-invoice-batches tr td:nth-child(5) { max-width: 50px; }

.table-invoiced .table .table-invoice-acts tr td:nth-child(2),
.table-invoiced .table .table-invoice-acts tr td:nth-child(3) {
    white-space: nowrap;
}

.table-invoiced tr .act-code { font-weight: 600; }

.table-invoiced .amount { text-align: right; }

@media(max-width: 900px){
	.table-invoiced tr td:nth-child(2) { padding-left: 13px; }

	.table-invoiced:not(.table-substitute) tr td:nth-child(1),
	.table-invoiced:not(.table-substitute) tr td:nth-child(5),
	.table-invoiced:not(.table-substitute) tr td:nth-child(6),
	.table-invoiced:not(.table-substitute) tr td:nth-child(7) { display: none; }
}

@media (max-width: 767px){
	.table-invoiced tr td:nth-child(2) img { display: none; }
	.table-invoiced tr td:nth-child(2) span { white-space: nowrap; overflow:hidden; text-overflow: ellipsis; width: calc(100vw - 302px); display: block;  }
	.table-invoiced tr td { min-width: auto; }
	.table-invoiced .table__search { flex-direction: column; }
	.table-invoiced .form-search { flex-basis: 100%; margin-bottom: 6px; }
	.table-invoiced .table__search .btn { margin-left: 0; text-align: center; justify-content: center; }
}

/* ------------------------------------------------------------ *\
	Invoice input acts list
\* ------------------------------------------------------------ */

.table-invoiced.table-acts-input tr td:nth-child(1) { min-width: 120px; padding-left: 15px; }

.table-invoiced.table-acts-input tr td:nth-child(2) { min-width: 90px; }

.table-invoiced.table-acts-input tr td:nth-child(4) { width: 100%; }

.table-invoiced.table-acts-input tr td:nth-child(3) { min-width: 70px; width:inherit; text-align: center; }

.table-invoiced.table-acts-input tr td:nth-child(5) { min-width: 120px; }

.table-invoiced.table-acts-input tr td:nth-child(6) { min-width: 120px; padding-right: 15px; }

.table-invoiced.table-acts-input tr td:nth-child(7) { min-width: 85px; padding-right: 15px; }

.table-invoiced.table-acts-input tr td .act-actions { display: flex; }

.table-invoiced.table-acts-input tr td .act-actions .act-actions-section { display: inline-flex; }

.act-actions-section + .act-actions-section { margin-left: 2px; }

.act-action + .act-action { margin-left: 2px; }

@media (max-width: 767px) {
	.table-invoiced.table-acts-input tr td .act-actions { display: block; margin: 0 5px; }
	.act-actions-section + .act-actions-section { margin-top: 2px; margin-left: 0; }
	.table-invoiced.table-acts-input tr td.act-actions { padding-left: 5px; }
}

@media(max-width: 900px){
	.table-invoiced.table-acts-input tr td:nth-child(1),
	.table-invoiced.table-acts-input tr td:nth-child(4),
	.table-invoiced.table-acts-input tr td:nth-child(5) { display: none; }

	.table-invoiced.table-acts-input tr td:nth-child(2) { padding-left: 10px; }

	.table-invoiced.table-acts-search-results tr td:nth-child(1) { display: table-cell; min-width: unset; width: 20%; padding-left:10px; }

	.table-invoiced.table-acts-input tr td:nth-child(6),
	.table-invoiced.table-acts-input tr td:nth-child(7) { display: table-cell; }

	.table-invoiced.table-acts-input tr td:nth-child(2),
	.table-invoiced.table-acts-input tr td:nth-child(3),
	.table-invoiced.table-acts-input tr td:nth-child(6),
	.table-invoiced.table-acts-input tr td:nth-child(7) { min-width: unset; padding-right: unset; width: unset; }

	.table-invoiced tr.act-form-line td:nth-child(3) { padding-right: 15px; }

	.table-invoiced .table .table-invoice-acts tr td { display: none; }
	.table-invoiced .table .table-invoice-acts tr td:nth-child(1),
	.table-invoiced .table .table-invoice-acts tr td:nth-child(2),
	.table-invoiced .table .table-invoice-acts tr td:nth-child(7) { display: table-cell; }

	.table-invoiced .table .table-invoice-batches tr td { display: none; }
	.table-invoiced .table .table-invoice-batches tr td:nth-child(1),
	.table-invoiced .table .table-invoice-batches tr td:nth-child(3),
	.table-invoiced .table .table-invoice-batches tr td:nth-child(4),
	.table-invoiced .table .table-invoice-batches tr td:nth-child(5) { display: table-cell; }
}

.table-invoiced .table .table-invoice-acts tr td:nth-child(1),
.table-invoiced .table .table-invoice-payments tr td:nth-child(1),
.table-invoiced .table .table-invoice-batches tr td:nth-child(1) {
  word-break: keep-all;
  white-space: nowrap;
}

/* ------------------------------------------------------------ *\
	Table Substitute
\* ------------------------------------------------------------ */

.table-invoiced.table-substitute table { width: 100%; }

.table-invoiced.table-substitute tr:hover>td { background: inherit; }

.table-invoiced.table-substitute tr:first-child { color: #868E96; }

.table-invoiced.table-substitute tr td:nth-child(1) { min-width: unset; padding-left: 15px; }

.table-invoiced.table-substitute tr td:nth-child(2) { min-width: unset; }

.table-invoiced.table-substitute tr td:nth-child(3) { min-width: unset; width: unset; }

.table-invoiced.table-substitute tr td:nth-child(4) { min-width: unset; }

.table-invoiced.table-substitute tr td:nth-child(5) { min-width: unset; }

.table-invoiced.table-substitute tr td:nth-child(6) { min-width: unset; padding-right: 15px; }

.table-invoiced.table-substitute tr form { display: flex; }

.table-invoiced.table-substitute tr td.action a { width: 39px; }

@media (max-width: 767px) {
	.table-invoiced.table-substitute table { table-layout: fixed; width: 100%; }
	.table-invoiced.table-substitute tr td,th { word-break: break-word; }
	.table-invoiced.table-substitute tr td:nth-child(4) { display: none; }
	.table-invoiced.table-substitute tr td.action { display: block; position: relative; padding-left: 10px; }
	.table-invoiced.table-substitute tr td:nth-child(5) { top: 13px; }
	.table-invoiced.table-substitute tr td:nth-child(5) form img { width: auto; }
}

/* ------------------------------------------------------------ *\
	Table Complementary
\* ------------------------------------------------------------ */

.table-bills.table-complementary { border:0; box-shadow: unset;  }

.table-bills.table-complementary table tr td { width: unset; }

/* ------------------------------------------------------------ *\
	Table Complementary Import
\* ------------------------------------------------------------ */

.complementary-import .table-bills { box-shadow: unset; border: 0; }

.complementary-import .table-bills th { padding: unset; width: 50%; text-align: start; }

.complementary-import .table-bills table tr,
.complementary-import .table-bills tr.header-row { height: 30px; }

.complementary-import .table-bills tr:nth-child(2):hover td { background: linear-gradient(to bottom, rgba(243,245,254,0) 0%,rgba(255,255,255,0) 8%,rgba(243,245,254,1) 8%,rgba(243,245,254,1) 92%,rgba(243,245,254,0) 92%,rgba(243,245,254,0) 95%,rgba(243,245,254,0) 100%); }

.complementary-import .table-bills tr.header-row { color: unset; }

.complementary-import .table-bills tr.header-row td:first-child { padding-left: 18px; border-left: 0px; }

/* ------------------------------------------------------------ *\
	Table Dashboards
\* ------------------------------------------------------------ */

.table-dashboard.table-bills tr:nth-child(1) { color: #868E96; }

.table-dashboard.table-bills tr.header-row { color: unset; }

.table-dashboard.table-bills tr:hover>td { background: unset; }

.table-dashboard tr td { text-align: left; }

.table-dashboard tr td .btn { word-break: keep-all; }

/* ------------------------------------------------------------ *\
	Table Dropdown
\* ------------------------------------------------------------ */

.table--dropdown {opacity: 1; z-index: 10; position: absolute; left: 15px; right: 15px; top: calc(100% - 11px); padding-bottom: 0!important; transition: opacity .3s; border-top-left-radius: 0; border-top-right-radius: 0; width: auto; }

.table--dropdown .table-row-content span { display: inline-block; }

.table--dropdown tr td:nth-child(1) { min-width: 100px; padding-left: 15px; }

.table--dropdown tr td:nth-child(2)  { min-width: 400px; width: 100%; }

.highlight-row { background: linear-gradient(to bottom, rgba(243,245,254,0) 0%,rgba(255,255,255,0) 8%,rgba(194, 204, 249, 0.39) 8%,rgba(194, 204, 249, 0.39) 92%,rgba(243,245,254,0) 92%,rgba(243,245,254,0) 95%,rgba(243,245,254,0) 100%); }

.act-form-line.highlight-row:hover > td { background: inherit; }

.table--dropdown tr td:nth-child(3) { min-width: 50px; padding-right: 15px; }

/* ------------------------------------------------------------ *\
	Table Dashboard
\* ------------------------------------------------------------ */

.dashboard .table-bills tr:first-child { color: #868E96; }

.dashboard .table-bills.table-dashboard { border: none; height: 180px; overflow: auto; margin-bottom: 9px; }

.dashboard .table-bills.table-dashboard tr:first-child { color: unset; }

.dashboard .table-bills.table-dashboard tr td:nth-child(2) { text-align: center; padding: 5px 5px; }

.dashboard .table-bills.table-dashboard .empty-row td { color: #868E96; }

.dashboard .table-bills tr:hover td { background: none; }

.dashboard .table-bills tr.header-row { color: unset; }

.dashboard .table-bills tr td { width: unset; }

/* ------------------------------------------------------------ *\
	Table Invoices List
\* ------------------------------------------------------------ */

.table-bills.table-invoices-list tr td:nth-child(1) { width: 9%; }

.table-bills.table-invoices-list  tr td:nth-child(2) { width: 10.4%; }

.table-bills.table-invoices-list  tr td:nth-child(3) { width: 7%; }

.table-bills.table-invoices-list  tr td:nth-child(4) { width: 13%; }

.table-bills.table-invoices-list  tr td:nth-child(5) { width: 11%; }

.table-bills.table-invoices-list  tr td:nth-child(6) { width: 12.3%; }

.table-bills.table-invoices-list  tr td:nth-child(7) { width: 8%; }

.table-bills.table-invoices-list  tr td:nth-child(8) { width: 6.6%; }

.table-bills.table-invoices-list  tr td:nth-child(9) { width: 6.4%; }

.table-bills.table-invoices-list  tr td:nth-child(10) { width: 7%; }

.table-bills.table-invoices-list tr.header-row:hover td { background:none; }

@media (max-width: 1023px){
	.table-bills.table-invoices-list { overflow: visible; display: inline-flex; margin-right: 8px; width: inherit; }
}

@media (max-width: 767px) {
	.table-bills.table-invoices-list tr td:nth-child(1),
	.table-bills.table-invoices-list tr td:nth-child(3),
	.table-bills.table-invoices-list tr td:nth-child(5),
	.table-bills.table-invoices-list tr td:nth-child(6) { display: none; }

	.table-bills.table-invoices-list table tr th,td { word-break: break-all; }
	.table-bills.table-invoices-list table .table__row { font-size: 13px; }
	.table-bills tr td:nth-child(12) { padding: 4px; }
}

/* ------------------------------------------------------------ *\
	Table Acts Combinations
\* ------------------------------------------------------------ */

.table-invoiced.table-combinations { padding-bottom: 0; }

.table-invoiced.table-combinations tr { padding-left: 10px; }

.table-invoiced.table-combinations tr:nth-child(1) td { padding: 10px 10px; }

.table-invoiced.table-combinations tr td { width:unset; min-width: unset; padding-top: 2px; padding-bottom: 2px; }

.table-invoiced.table-combinations tr:nth-child(1):hover td { background: none; }

.table-invoiced.table-combinations tr td span { width:unset; height: unset; }

.table-combination-edit.table-invoiced tr { padding-left: 10px; }

.table-combination-edit.table-invoiced tr td { width: unset; min-width: unset; padding-right: 8px; }

@media(max-width: 900px){
	.table-invoiced.table-combinations tr td:nth-child(1) { display: table-cell; }
	.table-bills.table-combinations tr td:nth-child(3) { display: table-cell; }
}

/* ------------------------------------------------------------ *\
	Patient payments List
\* ------------------------------------------------------------ */

.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr:hover td { background: none; }

.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(1) { width: 20%; }

.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(2) { width: 35%; }

.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(3) { width: 20%;}

.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(4) { width: 20%; }

.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(5) { width: 5%; max-width: 50px; padding: 0; }

@media(max-width: 900px){
	.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td { display: none; min-width: auto; }
	.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(1),
	.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(2),
	.table-invoiced .table.table-invoice-payments-wrapper .table-invoice-payments tr td:nth-child(5) {
		display: table-cell;
	}
}

/* ------------------------------------------------------------ *\
	Batches List
\* ------------------------------------------------------------ */

.densely_packed tr td.column_status { width: 5%; max-width: 50px; padding: 0; }

.loosely_packed tr td.column_status { width: 5%; max-width: 150px!important; padding: 0; }

/* ------------------------------------------------------------ *\
	Batches List
\* ------------------------------------------------------------ */

.table-select-invoices {
	border: 1px solid #CED4DA;
	border-radius: 5px;
	font-size: 14px;
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
}

.table-select-invoices tr + tr, .table-select-invoices thead + tbody {
	border-top: 1px solid #E9ECEF;
}

.table-select-invoices th {
	font-weight: normal;
	color: #868E96;
}

.table-select-invoices th, .table-select-invoices td {
	padding: 11px 3px;
}

.table-select-invoices th:first-child, .table-select-invoices tr>td:first-child {
	padding-left: 15px;
}

.table-select-invoices th:last-child, .table-select-invoices tr>td:last-child {
	padding-right: 15px;
}

@media (max-width: 767px) {
	.table-select-invoices .hide-small { display: none; }
}

@media (max-width: 1023px) {
	.table-select-invoices .hide-tablet-portrait { display: none; }
}

/* ------------------------------------------------------------ *\
	Text Box
\* ------------------------------------------------------------ */

.text-box { position: relative ; padding: 11px 11px; border: 1px solid #CED4DA; border-radius: 5px; background-color: #fff; display: inline-block; max-width: 300px; box-shadow: 0 2px 8px #E9ECEF; }

.text-box h5 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.text-box:after,
.text-box:before { position: absolute; content: ''; width: 0; height: 0; border-style: solid;  top: 0px; transform: translateY(-100%);  left: 39px;}

.text-box:before { border-width: 0 5px 6px 5px; border-color: transparent transparent #ffffff transparent; z-index: 2; transform: translate(1px, -100%) }

.text-box:after { border-width: 0 6px 7px 6px; border-color: transparent transparent #CED4DA transparent; z-index: 1; }

/* ------------------------------------------------------------ *\
	Alert Box
\* ------------------------------------------------------------ */

.alert-warning { background-color: #FFF4E1 !important; color: #FBAF20 !important; border-radius: 5px; font-weight: 600; }

/* ------------------------------------------------------------ *\
	Text
\* ------------------------------------------------------------ */

.texts .texts__title { margin-bottom: 12px; }

.text { display: flex; justify-content: flex-start; }

.text + .text { margin-top: 18px; }

.text .text__head { text-transform: capitalize; width: 50px; }

.text .text__body span { display: block; }

.text .text__body span + span { margin-top: 5px;  }

.text .text__body span:nth-child(1) { font-weight: 700; }

.text .text__body span:nth-child(2) { font-weight: 600; }

.text .text__body span:nth-child(3) { font-weight: 400; }

.text--size-h1 { font-size: 24px; }

.text--size-h2 { font-size: 20px; }

.text--size-h3 { font-size: 16px; }

.text--size-p { font-size: 14px; }

.text-display-mobile { display: none; }

.text-display-large { display: inline; }

@media (max-width: 1200px){
  .text-display-mobile { display: inline; }
  .text-display-large { display: none; }
}

/* ------------------------------------------------------------ *\
	Nav - third
\* ------------------------------------------------------------ */

.third-nav{ margin-bottom: 10px; }

.third-nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }

.third-nav li { float: left; color: #868E96; }

.third-nav li a { text-align: center; text-decoration: none; padding: 15px 32px 15px 32px; font-size: 14px; font-weight: normal; color: #868e96;}

.third-nav li.current { position: relative; font-size: 14px; z-index: 1 }

.third-nav li.current a { color: var(--primary-color, #4C6EF5); font-weight: bold; }

.desktop-third-nav { display: contents; }

.mobile-third-nav { display: none; }

@media (max-width: 767px){
    .desktop-third-nav { display: none; }
    .mobile-third-nav { display: block; width: 100%; }
    .third-nav { display: flex; }
    .third-nav .left { float: left; }
    .third-nav .middle { margin: 0 auto; font-weight: 800; font-size: 15px; text-decoration: none; color: var(--primary-color, #4C6EF5); }
    .third-nav .right { float: right; }
}

/* ------------------------------------------------------------ *\
	Types Facture
\* ------------------------------------------------------------ */

.types-facture{ display: flex; align-items: center; flex-direction: column; }

.type { list-style-type: none; }

.type .type__title { margin-bottom: 10px; margin-left: -24px; }

.type .type__title span { font-weight: 400; }

.type p { color: #868E96; }

.type p span { color: #343A40; font-weight: 600; }

.type--actions{ display: flex; justify-content: center; padding-top: 22px; }

.type--actions .btn + .btn { margin-left: 16px; }

.type--actions.spaced-actions { display: flex; justify-content: space-between; }

.types-facture-detail { margin-left: 50px; margin-right: 50px; }

.types-convention-detail { padding: 10px 25px 0px 50px; }

.types-convention-detail.selected { background-color: #fff4e1; }

@media (max-width: 1023px){
	.type .type__title { margin-left: 0;  }
	.type .type__content { padding: 0 15px; }
	.types-facture-detail.types-convention-detail .type .type__title a { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
}

@media (max-width: 767px) {
	.type--actions{ margin-top: 0!important; padding-top: 14px; padding-right: 5px; }
	.type--actions .btn { width: 100%; justify-content: center; }
	.type--actions .btn + .btn  { margin-left: 0; }
	.type--actions.spaced-actions .btn + .btn  { margin-left: 5%; }
	.type--actions.spaced-actions .btn  { width: auto; }

	.type--actions .btn--gray { margin: 10px 0; }

	.type--actions .modal-body-desc { text-align: center; }
	.type--actions .b2d-modal-footer .btn { padding: 8px 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 80%; }

	.type .type__title { margin-bottom: 14px; }
	.type .type__content { padding: 0; }

	.types-facture-detail { margin-left: 0; margin-right: 0; }
}

@media (max-width: 500px) {
	.type--actions .b2d-modal-footer { width: 75%; }
	.type--actions .b2d-modal-footer .btn { max-width: 100%; width: 100%; }
	.type--actions .b2d-modal-footer .btn-primary { margin-bottom: 5px; margin-top: 5px; }
}

@media (max-width: 470px) {
	.type--actions.spaced-actions { display: block; }
	.type--actions.spaced-actions .btn { justify-content: space-between; width: 100%; }
	.type--actions.spaced-actions .btn p { text-align: left; }
	.type--actions.spaced-actions .btn--reverse { flex-direction: row; }
	.type--actions.spaced-actions .btn--reverse span{ flex-direction: row; margin-right: 0;}
	.type--actions.spaced-actions .btn + .btn  { margin-left: 0; margin-top: 5px; }
}

td.text-align-right {
	text-align: right;
}

/* ------------------------------------------------------------ *\
	ui menu
\* ------------------------------------------------------------ */

.ui-menu{ background-color: #F8F9FA; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.ui-menu li { padding: 2px 10px; font-size: 14px; color: #343A40; text-transform: capitalize; }

/* ------------------------------------------------------------ *\
	ui error-page
\* ------------------------------------------------------------ */

.ui-error-page-container { display: flex; flex-direction: column; align-items: center;}

.ui-logo-header > .logo> img { display: block; margin: 0 auto; margin-bottom: 3%; }

.ui-logo-header { padding: 22px 0; }

.ui-error-page-header{ text-align: center;padding-bottom: 22px;}

.ui-error-page-content{ text-align: center;}

.ui-error-page-container fieldset {border:1px solid #E9ECEF; border-radius:8px; padding: 5px 50px;}

.ui-error-page-container hr {width: 100%;margin-top: 18px;border:1px solid #E9ECEF;}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }

.select2-container .select2-search--inline {
    float: left; }

.select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
    color: #CCC; }

.mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }

.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
    margin-top: -54px; }

.mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75); }
  .mfp-arrow-left {
    transform-origin: 0; }
  .mfp-arrow-right {
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }