.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.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:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/js/colorpicker//images/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } .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;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;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;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:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 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:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 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:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 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:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 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:#fff;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:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} html, body { height: 100%; padding: 0; margin: 0; position: relative; } body { overflow: hidden; } /* Wrapper with padding */ .wrap { height: 300px; padding: 5%; } #tinderslide { position: relative; background: #fff; width: 95%; height: 100%; } #tinderslide ul { margin: 0; position: relative; display: block; height: 100%; } #tinderslide li { display: block; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 2; left: 0; box-shadow: 0 0 20px rgba(0, 0, 0, .2); overflow: hidden; text-align: center; padding: 10px 10px 10px 10px; background: #eee; font-size: 24px; color: #000; border: 1px solid #fff; border: 1px solid #dfdfdf; border: 1px solid rgba(96, 96, 96, 0.2); -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1); -moz-transform: translate3d(0%,0,0) scale3d(1,1,1); -ms-transform: translate3d(0%,0,0) scale3d(1,1,1); -o-transform: translate3d(0%,0,0) scale3d(1,1,1); transform: translate3d(0%,0,0) scale3d(1,1,1); backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* Image text */ #tinderslide li h2 { color: #fff; font-size: 30px; text-align: center; position: absolute; top: 40%; left: 0; width: 100%; text-shadow: -1px -1px 0 rgba(0, 0, 0, .2); } /* Image rotation */ #tinderslide li.pane1 { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } #tinderslide li.pane2 { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } /* Like & dislike badge images */ #tinderslide .like, #tinderslide .dislike { background: url("../img/liked.png") no-repeat scroll 0 0; opacity: 0; height: 80px; position: absolute; width: 170px; left: 45px; top:40px; z-index: 1; overflow: hidden; -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1); -moz-transform: translate3d(0%,0,0) scale3d(1,1,1); -ms-transform: translate3d(0%,0,0) scale3d(1,1,1); -o-transform: translate3d(0%,0,0) scale3d(1,1,1); transform: translate3d(0%,0,0) scale3d(1,1,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } #tinderslide .dislike { right: 45px; left: auto; background: url("../img/nope.png") no-repeat scroll 0 0; } /* Image container */ #tinderslide .img { height: 90%; width: 100%; margin-bottom: 5px; position: relative; -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1); -moz-transform: translate3d(0%,0,0) scale3d(1,1,1); -ms-transform: translate3d(0%,0,0) scale3d(1,1,1); -o-transform: translate3d(0%,0,0) scale3d(1,1,1); transform: translate3d(0%,0,0) scale3d(1,1,1); overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform-style: preserve-3d; } /* Action - buttons */ .actions { text-align: center; width: 304px; margin: 0 auto; overflow: hidden; } .actions div { position: relative; display: inline-block; margin-right: -4px; } .actions a i { display: inline-block; width: 40px; height: 80px; } .actions a.dislike i { background: url("../img/dislike_button.png") no-repeat scroll center center; } .actions a.like i { background: url("../img/like_button.png") no-repeat scroll center center; } .actions a { float: left; display: block; background-color: #f7f7f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); color: #a7a7a7; margin: 36px; width: 80px; height: 80px; position: relative; text-align: center; line-height: 144px; border-radius: 50%; outline: none; box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff; } .actions a:hover{ text-decoration: none; color: #555; background: #f5f5f5; } /* jTinder images */ #tinderslide .pane5 .img { background: url("../img/pane/pane5.jpg") no-repeat scroll center center; background-size: cover; } #tinderslide .pane4 .img { background: url("../img/pane/pane4.jpg") no-repeat scroll center center; background-size: cover; } #tinderslide .pane3 .img { background: url("../img/pane/pane3.jpg") no-repeat scroll center center; background-size: cover; } #tinderslide .pane2 .img { background: url("../img/pane/pane2.jpg") no-repeat scroll center center; background-size: cover; } #tinderslide .pane1 .img { background: url("../img/pane/pane1.jpg") no-repeat scroll center center; background-size: cover; } /* jTinder status text */ #status { text-align: center; font-size: 18px; font-family: arial; margin-top: 30px; font-weight: bold; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .btn { font-size: 13px; font-weight: 600; letter-spacing: 1px; } .aoc_sk_user_layer { border-radius: 5px 0px 5px 5px; position: absolute; background-color: #fff; border: 1px solid #b3b3b3; padding: 10px 15px; z-index: 7900; display: none; box-shadow: 0px 3px 3px 1px #ddd; line-height: 17px; } padding: 20px; background-color: #fff; .aoc_sk_user_layer_content { } .aoc_sk_user_layer_content li a { min-width:150px; padding:10px; cursor:pointer; cursor:hand; font-weight: bold; font-size: 14px; color: #444; display:block; } .aoc_sk_user_layer_content li a:hover { background-color:#eee; text-decoration:none; } .aoc_sk_user_layer_content li:last-child { border-top:1px solid #ccc; } .aoc_sk_user_layer:after, .aoc_sk_user_layer:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .aoc_sk_user_layer:before { border-color: rgba(179, 179, 179, 0); border-bottom-color: #B3B3B3; border-width: 7px; left: 91%; margin-left: -7px; } .aoc_sk_user_layer:after, .sk_global_notifications:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; left: 91%; margin-left: -6px; } .timetracker_header_menu { display: inline-block; vertical-align: middle; padding: 5px; margin-right: 20px; cursor: pointer; margin-top: -5px; } .timetracker_header_menu.tracking { background-color: rgba(0, 0, 0, 0.15); } .timetracker_header_menu .aoc_header_ext_link { margin: 0px; } .timetracker_display { display: inline-block; font-size: 12px; color: #fff; margin: 0px 5px; } .btn-warning, .btn-success { color:#fff !important; } .aoc_form_buttons .btn-group button { height: 34px; } .aoc_form_buttons .btn-group .btn-success:first-child { border-right: 1px solid #4cae4c !important; margin-right: 1px; } .aoc_profile_freelance_specialty { background-color: #f0f0f0; border: 1px solid#ccc; margin-bottom:15px; text-align: center; padding:10px; height:50px; position:relative; overflow:hidden; cursor:pointer; cursor:hand; display:table; width: 100%; } .aoc_profile_freelance_specialty_name { color:#4d4d4d; font-size:13px; display:table-cell; vertical-align: middle; font-weight:600; } .aoc_profile_freelance_specialty i { position: absolute; color: #bbb; font-size: 42px; top: 3px; left: 8px; opacity: 0.2; } .aoc_profile_freelance_specialty.selected { border:1px solid #8BC34A; background-color:#DCEDC8; } .aoc_profile_freelance_specialty.selected .aoc_profile_freelance_specialty_name, .aoc_profile_freelance_specialty.selected i { color:#558B2F; } .aoc_slider_question .slider_style { height: 12px; border-radius: 10px; background-color: #fff; margin: 10px auto 20px; } .aoc_slider_question { padding:0px 10px; } .aoc_slider_question .slider_style .ui-slider-handle { height: 24px; width: 24px; border-radius: 50%; margin-top: -4px; border: 1px solid rgb(102, 102, 102); background-image: none; background-color: rgb(153, 153, 153); box-shadow: 0px 1px 3px 0px #aaa; cursor:pointer; cursor:hand; display:block; } .aoc_question_radio-check { color: #555; margin-top: 1.5em; } .aoc_question_radio-check .control { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; } .aoc_question_radio-check .control input { position: absolute; z-index: -1; opacity: 0; } .aoc_question_radio-check .control__indicator { position: absolute; top: -3px; left: 0; height: 20px; width: 20px; background: #cacaca; } .aoc_question_radio-check .control--radio .control__indicator { border-radius: 50%; } .aoc_question_radio-check .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff; } .aoc_question_radio-check .control__indicator:after { content: ''; position: absolute; } .aoc_question_radio-check .control input:checked ~ .control__indicator { background: #9aae04; } .aoc_question_radio-check .control:hover input:not([disabled]):checked ~ .control__indicator, .aoc_question_radio-check .control input:checked:focus ~ .control__indicator { background: #9aae04; } .form_select_stl_fake { background-color: #f3f3f3; background: url(https://platform.finutive.com/pix/icons/others/chevrons-up-down.png) right no-repeat, linear-gradient(top, #f9f9f9, #f7f7f7) !important; background: url(https://platform.finutive.com/pix/icons/others/chevrons-up-down.png) right no-repeat, -webkit-linear-gradient(top, #f9f9f9, #f7f7f7) !important; background: url(https://platform.finutive.com/pix/icons/others/chevrons-up-down.png) right no-repeat, -webkit-gradient(top, #f9f9f9, #f7f7f7) !important; background: url(https://platform.finutive.com/pix/icons/others/chevrons-up-down.png) right no-repeat, -moz-linear-gradient(top, #f9f9f9, #f7f7f7) !important; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; border: 1px solid #CCC; font-size: 14px; padding: 8px 42px 8px 10px !important; outline: none; border-radius: 2px !important; background: transparent; color: #404040 !important; appearance: normal; -moz-appearance: none; -webkit-appearance: none; display: inline-block; border: 1px solid #CCC; font-size: 14px; outline: none; border-radius: 2px !important; background: transparent; color: #404040 !important; background: white; appearance: normal; -moz-appearance: none; -webkit-appearance: none; padding: 4px 5px; height: 34px; box-sizing: border-box; } .form_select_stl_fake_options { padding:20px; background-color:#fff; border:1px solid #ccc; line-height:25px; position: absolute; z-index: 50; display:none; } .form_select_stl_fake_options > div { white-space:nowrap; } .btn_submit_form { margin: 20px auto; width: 100%; display: block; } .dropdown-menu { display: none; position: absolute; background: #ffffff; border: 2px solid #eeeeee; padding: 15px; border-radius: 4px; z-index: 500; } .dropdown-menu div { padding: 10px; text-align: center; font-size: 16px; cursor: pointer; cursor: hand; color: #4d4d4d; } .dropdown-menu > div:hover { background-color: #f5f5f5; } .aoc_form_section_title { background-color: #6eb3a1; color: #fff; font-size: 14px; padding: 5px; margin-bottom: 20px; font-weight: 600; margin-top: 20px; } .alert-danger-exclamation { margin-top:50px; margin-bottom:50px; padding-left:80px; } .aoc_alert_exclamation { border-radius: 50%; width: 96px; height: 96px; background-color: #f2dede; border: 13px solid #a94442; display: inline-block; text-align: center; line-height: 75px; font-size: 60px; margin-top: -40px; margin-left: -120px; position: absolute; } .aoc_alert_exclamation i { color:#a94442; } .job_payment_user { height:60px; background-color:#ddd; padding:9px 10px; border-bottom:2px solid #fff; } .job_payment_user_avatar { width:42px; height:42px; position:relative; overflow:hidden; border-radius:50%; display:inline-block; vertical-align:middle; } .job_payment_user_avatar img { width:42px; height:42px; } .job_payment_user_name { display: inline-block; width: calc(100% - 60px); margin-left: 10px; color: #777; font-size: 16px; vertical-align: middle; font-family: 'SourceSansPro-Bold'; } .job_payment_new_msg_alert { position: sticky; bottom: 30px; background-color: rgba(0,0,0,0.8); cursor: pointer; cursor: hand; color: #fff; font-size: 16px; padding: 5px 10px; border-radius: 8px; left: 50%; transform: translateX(-50%); z-index: 99; width: 200px; } .aoc_contextual_question input[type=text] { border:0px; border-radius:10px; padding:5px 10px; background-color:#fff; font-size:18px; width: 600px; max-width: 100%; display:block; } .aoc_contextual_question.generic { width: calc(100vw / 2); max-width: 400px; background-color: #fafafa; padding: 10px; margin: 5px 0px 5px 0px; border-radius:3px; } .aoc_contextual_question.generic * { color:#4d4d4d !important; } .aoc_contextual_question.generic .question { margin:0px; padding-left:0px; border:0px; background:none !important; } .aoc_contextual_question .aoc_contextual_question_user_answer { display: inline-block; width: calc(100% - 130px); font-size: 12px; text-align: left; vertical-align: top; margin-top: 10px; } .aoc_contextual_question .aoc_contextual_question_btn_send:hover { background-color:ffffff; color:#2a3254; } .aoc_chat_user_comment.actual_user .aoc_contextual_question input[type=text] { margin:0px 0px 0px auto; } @media all and (max-width: 768px) { .aoc_contextual_question .aoc_contextual_question_user_answer { display:block; width:100%; max-width:26vw; } .aoc_contextual_question .aoc_contextual_question_btn_send { display:block; } .aoc_chat_user_comment.actual_user .aoc_contextual_question .aoc_contextual_question_btn_send { margin:5px 0 0 auto; } } .question_options_options2_option { padding: 5px; font-size: 18px; line-height:20px; overflow: hidden; text-align:center !important; } .question_options_options2_option.col-xs-3 { font-size: 16px; line-height: 16px; } .question_options_options2_option.col-xs-2 { font-size: 15px; line-height: 14px; } .question_options_options2_option.col-xs-1 { font-size: 13px; line-height: 12px; } .aoc_contextual_question_option { background-color:#fff; margin-bottom:4px; padding:5px; font-size:14px; color:#4d4d4d; cursor:pointer; cursor:hand; } .aoc_contextual_question_option:hover { color:ffffff !important; background-color:#000000; } .aoc_contextual_question_option.selected { color:444444; background-color:#6eb3a1; } .ct_inputs_section .aoc_contextual_question, .crow_task_inputs .aoc_contextual_question { background-color:#e9ecf1; margin:5px; padding:10px; } .ct_inputs_section .aoc_contextual_question input[type=text], .crow_task_inputs .aoc_contextual_question input[type=text] { border:1px solid #ddd; } .ct_inputs_section .aoc_contextual_question input[type=text]::placeholder, .crow_task_inputs .aoc_contextual_question input[type=text]::placeholder { color: #ccc; } .aoc_chat_comment_aux_wrapper .aoc_crowd_task_question_printed { background-color:#fff; margin:5px; padding:10px; } .aoc_chat_comment_aux_wrapper .suggestion-question-title { font-weight: bold; text-align:left; display:block; margin-left: 20px; margin-top: 10px; font-size: 18px; } .aoc_chat_comment_aux_wrapper .suggestion-detail-answer { text-align: left; margin-left: 20px; font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .aoc_chat_comment_aux_wrapper .aoc_crowd_task_question_printed button.bt_send { display: block; margin: 0 auto 0 20px; width: 100px; } .cti_participant { background-color:#f5f5f5; padding:10px; border-radius:3px; margin-bottom:20px; position:relative; } .cti_participant > div { display:inline-block; vertical-align:middle; } .cti_participant .cti_participant_rang { color:#6eb3a1; position:absolute; top:7px; right:10px; font-size:12px; font-weight:bold; } .cti_participant .cti_participant_avatar { width:80px; } .cti_participant .cti_participant_avatar img { width:64px; height:64px; border-radius:50%; background-color:#fff; } .cti_participant .cti_participant_name { width:calc(100% - 130px); font-size:18px; color:#4d4d4d; } .cti_participant_delete { width: 40px; height: 40px; color: #fff; background-color: #F44336; cursor: pointer; cursor: hand; text-align: center; padding-top: 5px; border-radius: 50%; } .cti_participant_delete i{ font-size: 30px; } .cti_participant.new { cursor:pointer; cursor:hand; } .cti_participant.new .cti_participant_avatar .icon_new { width:64px; height:64px; border-radius:50%; background-color: #6eb3a1; color:#fff; font-size: 34px; text-align: center; padding-top: 15px; } .cti_participant.new .cti_participant_avatar .icon_new i { font-size: 34px; } .aoc_dashboard_panel { border-radius:5px; background-color:#fff; box-shadow:0px 1px 2px 1px #ccc; margin-bottom: 20px; padding: 15px; } .aoc_dashboard_panel .aoc_dashboard_panel_title { font-size:20px; color:#888; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aoc_dashboard_panel .aoc_dashboard_panel_value { font-size: 20px; color: #34495e; font-weight: 900; text-align: right; min-height: 70px; line-height: 70px; } .aoc_title_section { font-weight: 600; border-bottom: 2px solid #888; font-size: 24px; margin-bottom: 20px; } .crow_task_inputs { text-align:left; } .crow_task_inputs * { box-sizing:border-box; } .cti_avatar_layer img { max-width:128px; width:90%; } .cti_name { font-size: 18px; margin-bottom:10px; font-weight:bold; color:#666; } .cti_date_deliver, .cti_type, .cti_date_payment, .cti_status { color:#666; margin-bottom:10px; } .form-info-extra-wrapper .suggestion-question-title { font-weight: bold; } .form-info-extra-wrapper .suggestion-detail-answer { padding: 10px; } .cti_change_user_layer { display:none; } .cti_change_user_layer input { width:100%; margin-bottom:15px; } .crow_task_inputs .btn-primary, .crow_task_inputs .btn-success { margin-bottom:10px; color:#fff; } .cti_participants_form { display:none; } .cti_participants_form_list { height:500px; overflow:auto; position:relative; text-align:center; } .cti_participants_form_list .cti_participant, .cti_participants_form_list .cti_participant img { cursor:pointer; cursor:hand; } .cti_participants_form_list .cti_participant.selected { background-color: #D4E157; } .cti_participants_form_footer { height:66px; background-color:#6eb3a1; } .cti_participants_form_footer input { margin-top: 12px; padding: 5px 10px; height: 42px; width: 100%; border-radius: 10px; border: 1px solid #fff!important; font-size:16px; } .cti_participants_form_cell { padding-top: 25px; height: 100%; border-left: 1px solid rgba(255,255,255,0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; cursor:pointer; cursor:hand; } .cti_participants_form_cell:hover { background-color: rgba(255,255,255,0.2); } .cti_participants_form_cell i { font-size: 20px; color:#fff; } .cti_participants_form_cell .cti_participants_form_cell_text { display:none; } .cti_participants_form_cell:hover .cti_participants_form_cell_text { display:block; font-weight: 600; line-height: 23px; font-size: 18px; color:#fff; } .cti_participants_form_cell:hover i { display:none; } .aoc_no_elements_message { text-align:center; padding: 20px; font-size:18px; color: #666; font-weight: 600; } .aoc_proposals_table td { text-align:center !important; } .paginator_page_points { display:inline-block; margin:5px; color:#666; font-size:16px; } .table_stl1 tr td .btn { margin-right: auto; } .end_searcher_tooltip { background-color: #fff; position: absolute; z-index: 500; box-shadow: 0 2px 11px 1px rgba(0,0,0,.1); margin-bottom: 20px; cursor: pointer; } .end_searcher_tooltip_result:hover { background-color: #f5f5f5; } .end_searcher_tooltip_result img { border-radius: 50%; width: 42px; height:42px; vertical-align: middle; margin: 10px; background-color: #f5f5f5; cursor: pointer; } .end_searcher_tooltip_result div { vertical-align: middle; color: #4b4b4b; font-size: 14px; display: inline-block; } .end_searcher_tooltip_view_more { color: #2962FF; font-weight: 600; font-size: 14px; padding: 10px; } .end_searcher_advanced_input { width: calc(100% - 40px); margin: 20px; } .end_searcher_advanced_result { box-shadow: 0 2px 11px 1px rgba(0,0,0,.1); border-radius: 3px; margin-bottom: 20px; background-color: #fafafa; cursor: pointer; position: relative; } .end_searcher_advanced_result:hover { background-color: #eee; box-shadow: none; } .end_searcher_advanced_result img { width: 60px; height: 60px; vertical-align: middle; margin: 20px; cursor: pointer; } .end_searcher_advanced_result .info { display: inline-block; vertical-align: middle; width: calc(100% - 140px); } .end_searcher_advanced_result .info .name { font-size: 14px; color: #4b4b4b; font-weight: 600; } .end_searcher_advanced_result .info .crowd_tasks { margin-top: 10px; color: #4b4b4b; font-size: 12px; } .end_searcher_advanced_result .info .projects { margin-top: 5px; color: #4b4b4b; font-size: 12px; } .end_searcher_advanced_result .buttons { display: inline-block; vertical-align: middle; width: 120px; } .end_searcher_advanced_result .buttons button { width: 100%; display: block; } .end_searcher_advanced_result .buttons button:first-child { margin-bottom: 10px; } .end_searcher_advanced_result .more_info { display: none; } .end_searcher_advanced_result .more_info.visible { display: block; } .end_searcher_advanced_result .pressed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(139, 195, 74, 0.9); text-align: center; color: #fff; font-weight: 600; font-size: 18px; line-height: 100px; display: none; } .end_searcher_btn_search_more { display: none; margin: 20px auto; } .aoc_section_wizard { display: none; } .aoc_section_wizard.actual { display: block; } .form_talk .btn_configure_permissions { display: none; } .join_request_list .join_request { padding: 10px; border-bottom: 1px solid #ddd; font-size: 0px; } .join_request_list .join_request .avatar_layer { display: inline-block; vertical-align: middle; width: 70px; } .join_request_list .join_request .avatar_layer .avatar { width: 50px; height: 50px; background-size: contain; background-position: 50%; border-radius: 50%; } .join_request_list .join_request .username { display: inline-block; vertical-align: middle; width: calc(100% - 270px); font-weight: 600; color: #4d4d4d; } .join_request_list .join_request .btn_options { display: inline-block; vertical-align: middle; width: 200px; text-align: right; } .join_request_list .join_request .btn_options:first-child { margin-right: 30px; } input[type=checkbox] { display:none; vertical-align: middle; } input[type=checkbox] + label span { display: inline-block; width: 20px; height: 20px; background-color: #ccc; cursor: pointer; cursor: hand; vertical-align: middle; margin-right: 10px; position:relative; background-image: none; border: 1px solid #fff; margin-top: -4px; margin-left: 5px; } input[type=checkbox] + label span:after { content: ''; position: absolute; left: 7px; top: 3px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: content-box; } input[type=checkbox]:checked + label span { background-color: #6eb3a1; display: inline-block; } .main_error { text-align: center; padding: 20px; font-size: 18px; font-weight: 600; color: #F44336; } .success_msg { color: #8BC34A; padding: 5px 0; font-weight: 600; } .aoc_detailed_view_avatar { width: 70px; height: 70px; border-radius: 50%; margin: 0px 0px 0px 5px; border: 1px solid #ddd; background-color: #eee; background-position: 50%; background-size: cover; background-repeat: no-repeat; display: inline-block; vertical-align: middle; } @font-face { font-family: 'SourceSansPro-Black'; src: url('https://webintra.net/fonts/installation/SourceSansPro-Black.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-Black.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-Black.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-BlackItalic'; src: url('https://webintra.net/fonts/installation/SourceSansPro-BlackItalic.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-BlackItalic.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-BlackItalic.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-Bold'; src: url('https://webintra.net/fonts/installation/SourceSansPro-Bold.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-Bold.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-Bold.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-BoldItalic'; src: url('https://webintra.net/fonts/installation/SourceSansPro-BoldItalic.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-BoldItalic.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-BoldItalic.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-ExtraLight'; src: url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLight.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLight.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLight.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight.') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-ExtraLightItalic'; src: url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLightItalic.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLightItalic.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLightItalic.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-Italic'; src: url('https://webintra.net/fonts/installation/SourceSansPro-Italic.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-Italic.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-Italic.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-Light'; src: url('https://webintra.net/fonts/installation/SourceSansPro-Light.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-Light.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-Light.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-Light.svg#SourceSansPro-Light.') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-LightItalic'; src: url('https://webintra.net/fonts/installation/SourceSansPro-LightItalic.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-LightItalic.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-LightItalic.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-Regular'; src: url('https://webintra.net/fonts/installation/SourceSansPro-Regular.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-Regular.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-Regular.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-Semibold'; src: url('https://webintra.net/fonts/installation/SourceSansPro-Semibold.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-Semibold.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-Semibold.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-Semibold.svg#SourceSansPro-Semibold') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SourceSansPro-SemiboldItalic'; src: url('https://webintra.net/fonts/installation/SourceSansPro-SemiboldItalic.eot'); src: url('https://webintra.net/fonts/installation/SourceSansPro-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('https://webintra.net/fonts/installation/SourceSansPro-SemiboldItalic.woff') format('woff'), url('https://webintra.net/fonts/installation/SourceSansPro-SemiboldItalic.ttf') format('truetype'), url('https://webintra.net/fonts/installation/SourceSansPro-SemiboldItalic.svg#SourceSansPro-SemiboldItalic') format('svg'); font-weight: 300; font-style: normal; } body { background-image:none !important; background-color:#fafafa; margin:0px; } * { box-sizing:border-box; -moz-box-sizing:border-box; font-family:'SourceSansPro-Regular'; } a { cursor: pointer; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family:'SourceSansPro-Regular'; font-size:14px; } .aoc_app .fa { font-family:FontAwesome !important; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; cursor: default; border-radius: 50%; margin-top: -1px; text-align: center; font-weight: 600; font-size: 11px; line-height: 18px; } .ui-widget-content { background: #FFF; color: #222; border: 1px solid #B6B6B6; -webkit-box-shadow: inset rgba(0, 0, 0, 0.17) 0px 1px 1px 0px; -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 1px 0px; box-shadow: inset rgba(0, 0, 0, 0.17) 0px 1px 1px 0px; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } input[type=text].fjrd, input[type=password].fjrd, input[type=number].fjrd { border-radius: 2px; box-shadow: inset 0px 2px 2px #e5e5e5; background-color: rgb(255,255,255); height: 28px; padding-left: 10px; padding-right: 10px; border-color: #ccc ! important; border-width: 1px; border-style: solid; font-size: 14px; color: #666; cursor: text; box-sizing: border-box; -moz-box-sizing: border-box; } textarea.fjrd { border-radius: 2px; box-shadow: inset 0px 2px 2px #e5e5e5; background-color: rgb(255,255,255); padding-left: 10px; padding-right: 10px; padding-top: 5px; border-color: #ccc ! important; border-width: 1px; border-style: solid; font-size: 14px; color: #666; cursor: text; box-sizing: border-box; -moz-box-sizing: border-box; } .form_select_stl { background-color: #f3f3f3; background: url("https://platform.finutive.com/pix/icons/others/chevrons-up-down.png") right no-repeat, linear-gradient(top, #f9f9f9, #f7f7f7) !important; background: url("https://platform.finutive.com/pix/icons/others/chevrons-up-down.png") right no-repeat, -webkit-linear-gradient(top, #f9f9f9, #f7f7f7) !important; background: url("https://platform.finutive.com/pix/icons/others/chevrons-up-down.png") right no-repeat, -webkit-gradient(top, #f9f9f9, #f7f7f7) !important; background: url("https://platform.finutive.com/pix/icons/others/chevrons-up-down.png") right no-repeat, -moz-linear-gradient(top, #f9f9f9, #f7f7f7) !important; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15) !important; transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; border: 1px solid #CCC; font-size: 14px; padding: 8px 42px 8px 10px !important; outline: none; border-radius: 2px !important; background: transparent; color: #404040 !important; appearance: normal; -moz-appearance: none; -webkit-appearance: none; display: inline-block; } input[type=password].form_input_stl,input[type=text].form_input_stl,input[type=number].form_input_stl,input[type=date].form_input_stl,textarea.form_input_stl, select.form_select_stl { border: 1px solid #CCC; font-size: 14px; outline: none; border-radius: 2px !important; background: transparent; color: #404040 !important; background: white; appearance: normal; -moz-appearance: none; -webkit-appearance: none; padding:4px 5px; height:34px; box-sizing:border-box; } textarea.form_input_stl { height:60px; } input.form_input_stl.date, input.form_input_stl[type=date] { background-image:url("https://platform.finutive.com/pix/icons/16/icon_element_calendar.png"); background-repeat:no-repeat; background-position:98% center; } input.form_input_stl.search { background-image:url("https://platform.finutive.com/pix/icons/16/icon_action_search.png"); background-repeat:no-repeat; background-position:98% center; } input.form_input_stl.loading { background-image:url("https://platform.finutive.com/pix/loaders/loading.gif"); background-repeat:no-repeat; background-position:98% center; } textarea.form_input_stl.error, input.form_input_stl.error, select.form_select_stl.error { border: 1px solid #ff0000 !important; box-shadow: inset 0px 2px 2px #eeaaaa !important; } input[disabled].form_input_stl{ background-color: #eee; color: #999 !important; } .select_inline { width: auto !important; margin: -10px 0 -10px 15px; padding: 5px !important; height: 30px !important; } .container { max-width:1140px; margin:0 auto; width:100%; } .floating_tooltip { position: absolute; background: #fff; border: 2px solid #ccc; z-index:2002; min-width:120px; padding:10px; text-align:center; border-radius:3px; box-shadow:0px 2px 4px 1px #ccc; } .floating_tooltip.compact { padding:0px; } .floating_tooltip:after, .floating_tooltip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .floating_tooltip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .floating_tooltip:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; } .aoc_panel { background-color:#f7f7f7; border:1px solid #ddd; border-radius:3px; padding:20px; } .aoc_btn_secion_main_button { text-decoration:none; margin-bottom:20px !important; } @media screen and (-webkit-min-device-pixel-ratio:0) { select, textarea, input { font-size: 16px; } } .spinner { font-size: 100px; border-radius: 50%; list-style: none; margin-top:-3px; width: 80px; height: 80px; } .spinner li { position: absolute; width: 10px; height: 10px; border-radius: 50%; } .spinner li:nth-child(1) { left: 50%; top: 0; margin: 3px 0 0 -5px; background: #00C176; -webkit-transform-origin: 50% 200%; -moz-transform-origin: 50% 200%; -ms-transform-origin: 50% 200%; -o-transform-origin: 50% 200%; transform-origin: 50% 200%; -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } .spinner li:nth-child(2) { top: 50%; right: 0; margin: -6px 6px 0 0; background: #FF003C; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } .spinner li:nth-child(3) { left: 50%; bottom: 0; margin: 0px 0px 5px -5px; background: #FABE28; -webkit-transform-origin: 50% -100%; -moz-transform-origin: 50% -100%; -ms-transform-origin: 50% -100%; -o-transform-origin: 50% -100%; transform-origin: 50% -100%; -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } .spinner li:nth-child(4) { top: 50%; left: 0; margin: -7px 0 0 6px; background: #88C100; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } @-webkit-keyframes rota { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rota { to { -moz-transform: rotate(360deg); } } @-ms-keyframes rota { to { -ms-transform: rotate(360deg); } } @-o-keyframes rota { to { -o-transform: rotate(360deg); } } @keyframes rota { to { transform: rotate(360deg); } } @-webkit-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-moz-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-ms-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-o-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } .aoc_header { height:58px; position:fixed; width:100%; text-align:left; z-index: 1500; } .aoc_header_logo { width: auto; height: 100%; cursor: pointer; cursor: hand; display: inline-block; vertical-align: middle; padding: 0% 30px; background-color: rgba(0,0,0,0.1); } .aoc_header_logo img { height: 50%; margin-top: 15px; cursor:pointer; cursor:hand; } .aoc_header_instances_arrow { width: auto; height: 100%; cursor: pointer; cursor: hand; display: inline-block; vertical-align: middle; padding: 20px 10px 0 10px; background-color: rgba(0,0,0,0.1); vertical-align: middle; margin-left: -3px; border-left: 1px solid #fff; } .aoc_header_instances_arrow i { color: #fff; font-weight: 600; font-size: 14px; } .aoc_instance_selector { width: 200px; } .aoc_instance_selector a { display: block; text-align: left; padding: 13px 10px; font-size: 14px; color: #4d4d4d; border-bottom: 1px solid #ddd; text-decoration: none; } .aoc_instance_selector a .aoc_instance_selector_img { width: 40px; height: 40px; border: 1px solid #ccc; vertical-align: middle; } .aoc_instance_selector a .aoc_instance_selector_name { display: inline-block; vertical-align: middle; font-weight: 600; font-size: 14px; margin-left: 10px; } .aoc_instance_selector a:hover { background-color: #eee; } .aoc_instance_selector .btn_new_instance { font-weight: 600; text-align: center; } .aoc_instance_selector .btn_new_instance:hover { font-weight: 600; color: #fff; } .aoc_header_right { position: absolute; top: 0px; right: 0px; padding: 13px 20px 0px; height: 100%; } .aoc_header_searcher { display:none; width:30vw; margin-top: 12px; vertical-align: middle; } .aoc_header_searcher input, .aoc_header_searcher input:hover, .aoc_header_searcher input:focus { width:100%; background:transparent; border:0px; border-bottom:1px solid #fff; color:#fff; padding:0px 5px 2px; } #aoc_main_searcher { border-radius: 3px; width: 100%; height: 32px; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; } .aoc_header_ext_link { margin: 0px 20px 0px 0px; display: inline-block; position:relative; cursor:pointer; cursor:hand; } .aoc_header_ext_link:hover { text-decoration:none; } .aoc_header_ext_link i { color:#fff; font-size:16px; } .aoc_top_views_data { display:none; } .aoc_global_search_results { max-width:100%; background-color:#fff; } .aoc_global_search_results .aoc_global_searcher_result { border-bottom:1px solid #e5e4e6; min-height:40px; text-overflow: ellipsis; white-space: nowrap; line-height:40px; padding:0px 25px; cursor:pointer; cursor:hand; display:block; text-decoration:none; color:#666; } .aoc_global_search_results .aoc_global_searcher_result:hover { background-color:#f5f5f5; } .aoc_global_searcher_result_img { height:42px; vertical-align:middle; } .aoc_global_searcher_result_name { display:inline-block; margin:10px 5px; width:calc(100% - 70px); } .aoc_header_user_layer { display:inline-block; cursor:pointer; cursor:hand; } .aoc_header_avatar { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; background-color: #fff; vertical-align: middle; margin-top: -2px; margin-right: 15px; margin-left: 20px; } .aoc_header_avatar img { width:36px; height:36px cursor:pointer; cursor:hand; } .aoc_header_separator { height: 25px; width: 2px; background-color: rgba(255,255,255,0.3); display: inline-block; vertical-align: middle; border-radius: 3px; } .aoc_header_username { font-size:13px; color:#fff; display:inline-block; font-weight:bold; } .aoc_header_userarrow { display:inline-block; } .aoc_header_userarrow i { color:#fff; font-size:16px; font-weight: 600; margin-left: 10px; } .aoc_user_menu { list-style:none; width:100%; padding:0px; margin:0; } .aoc_header_icon_menu { display:none; vertical-align:middle; margin-left:5px; margin-top:-2px; cursor:pointer; cursor:hand; } .aoc_header_icon_menu i { color:#fff; font-size:24px; } .aoc_user_menu li { width:100%; padding:5px; cursor:pointer; cursor:hand; text-decoration:none; color:#4d4d4d; font-size:14px; } .aoc_user_menu li a { color:#4d4d4d; font-size:14px; text-decoration:none; } .aoc_user_menu li:hover { background-color:#f5f5f5; } .aoc_main_navbar { box-shadow:0px 3px 4px -2px #ccc; position:fixed; z-index:501; top:58px; left:0px; width:100%; min-height:40px; background-color:#fff; text-align:center; font-size:0px; } .aoc_main_navbar a { color: #888; text-decoration: none; text-align: center; display: inline-block; padding: 15px 30px 13px 30px; font-size: 12px; font-family: 'SourceSansPro-Regular'; text-transform: uppercase; font-weight: 900; } .aoc_global_notifications { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #AEEA00; color: #AEEA00; text-align: center; font-size: 12px; line-height: 16px; right: 0px; bottom: 0px; margin-right: -4px; margin-bottom: -5px; display:none; overflow:hidden; } .aoc_global_notifications.active { display:block; } .aoc_global_notifications_wrapper, .aoc_timetracker_wrapper { display:none; position:fixed; top:50px; right:10px; padding:10px; background: #ffffff; border: 1px solid #aaaaaa; z-index:1000; width:345px; box-sizing:initial; } .aoc_timetracker_wrapper { width: 700px; max-width: 90%; } .aoc_global_notifications_wrapper:after, .aoc_global_notifications_wrapper:before, .aoc_timetracker_wrapper:after, .aoc_timetracker_wrapper:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .aoc_global_notifications_wrapper:after, .aoc_timetracker_wrapper:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; left: 75%; margin-left: -6px; } .aoc_global_notifications_wrapper:before, .aoc_timetracker_wrapper:before { border-color: rgba(170, 170, 170, 0); border-bottom-color: #aaaaaa; border-width: 7px; left: 75%; margin-left: -7px; } .aoc_global_notifications_wrapper .notification_view:hover { text-decoration:none; } #message_node_error_connect { display:none !important; } @media all and (max-width: 767px) { .aoc_header_avatar { margin-right: -5px; margin-left: 5px; } .aoc_header_ext_link { margin:0px 10px 0px 0px; } .aoc_header_icon_menu { display:inline-block; } } .aoc_mobile_menu .aoc_mobile_menu_bg { background-color:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; top:0px; left:0px; display:none; opacity:0; -webkit-transition : width 0.6s ease; -moz-transition : width 0.6s ease; -o-transition : width 0.6s ease; transition : width 0.6s ease; z-index:550; } .aoc_mobile_menu.active .aoc_mobile_menu_bg { display:block; opacity:1; } .aoc_mobile_menu .aoc_mobile_menu_content { position:fixed; width:250px; max-width:80%; height:100%; top:0px; right:0px; margin-right:-100%; -webkit-transition : margin 0.6s ease; -moz-transition : margin 0.6s ease; -o-transition : margin 0.6s ease; transition : margin 0.6s ease; z-index:551; overflow:hidden; } .aoc_mobile_menu.active .aoc_mobile_menu_content { margin-right:0%; } .aoc_close_mobile_menu { cursor:pointer; cursor:hand; padding:10px; } .aoc_close_mobile_menu i { font-weight:bold; color:#fff; font-size:20px; } .aoc_mobile_menu .aoc_mobile_menu_option { color:#fff; display:block; font-size:14px; font-weight:bold; border-top: 1px solid rgba(255,255,255,0.6); padding: 10px 20px; } .aoc_mobile_menu .aoc_mobile_menu_option:hover { text-decoration:none; background-color:rgba(0,0,0,0.2); } .aoc_mobile_menu .aoc_mobile_menu_option.logout { color:#F44336; } .aoc_mobile_menu_option_icon { padding:10px; display:inline-block; text-align:center; vertical-align:middle; border:1px solid #fff; border-radius: 50%; margin-right: 10px; width: 40px; height: 40px; } .aoc_mobile_menu_option.logout .aoc_mobile_menu_option_icon { border-color:#F44336; } .aoc_mobile_menu .aoc_mobile_menu_option .aoc_mobile_menu_option_icon i { color:#fff; font-size:18px; } .aoc_mobile_menu_option.logout .aoc_mobile_menu_option_icon i { color:#F44336; } .aoc_mobile_menu_user { text-align:center; position:relative; } .aoc_mobile_menu_avatar { border-radius:50%; width:80px; height:80px; overflow:hidden; margin:0 auto; } .aoc_mobile_menu_avatar img { width:80px; height:80px; } .aoc_mobile_menu_profile { position:absolute; top:0px; right:60px; } .aoc_mobile_menu_profile:hover { text-decoration:none; } .aoc_mobile_menu_profile i { color:#fff; font-size:20px; } .aoc_mobile_menu_username { color:#fff; font-weight:bold; margin:10px; } .aoc_mobile_menu_content_top_blur { position:absolute; z-index:10; -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); height:220px; background-repeat: no-repeat; background-size: cover; opacity: 0.4; width:110%; margin-left: -5%; margin-top: -20px; } .aoc_mobile_menu_content_top { position:relative; z-index:11; height:210px; } .aoc_footer { padding: 20px; text-align: center; } .aoc_footer_option, .aoc_footer_option:visited { display:inline-block; color:rgba(255,255,255,0.9); text-decoration:none; margin:5px 20px; font-weight:600; } .aoc_footer_option:hover { text-decoration:underline; color:rgba(255,255,255,0.8); } .aoc_main_menu { position: fixed; height: 100%; left: -100%; top: 0; background-color: #fff; z-index: 510; -webkit-transition : left 0.6s ease; -moz-transition : left 0.6s ease; -o-transition : left 0.6s ease; transition : left 0.6s ease; width:300px; max-width:80%; } .aoc_main_menu.active { left:0%; } .aoc_main_menu_bg { display:none; position:fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 500; } .aoc_main_menu_close { width:24px; height:24px; cursor:pointer; cursor:hand; position:absolute; top:10px; right:10px; } .aoc_main_menu_avatar { width:42px; height:42px; border-radius:50%; overflow:hidden; } .aoc_main_menu_avatar img { width:42px; height:42px; } .aoc_main_menu_username { font-size:14px; color:#fff; margin-top:20px; } .aoc_main_menu_user_info { position:absolute; left:20px; bottom:20px; width:80%; } .aoc_main_menu_options { list-style:none; padding:0px; margin-left:20px; } .aoc_main_menu_options li.aoc_main_menu_option { margin:20px 20px 20px 0px; } .aoc_main_menu_options li .aoc_main_menu_option_icon { display:inline-block; width:24px; height:24px; margin-right:20px; background-size:contain; background-repeat:no-repeat; vertical-align: middle; } .aoc_main_menu_options li .aoc_main_menu_option_text { color:#4c4c4c; font-size:16px; display:inline-block; vertical-align: middle; } .aoc_main_menu_options li.aoc_main_menu_option:last-child { border-top:1px solid #ddd; padding-top:10px; } .aoc_main_menu_options li.aoc_main_menu_option.home .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_home_side_menu.png); } .aoc_main_menu_options li.aoc_main_menu_option.my_projects .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_face_side_menu.png); } .aoc_main_menu_options li.aoc_main_menu_option.favourites .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_favourite_side_menu.png); } .aoc_main_menu_options li.aoc_main_menu_option.categories .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_categories_side_menu.png); } .aoc_main_menu_options li.aoc_main_menu_option.logout .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_logout_side_menu.png); } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .aoc_main_menu_options li.aoc_main_menu_option.home .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_home_side_menu_2x.png); } .aoc_main_menu_options li.aoc_main_menu_option.my_projects .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_face_side_menu_2x.png); } .aoc_main_menu_options li.aoc_main_menu_option.favourites .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_favourite_side_menu_2x.png); } .aoc_main_menu_options li.aoc_main_menu_option.categories .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_categories_side_menu_2x.png); } .aoc_main_menu_options li.aoc_main_menu_option.logout .aoc_main_menu_option_icon { background-image: url(https://platform.finutive.com/app/9fd2c4d313175f9b9b552ab4c55559fd70181d3e4ce4e4cdb8870e9cbb4c5187670247397b4621910157e41456a9bbf599bb74c5ef049a664d2fe35142b59ed9e7ef7da2034b1473669680/img/icons/ic_logout_side_menu_2x.png); } } .aoc_content { padding:100px 0px; position:relative; z-index:1; background-color:#efefef; min-height:calc(100% - 64px); } @media (max-width: 767px) { .aoc_content { padding-top:58px; } } .aoc_section_title { font-size: 24px; font-family: 'SourceSansPro-Regular'; margin-bottom:10px; margin-top:20px; font-weight:600; padding: 4px 15px; } .aoc_popup .aoc_section_title { margin-top: -60px; margin-bottom: 20px; } .aoc_panorama_no_elements { text-align: center; margin: 20px; background-color: #ccc; color: #fff; padding: 5px; } .aoc_metagigs_view { position:relative; padding-bottom:90px; } .aoc_mv_list { position:relative; } .aoc_mv_view_more { position: fixed; bottom:60px; left:0px; width:100%; height:30px; padding:10px 10px 0px; background-color:#fafafa; } .aoc_mv_view_more_border { width: calc(100% - 20px); position: absolute; height: 1px; top: 17px; background-color: #ddd; z-index:10; } .aoc_mv_view_more_message { position: relative; z-index: 10; background-color: #fafafa; font-size: 13px; margin: 0 auto; width: 130px; text-align: center; font-family: 'SourceSansPro-Bold'; letter-spacing: 0.4px; cursor: pointer; cursor: hand; } .aoc_mv_ask_whatever_layer { width:100%; height:60px; background-color:#fafafa; position:fixed; bottom:0px; left:0px; padding:10px; } .aoc_mv_ask_whatever_button { width: 100%; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); color: #fff; border: 0px; text-transform: uppercase; padding: 10px; font-family: 'SourceSansPro-Bold'; } .aoc_mv_element_wrapper { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .aoc_mv_element { display: block; margin: 10px auto 10px; width: 95%; box-shadow: 0px 1px 4px 1px #ccc; border-radius: 2px; background-color: #fff; text-decoration:none; overflow: hidden; } .aoc_mv_element:hover { text-decoration:none; } .aoc_mv_element .aoc_mv_element_image { width: 100%; height: 190px; background-size: cover; background-repeat: no-repeat; background-position: 50%; margin: 0 auto; position:relative; border-bottom: 1px solid #eee; } .aoc_mv_element .aoc_mv_element_image_fade { position:absolute; width:100%; height:190px; top:0px; left:0px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8f000000',GradientType=0 ); opacity:0.5; } .aoc_mv_element:hover .aoc_mv_element_image_fade { opacity:0.8; background: rgb(68,68,68); background: -moz-linear-gradient(top, rgba(68,68,68,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); } .aoc_mv_element .aoc_mv_element_content { position: absolute; left: 10px; bottom: 10px; right:10px; } .aoc_mv_element .aoc_mv_element_name { margin-top: 10px; font-size: 16px; color: #fff; font-family: 'SourceSansPro-Bold'; line-height: 1.2em; width: 100%; text-shadow: 0px 0px 1px #000; } .aoc_mv_element_desc { margin: 15px 0px 5px; height: 74px; overflow: hidden; max-height:0px; overflow:hidden; -webkit-transition : max-height 200ms linear; -moz-transition : max-height 200ms linear; -o-transition : max-height 200ms linear; transition : max-height 200ms linear; position:relative; } .aoc_mv_element_desc,.aoc_mv_element_desc * { line-height: 18px; color: #fff !important; font-size: 13px !important; } .aoc_mv_element:hover .aoc_mv_element_desc { max-height:290px; } .aoc_metagig_detail { display:none; } .aoc_metagig_multimedia { overflow:hidden; position:relative; margin-top:-15px; } .aoc_metagig_multimedia .wrapper-form-multimedia-buttons, .aoc_metagig_multimedia .form-question-text, .aoc_metagig_multimedia .mandatory-symbol, .aoc_metagig_multimedia .delete{ display:none; } .aoc_metagig_multimedia .question{ margin:0; padding:0; border:0; background:none !important; } .aoc_metagig_multimedia .wrapper-form-multimedia{ width:100% !important; } .aoc_metagig_multimedia .wrapper_element_form_multimedia { height:200px !important; overflow:hidden; } .aoc_metagig_multimedia .wrapper_element_form_multimedia iframe, .aoc_metagig_multimedia .wrapper_element_form_multimedia iframe { width:100%; max-width:100%; height:200px !important; } .aoc_metagig_data { text-align:left; } .aoc_md_name { font-size: 22px; font-family: 'SourceSansPro-Black'; color: #555555; } .aoc_md_icons { max-width:200px; margin:10px 0px; display:block; } .aoc_md_icon { display:inline-block; width:12px; height:12px; background-repeat:no-repeat; background-size:contain; background-position:50%; } .aoc_md_icon.favourite { background-image:url("https://platform.finutive.com/app/d50ad2221600f74fdece88130637775f182328b7e01130c46d1ac3985bd7fb3aac43cf8d6427d9940e6ed51a0f79ab725e1e998ab73f1679bb925729735b86538018551b99751468838636/img/icons/icon_fav.png"); } .aoc_md_icon.comments { background-image:url("https://platform.finutive.com/app/d50ad2221600f74fdece88130637775f182328b7e01130c46d1ac3985bd7fb3aac43cf8d6427d9940e6ed51a0f79ab725e1e998ab73f1679bb925729735b86538018551b99751468838636/img/icons/icon_comment.png"); } .aoc_md_icon.share { background-image:url("https://platform.finutive.com/app/d50ad2221600f74fdece88130637775f182328b7e01130c46d1ac3985bd7fb3aac43cf8d6427d9940e6ed51a0f79ab725e1e998ab73f1679bb925729735b86538018551b99751468838636/img/icons/icon_share.png"); } .aoc_md_icon_number { display:inline-block; font-size:14px; color:#8e939e; } .aoc_md_description, .aoc_md_description * { font-size: 14px !important; font-weight: normal; text-align: left; color: #8e939e !important; line-height: 23px; font-family: 'SourceSansPro-Regular' !important; } .aoc_md_comment { font-family: 'SourceSansPro-Italic'; font-size: 14px; font-weight: normal; text-align: center; color: #8e939e; margin:20px auto 10px; } .aoc_md_comment_author { font-size: 12px; font-weight: 600; text-align: center; color: #8e939e; } .aoc_metagig_multimedia_fade { background: rgba(255,255,255,0.01); background: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.01)), color-stop(0%, rgba(255,255,255,0.01)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); position:absolute; width:100%; height:100%; z-index:20; top:0px; left:0px; pointer-events:none; } .aoc_metagig_all_info { margin-top:20px; } .aoc_md_freestep { margin-top:20px; } .aoc_md_cs_description { color:#666; font-size:14px; line-height:18px; } .aoc_md_cs_input { width: 100%; height: 80px !important; margin: 20px auto; font-size: 14px !important; } .aoc_md_button_footer { padding: 15px; text-align: right; background-color: #fafafa; border-top: 1px solid #ddd; margin-top: 30px; } .aoc_md_button_footer button { width:100%; } .my_projects_tabs { font-size:0px; background-color: #fafafa; border-bottom:1px solid #d6d6d6; text-align:center; } .my_projects_tabs > div { max-width:25%; width:300px; display:inline-block; vertical-align: middle; padding: 15px 10px 10px; height: 52px; } .my_projects_tab { font-family:'SourceSansPro-Black'; text-align:center; text-transform: uppercase; font-size: 12px; color:rgba(0,0,0,0.87); cursor:pointer; cursor:hand; } .my_projects_tab.active { border-bottom: 2px solid #8c9d0c; } .my_projects_content2 { display:none; height: calc(100% - 142px); } .aoc_request_row { padding:20px 20px 0px; position:relative; font-size:0px; border-top:1px solid #ddd; } .aoc_rr_alert_link { font-weight: 600; text-decoration: underline; display: block; margin: 5px 0px; cursor: pointer; } .aoc_rr_deliverables { text-align:center; font-size:18px; } .aoc_rr_deliverables.completed { color:#8BC34A; } .aoc_rr_deliverables.news { color:#FFD600; } .aoc_rr_image_layer { display:inline-block; width:130px; vertical-align: top; } .aoc_rr_image_bg { width:100px; height:100px; border-radius:50%; overflow:hidden; background-repeat:no-repeat; background-size:contain; background-position: 50%; background-image:url("https://platform.finutive.com/app/d50ad2221600f74fdece88130637775f182328b7e01130c46d1ac3985bd7fb3aac43cf8d6427d9940e6ed51a0f79ab725e1e998ab73f1679bb925729735b86538018551b99751468838636/img/job_default.jpg"); position:absolute; } .aoc_rr_percent { position: relative; height:100%; width:100%; background-color: rgba(255,255,255,0.75); font-size: 24px; text-align: center; color: #5d680c; font-family: 'SourceSansPro-Black'; line-height: 100px; } .aoc_rr_chart { width:140px; height:140px; transform: rotate(-90deg); position: relative; margin-left: -20px; margin-top: -20px; } .aoc_rr_content_layer { display: inline-block; width: calc(100% - 150px); } .aoc_rr_alerts { display:inline-block; vertical-align:middle; margin-right:10px; } .aoc_rr_alerts_info { display:none; } .aoc_rr_alerts i { font-size:30px; color:#F44336; } .aoc_rr_project_data { display:inline-block; vertical-align:middle; } .aoc_rr_project_data.data_with_alerts { width:calc(100% - 50px) } .aoc_rr_name { font-family: 'SourceSansPro-Black'; font-size:18px; color: #434b5b; text-align:left; } .aoc_rr_date { color:#666; font-size:12px; margin:5px 0px; text-align:left; white-space:nowrap; } .aoc_rr_date * { color:#666; font-size:12px; } .aoc_rr_chat_crowd_manager { font-size:12px; color:#888; line-height:3px; } .aoc_rr_chat_crowd_manager i { margin-right:5px; font-size: 18px; } .aoc_rr_chat_crowd_manager_cant { color: #fff; font-size: 11px; margin-left: -19px; margin-right: 14px; margin-top: -7px; display: inline-block; vertical-align: middle; } .aoc_rr_chat_crowd_manager .aoc_rr_chat_crowd_manager_text { font-size:11px; } .aoc_rr_service, .aoc_rr_last_update { text-align:center; font-size:12px; color:#888; font-weight:600; } .aoc_rr_percent_layer { text-align:center; } .aoc_rr_percent_value { font-weight:600; color:#666; margin-bottom:5px; } .aoc_rr_percent_bar { background-color:#fff; height:17px; border-radius:3px; overflow: hidden; border: 1px solid #ddd; position:relative; } .aoc_rr_percent_text { position:absolute; width:100%; text-align:center; color:#444; font-size:12px; } .aoc_rr_percent_bar_value { height:17px; } .aoc_rr_percent_bar_value.status_-3 { background-color:#F44336; } .aoc_rr_percent_bar_value.status_-2 { background-color:#FFEB3B; } .aoc_rr_percent_bar_value.status_-1 { background-color:#03A9F4; } .aoc_rr_percent_bar_value.status_0 { background-color:#FFEB3B; } .aoc_rr_percent_bar_value.status_1 { background-color:#FF9800; } .aoc_rr_percent_bar_value.status_2 { background-color:#8BC34A; } .aoc_rr_percent_bar_value.status_3 { background-color:#000; } .aoc_rr_percent_bar_value.status_4 { background-color:#8BC34A; } .aoc_rr_percent_bar_value.status_5 { background-color:#FF9800; } .aoc_rr_percent_bar_value.status_6 { background-color:#8BC34A; } .aoc_rr_comments_layer { margin:10px 0px; } .aoc_rr_comments_icon { width:24px; height:24px; background-image:url(https://platform.finutive.com/app/d50ad2221600f74fdece88130637775f182328b7e01130c46d1ac3985bd7fb3aac43cf8d6427d9940e6ed51a0f79ab725e1e998ab73f1679bb925729735b86538018551b99751468838636/img/icons/ic_chat_bubble_black_24dp.png); background-repeat:no-repeat; background-size:contain; background-position:50%; text-align:center; font-size:14px; color:#fff; display:inline-block; } .aoc_rr_comments_text { font-size:12px; color:#8e939e; display:inline-block; margin-left:5px; } .aoc_rr_option_button { border-radius: 4px; background-color: #8c9d0c; width: 150px; max-width:100%; display: inline-block; margin: 5px 5px 5px 0px; border: 1px solid #8c9d0c; color: #fff; padding: 10px; font-size: 12px; font-family: 'SourceSansPro-Bold'; text-align: center; cursor:pointer; cursor:hand; } .aoc_rr_option_button:hover, .aoc_rr_option_button:focus, .aoc_rr_option_button:visited { text-decoration:none; color:#fff; } .aoc_rr_option_button.manager { color:#8c9d0c; background-color:#fff; } .aoc_rr_option_button.cancel { color:#fff; background-color:#F44336; border:1px solid #F44336; } .aoc_rr_status_title { font-size:14px; color:#666; vertical-align: middle; display:inline-block; font-family:'SourceSansPro-Bold'; margin-right:10px; } .aoc_rr_status { text-align: center; font-size: 12px; font-weight: 600; margin-bottom: 3px; white-space:nowrap; } .aoc_rr_status.status_-3 { color:#F44336; } .aoc_rr_status.status_-2 { color:#FFEB3B; } .aoc_rr_status.status_-1 { color:#03A9F4; } .aoc_rr_status.status_0 { color:#FFEB3B; } .aoc_rr_status.status_1 { color:#FF9800; } .aoc_rr_status.status_2 { color:#8BC34A; } .aoc_rr_status.status_3 { color:#000; } .aoc_rr_status.status_4 { color:#8BC34A; } .aoc_rr_status.status_5 { color:#FF9800; } .aoc_rr_status.status_6 { color:#8BC34A; } .aoc_rr_status_label { border-radius: 3px; background-color: #f0f0f0; padding: 5px; color: #666; font-size: 12px; vertical-align: middle; display: inline-block; border: 1px solid #ccc; } .aoc_requests_table .aoc_rr_status_label { text-align: center; width: 100%; height: 30px; vertical-align: middle; width: 100%; font-size: 11px; line-height: 12px; padding: 3px 4px; display:table-cell; } .aoc_rr_status_label.clickable { cursor:pointer; cursor:hand; } .aoc_rr_status_label.status_-3 { background-color:#F44336; color:#fff; border-color:#b71c1c; } .aoc_rr_status_label.status_-2 { background-color:#FFEB3B; color:#444; border-color:#FFD600; } .aoc_rr_status_label.status_-1 { background-color:#03A9F4; color:#444; border-color:#01579B; } .aoc_rr_status_label.status_0 { background-color:#FFEB3B; color:#444; border-color:#FFD600; } .aoc_rr_status_label.status_1 { background-color:#FF9800; color:#444; border-color:#E65100; } .aoc_rr_status_label.status_2 { background-color:#8BC34A; color:#444; border-color:#33691E; } .aoc_rr_status_label.status_3 { background-color:#fff; color:#444; border-color:#ccc; } .aoc_rr_status_label.status_4 { background-color:#8BC34A; color:#444; border-color:#33691E; } .aoc_rr_status_label.status_5 { background-color:#FF9800; color:#444; border-color:#E65100; } .aoc_rr_status_label.status_6 { background-color:#8BC34A; color:#444; border-color:#33691E; } .aoc_rr_crowd_manager_layer, .aoc_rr_crowd_client_layer { font-size:14px; color:#777; } .aoc_rr_crowd_manager_layer { margin-top:10px; } .aoc_rr_crowd_client_layer { margin-top:3px; } .no-padding-left { padding-left:0px !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .aoc_rr_comments_icon { background-image:url(https://platform.finutive.com/app/d50ad2221600f74fdece88130637775f182328b7e01130c46d1ac3985bd7fb3aac43cf8d6427d9940e6ed51a0f79ab725e1e998ab73f1679bb925729735b86538018551b99751468838636/img/icons/ic_chat_bubble_black_24dp_2x.png); } } .aoc_md_options_request { background-color: #FFF; border: 1px solid #DDD; margin-bottom: 15px; border-radius: 3px; } .aoc_md_options_request_title { background-color: #F7F7F7; padding: 12px 15px; border-bottom: 1px solid #DDD; border-radius: 3px 3px 0px 0px; } .aoc_md_option_request { padding: 15px; border-bottom: 1px solid #DDD; } .aoc_md_option_name { display: inline-block; vertical-align: middle; width: calc(100% - 100px); font-size: 14px; color: #666; padding-right: 20px; } .aoc_md_option_value { display: inline-block; vertical-align: middle; width:90px; } .aoc_md_option_value select { width:100%; } .aoc_md_btn_process_payment { width: 100%; margin-bottom: 10px; padding: 10px; font-size: 14px; font-family: 'SourceSansPro-Black'; } .paypal_iframe { display:none; } .aoc_categories_view { margin-top:20px; } .aoc_category_layer { margin-bottom:15px; } .aoc_category_gigs { display:none; } .aoc_category_name { color: #4d4d4d; font-size: 18px; margin-bottom: 5px; } .aoc_category_gigs .owl-theme .owl-controls { margin-top:-5px; } .aoc_main_banner { height:240px; background-color:#aaa; } .aoc_main_banner_slide { width:100%; height:240px; cursor:pointer; cursor:hand; background-position:50%; background-repeat: no-repeat; background-size: cover; box-shadow:0px 1px 3px 1px #ddd; } .sl_avatar { width: 42px; height: 42px; border-radius:5px; border:1px solid #eee; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; } .sl_time_ago { display:inline-block; white-space:nowrap; } .sl_time_ago span { color: #999; font-size:11px; } .sl_time_ago a { font-size:11px; } .sl_title_user { vertical-align: top; padding-right:20px; } .sl_user_name { font-size:12px; font-weight:bold; } .infosmosis_log_child .sl_user_name { font-size:11px; } .sl_user_action { color:#999; font-size:11px; } .sl_content_message { color:#333; font-size:13px; line-height:18px; clear:both; margin-top:15px; margin-bottom:10px; } .infosmosis_log { padding-top:15px; border-top: 1px dotted #d9d9d9; padding-bottom:10px; } .logs_container_view_2 .infosmosis_log:first-child { } .sl_message_options { display:inline-block; white-space: nowrap; } .sl_message_options a { font-size:11px; } .sl_message_options a:hover { } .sl_workgroups_follow { font-size:11px; color:#444; margin-top:5px; margin-bottom:-5px; } .sl_workgroups_follow a { font-size:11px; } .likes_log_container { font-size:11px; color:#999; margin-top:10px; margin-bottom:-5px; } .delete_infosmosis_attachment { width:8px; height:8px; float:right; background: url(../../../../pix/icons/8/icon_action_close.png) center left no-repeat; cursor:pointer; cursor:hand; opacity:0.7; -webkit-transition : opacity 0.3s ease; -moz-transition : opacity 0.3s ease; -o-transition : opacity 0.3s ease; transition : opacity 0.3s ease; } .delete_infosmosis_attachment:hover { opacity:1; } .infosmosis_layer_adaptable { background-color: #f2f2f2; border: 1px solid #CCCCCC; border-radius: 10px 10px 10px 10px; padding: 10px; position:relative; margin-left:10px; margin-top:10px; } .infosmosis_layer_adaptable:after, .infosmosis_layer_adaptable:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .infosmosis_layer_adaptable:after { border-color: rgba(242, 242, 242, 0); border-right-color: #f2f2f2; border-width: 8px; top: 25px; margin-top: -8px; } .table_new_talk.expanded .infosmosis_layer_adaptable.white:after { border-right-color: #fff; } .infosmosis_layer_adaptable:before { border-color: rgba(204, 204, 204, 0); border-right-color: #cccccc; border-width: 9px; top: 25px; margin-top: -9px; } .infosmosis_attachment { margin-top:10px; } .infosmosis_attachment_icon { width:24px; height:24px; padding:5px; border-radius:20px; background-color:#fff; box-shadow: 0px 2px 3px 1px #ccc; display:inline-block; vertical-align: middle; text-align: center; box-sizing: initial !important; } .infosmosis_attachment_content { display:inline-block; vertical-align: middle; border-radius:5px; background-color:#fff; box-shadow: inset 0px 1px 3px 1px #ccc; width:83%; padding:10px; color:#333; font-size:12px; margin-left:10px; white-space:normal; } @media all and (max-width: 600px){ .infosmosis_attachment_content { padding:5px; } .infosmosis_attachment_content a { font-size:11px; } } .infosmosis_attachment_content .title_content { font-weight:bold; } .btns_comments_desactive_infos,.btns_comments_active_infos .left { width:263px; max-width:263px; min-width:263px; } .uploading_doc_progress_bar { width:100%; background-color:#333; height:10px; border-radius:10px; overflow:hidden; margin-top:10px; } .uploading_doc_progress_indicator { height:10px; border-radius:10px; -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; background-color: #e86e1c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; -webkit-transition : width 0.6s ease; -moz-transition : width 0.6s ease; -o-transition : width 0.6s ease; transition : width 0.6s ease; box-sizing: border-box; } .logs_container_view_2, .new_talk, .infosmosis_workgroups_container { margin: 20px 0px 20px 45px; } .logs_container_view_2 a { color: #2076bf; } .infosmosis_log_child { margin: 0px; padding-right:10px; } .childs_infosmosis_log .infosmosis_log_child:last-child { border-bottom:0px; } .infosmosis_log_child * { font-size:11px; } .childs_infosmosis_log_root .infosmosis_log_child:first-child { border-top:0px; } .childs_infosmosis_log_child .infosmosis_log_child:first-child { border-top:1px solid #fff; box-shadow: 1px 0px 1px #eee; } .childs_infosmosis_log_root { position: relative; background: #fbfbfb; border: 1px solid #dddddd; margin-bottom:10px; } .childs_infosmosis_log_root:after, .childs_infosmosis_log_root:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .childs_infosmosis_log_root:after { border-color: rgba(244, 244, 244, 0); border-bottom-color: #fbfbfb; border-width: 7px; left: 25px; margin-left: -7px; } .childs_infosmosis_log_root:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 8px; left: 25px; margin-left: -8px; } .talk_content_message { overflow-y:hidden; word-break:break-word; } @media all and (max-width: 600px){ .talk_content_message,.sl_user_name,.sl_content_message { font-size:11px; } } .infosmosis_message_div { word-break:break-word; } .view_all_infosmosis_message { text-align:center; background: -moz-linear-gradient(top, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.42) 23%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.12)), color-stop(23%,rgba(255,255,255,0.42)), color-stop(50%,rgba(255,255,255,0.95)), color-stop(99%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.42) 23%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.42) 23%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.42) 23%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.42) 23%,rgba(255,255,255,0.95) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fffffff', endColorstr='#ffffff',GradientType=0 ); position:relative; margin-top:-40px; padding:30px 10px 0px; cursor:pointer; cursor:hand; } .childs_infosmosis_log .view_all_infosmosis_message { background: -moz-linear-gradient(top, rgba(251,251,251,0.12) 0%, rgba(251,251,251,0.42) 23%, rgba(251,251,251,0.95) 50%, rgba(251,251,251,) 99%, rgba(251,251,251,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,251,251,0.12)), color-stop(23%,rgba(251,251,251,0.42)), color-stop(50%,rgba(251,251,251,0.95)), color-stop(99%,rgba(251,251,251,1)), color-stop(100%,rgba(251,251,251,1))); background: -webkit-linear-gradient(top, rgba(251,251,251,0.12) 0%,rgba(251,251,251,0.42) 23%,rgba(251,251,251,0.95) 50%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%); background: -o-linear-gradient(top, rgba(251,251,251,0.12) 0%,rgba(251,251,251,0.42) 23%,rgba(251,251,251,0.95) 50%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%); background: -ms-linear-gradient(top, rgba(251,251,251,0.12) 0%,rgba(251,251,251,0.42) 23%,rgba(251,251,251,0.95) 50%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%); background: linear-gradient(to bottom, rgba(251,251,251,0.12) 0%,rgba(251,251,251,0.42) 23%,rgba(251,251,251,0.95) 50%,rgba(251,251,251,1) 99%,rgba(251,251,251,1) 100%); } .btn_new_infos { background-image:-webkit-gradient(linear,93% 32%,93% 113%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(238,238,238))); background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%); background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%); background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EEEEEE)"; border: 1px solid #CCCCCC; padding:2px 7px; float:left; cursor: pointer; cursor: hand; border-left:0px; } .btn_new_infos.active { background-image:-webkit-gradient(linear,93% 32%,93% 113%,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(255,255,255))); background-image:-webkit-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%); background-image:-o-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%); background-image:linear-gradient(180deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%); -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.6); box-shadow:inset 0px 1px 3px rgba(0,0,0,0.6); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff); } .btn_new_infos_attch { border: 1px solid #CCCCCC; padding:2px 7px; float:left; cursor: pointer; cursor: hand; } .btns_comments_desactive_infos .btn_new_infos:first-child, .btns_comments_active_infos .left .btn_new_infos:first-child, .btns_comments_active_infos .internal_links .btn_new_infos:first-child { border-top-left-radius:4px; border-bottom-left-radius:4px; border-left: 1px solid #CCCCCC; } .btns_comments_desactive_infos .btn_new_infos:last-child, .btns_comments_active_infos .left .btn_new_infos:last-child { border-top-right-radius:4px; border-bottom-right-radius:4px; } .message_infos { width:99%; float:left; border-radius:5px; border: 1px solid #ddd; background-color: #fff; margin-right: 7px; -moz-box-shadow:inset 0px 1px 5px rgba(102,102,102,0.35); -webkit-box-shadow:inset 0px 1px 5px rgba(102,102,102,0.35); box-shadow:inset 0px 1px 5px rgba(102,102,102,0.35); } .layer_autocomplete_result { border-radius: 3px; border: 1px solid #ddd; background-color: #eee; padding: 2px 4px; margin-left:5px; float:left; margin-bottom:4px; white-space:nowrap; } .layer_autocomplete_result * { color:#555; font-size:11px; } .layer_autocomplete_result b { font-weight:normal; } .no_more_to_show { background-color:#ddd; color:#fff; font-family: 'Helvetica 95 Black', 'Arial black', Arial, sans-serif; text-align:center; padding:10px; font-size:17px; } @media all and (max-width: 600px){ .no_more_to_show { padding: 10px 5px; font-size:12px; } } .avatar_medium { max-width:32px; max-height:32px; border-radius:5px; border: 1px solid #ccc; vertical-align:middle; } .avatar_big { max-width:48px; max-height:48px; border-radius:5px; border: 1px solid #ccc; vertical-align:middle; } .no_effects_hover:hover,.no_effects_hover:focus { box-shadow: 0px 0px 0px 0px #fff !important; } .tab_style { color:#666666; font-size:12px; text-transform: uppercase; float:left; padding:6px 10px; margin-bottom:-1px; cursor:pointer; cursor:hand; margin-right:5px; border-radius: 5px 5px 0px 0px; min-width: 60px; text-align:center; } .tab_type_1_selected { color:#7f8300; background-color: #fff; border:1px solid #eee; border-bottom:0px; } .tab_type_1 { color: #666; background-color: #ddd; border:1px solid transparent; border-bottom:0px; } .tab_type_2, .tab_type_2_selected { font-size:12px; margin-right:-1px; text-transform: none; border-radius:0px; color:#8c8c8c; border:1px solid #ccc; } .tab_type_2_selected { background-color: #fff; padding:10px 0px; border-bottom-color:#fff; } .tab_type_2 { background-color: #efefef; padding:10px 0px 10px; } .workgroup_not_options { white-space:nowrap; } .workgroup_not_options i { font-size:24px; color:#aaa; vertical-align:top; } .workgroup_not_options .option:hover i, .workgroup_not_options .option.active i { color:#d1c709; } .workgroup_not_options .option { width:44px; height:43px; cursor:pointer; cursor:hand; text-align: center; display:inline-block; padding-top:10px; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align:top; } .row_sl_users_connected { padding-left:45px; margin-bottom:10px; white-space:nowrap; } .infosmosis_users_connected { color: #999; font-size: 11px; padding: 13px; } .aoc_form_question_title { margin-bottom:5px; } .aoc_form_question_title *, .aoc_form_question_title { font-weight: 600; color: #666; } .aoc_form_question_input { margin-bottom:20px; } .aoc_form_question_input input, .aoc_form_question_input textarea, .aoc_form_question_input select, .aoc_form_question_input .form_select_stl_fake { width:100%; font-size:12px; } .aoc_form_question_answer { color:#666; margin-bottom: 20px; margin-top: 10px; } .aoc_form_required { color:#ff0000; } .aoc_budget_search_services_layer, .aoc_budget_search_users_layer, .aoc_budget_limit_date_layer, .aoc_projects_data { display:none; } .panel-default>.panel-heading { font-weight: 600; } .aoc_keyword { display:inline-block; vertical-align:middle; border:1px solid #ccc; padding:5px; border-radius:3px; background-color:#f5f5f5; margin: 10px 10px 0px 0px; } .aoc_keyword_name { font-size:14px; color:#666; display:inline-block; vertical-align:middle; } .aoc_keyword_close { margin-left: 7px; color: #666; vertical-align: middle; cursor: pointer; cursor: hand; } .budgets_list * { text-align:center; font-size:14px !important; } .budgets_list img { width:42px; } .crowd_tasks_view_selector_menu { margin-bottom:20px; } .aoc_requests_table_header > div { font-size: 13px; border: 1px solid #ddd !important; color: rgb(136, 136, 136); padding: 15px 5px; text-align: left; font-weight: 600; height: 50px; text-align: center; background-color: #f0f0f0; line-height: 20px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .aoc_requests_table .aoc_request_row { padding:5px 0px; border: 1px solid #ddd; border-top: 0px; } .aoc_requests_table .aoc_request_row > div { padding:0px 5px; display:table; text-align: center; height: 40px; } .aoc_requests_table .aoc_request_row > div .valign { display:table-cell; vertical-align:middle; } .aoc_requests_table .aoc_request_row > div .valign.pointer { cursor:pointer; cursor:hand; } .aoc_rr_small_form { font-size:14px; display:none; margin-bottom:20px; } .aoc_requests_table .aoc_request_row > div.aoc_rr_small_form { margin-bottom: 0px; background-color: #eee; padding: 10px !important; border-top: 1px solid #ddd; display:none; height:auto; } .aoc_requests_table .aoc_rr_option_button { width:100%; margin:5px auto; padding:5px 10px; height:30px; line-height:10px; } .aoc_rr_avatar { width: 48px; height: 48px; margin: 0 auto; display: block; border-radius: 2px; } .aoc_rr_price_accepted { font-size:12px; text-align:center; color:#fff; margin-top:2px; border-radius: 3px; padding: 3px 0px; } .aoc_rr_waiting_proposals { background: #f5f5f5; border-radius: 3px; color: #666; border: 1px solid #ccc; font-size: 11px; padding: 3px 4px; height: 30px; line-height: 12px; } .aoc_rr_waiting_approval { background: #f5f5f5; border-radius: 3px; color: #666; border: 1px solid #ccc; font-size: 11px; padding: 3px 4px; height: 30px; line-height: 12px; display:block; } .aoc_requests_table .aoc_rr_option_button i { color:#fff; font-size:20px; } .aoc_requests_table .aoc_rr_option_button.manager i { font-size:20px; } .aoc_rr_status_label_table { display:table; width:100%; } .aoc_rr_last_updated { color:#666; font-size:12px; } .aoc_rr_chat_crowd_manager_name { overflow: hidden; text-overflow: ellipsis; color: #666; font-size: 13px; height: 20px; margin-bottom: -7px; } .aoc_requests_table .aoc_rr_name { overflow: hidden; text-overflow: ellipsis; height: 19px; } .aoc_modal { position: absolute; background: #fff; border: 2px solid #ccc; z-index: 300; padding: 20px; border-radius: 3px; } .aoc_modal.left:after, .aoc_modal.left:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .aoc_modal.left:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 7px; margin-top: -7px; } .aoc_modal.left:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 10px; margin-top: -10px; } .aoc_legal div { margin-bottom: 60px; } .aoc_legal h4, .aoc_contact_section h4{ font-size: 18px; font-weight: 600; line-height: 1.78; text-align: left; margin-bottom: 20px; } .aoc_legal p { font-size: 14px; font-weight: 400; line-height: 2.29; letter-spacing: 0.5px; color: #4d4d4d; } .aoc_legal div ul li { font-size: 14px; font-weight: 400; line-height: 2.29; letter-spacing: 0.5px; color: #4d4d4d; list-style-type: disc; margin-left: 25px; padding-left: 20px; } .aoc_legal .table-responsive table.table-striped thead { height: 54px; } .aoc_legal .table-responsive table.table-striped thead th { font-family: hanken_book; font-size: 12px; font-weight: 400; letter-spacing: 0.4px; color: #ffffff; vertical-align: middle; border-bottom: none; padding: 18px 10px; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #eee; } .table-responsive table { width:100%; } .aoc_legal .table-responsive table.table-striped tbody tr td { border-top: none; min-height: 50px; vertical-align: middle; padding: 15px 10px; } #aoc_cookies_notice { width: 100%; min-height: 80px; position: fixed; bottom: 0px; z-index: 99999999; opacity: 0.8; display:none; } #aoc_cookies_notice p { color: #fff; font-size: 14px; font-weight: 400; line-height: 1.29; display: inline-block; width: 75%; padding-top: 20px; padding-left: 30px; font-weight:600; } #aoc_cookies_notice p a { color: #fff; text-decoration: underline; font-weight:600; } #aoc_cookies_notice div { width: 42px; height: 42px; background-color: #ffffff; border-radius: 100%; display: inline-block; margin-right: 30px; position: absolute; top: 50%; right: 1%; margin-top: -21px; text-align:center; padding-top:10px; cursor:pointer; cursor:hand; } #aoc_cookies_notice div i { color:#555; font-size:20px; } li.social-networks-list-element { display: inline-block; margin: 0 5px !important; padding: 5px !important; width: 45px; height: 45px; color: #FFF !important; border-radius: 3px; cursor: pointer; text-align:center; } .social-networks-list-element.social-network-facebook { background-color: #3b5998 !important; } .social-networks-list-element.social-network-twitter { background-color: #1da1f2 !important; } .social-networks-list-element.social-network-linkedin { background-color: #0077b5 !important; } .social-networks-list-element.social-network-envelope { background-color: #666 !important; } li.social-networks-list-element i { font-size: 28px; position: relative; top: 4px; color:#fff; } li.social-networks-list-element a:hover { text-decoration:none; } .aoc_contact_our_contacts { text-align:center; } .aoc_contact_data { font-size: 15px; color: #545454; margin: 20px 40px; line-height: 20px;; } .aoc_modal_menu { position: absolute; background-color: #fff; box-shadow: 0px 0px 7px 3px #ddd; z-index: 999999; min-width: 100px; } .aoc_modal_option { color: #4d4d4d; font-size: 16px; padding: 10px 20px; cursor: pointer; cursor: hand; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 400px; } .aoc_modal_option.danger { color: #F44336; font-weight: 600; } .aoc_modal_option.separator { border-top: 1px solid #ddd; } .aoc_modal_option .modal_option_success { font-weight: 600; color: #6eb3a1; font-size: 16px; } .aoc_modal_option:hover { background-color: #f5f5f5; } .aoc_modal_option i { color: #666; margin-right: 10px; } .aoc_modal_title { padding: 10px 20px; text-align: center; background-color: #eee; color: #4d4d4d; font-size: 16px; font-weight: 600; border-bottom: 1px solid #ccc; } .dialog_box { position: absolute; background: #3E2723; z-index: 4000; color: #fff; padding: 15px; border-radius: 3px; } .dialog_box::after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(62, 39, 35, 0); border-bottom-color: #3E2723; border-width: 6px; margin-left: -6px; } .dialog_box.white { background: #fff !important; box-shadow: 0px 0px 7px 3px #ddd; } .dialog_box.white::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; } .dialog_box.no_padding { padding: 0px; } .aoc_form_buttons { text-align:center; } .aoc_form_buttons button { margin-left: 3px; margin-right: 3px; margin-top: 10px; } .aoc_form_buttons > div { margin-left: 3px; margin-right: 3px; margin-top: 10px; } .aoc_form_buttons > a { margin-left: 3px; margin-right: 3px; margin-top: 10px; } .panel_gray { padding: 10px; background-color: #f0f0f0; border: 1px solid #ddd; border-radius: 2px; } .aoc_popup { background-color:#fff; position:absolute; max-width: 1200px; width: 96%; padding: 20px; margin:10px auto; z-index: 2001; } @media (max-width: 767px) { .aoc_popup { padding: 20px 0; } } .aoc_popup_bg { position: fixed; background-color: rgba(50,50,50,0.6); width: 100%; height: 100%; z-index: 2000; top: 0; left: 0; } .aoc_close_popup { color: #aaa; font-size: 40px !important; margin-bottom: 10px; cursor:pointer; cursor:hand; } .aoc_popup_title { text-align: center; font-size: 24px; color: #4d4d4d; margin-bottom: 10px; font-weight: 600; } .aoc_popup_subtitle { text-align: center; font-size: 16px; color: #555; margin-bottom: 10px; } .aoc_tabs_component { margin-bottom:-1px; font-size:0px; } .aoc_tab_component { display:inline-block; border:1px solid #ddd; background-color:#eee; text-align:center; padding:10px 20px; font-weight: bold; color: #444; cursor:pointer; cursor:hand; margin-right:3px; font-size:13px; position: relative; } .aoc_tab_component .icon_alert { background-color: #6eb3a1; color: #fff; font-size: 11px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; border-radius: 50%; line-height: 18px; margin-top: -3px; } .aoc_tab_component.selected { background-color:#f7f7f7; border-bottom:1px solid #f7f7f7; z-index: 10; } .aoc_tab_component_content { border: 1px solid #ddd; background-color:#f7f7f7; border-radius: 3px; padding: 20px; border-top-left-radius: 0px; position: relative; } .end_tabs { font-size: 0px; border-top: 1px solid #ddd; border-bottom: 4px solid #eee; background-color: #fff; } .end_tab { text-align: center; padding: 15px 0px; margin-bottom: -4px; cursor: pointer; cursor: hand; display: inline-block; vertical-align: middle; } .end_tab.selected { border-bottom: 4px solid #6eb3a1; } .end_tab i { color: #6eb3a1; font-size: 20px; vertical-align: middle; } .end_tab div { display: inline-block; vertical-align: middle; color: #6eb3a1; margin-left: 10px; } .end_tab_content { padding: 20px; background-color: #fafafa; } .endless_image_modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; z-index: 1000; } .endless_image_modal img { position: absolute; max-width: 80%; max-height: 80%; top: 50%; transform: translate(-50%, -50%); left: 50%; } .spinner { font-size: 100px; border-radius: 50%; list-style: none; margin-top:-3px; width : 40px; height : 40px; } .spinner li { position: absolute; width: 10px; height: 10px; border-radius: 50%; } .spinner li:nth-child(1) { left: 50%; top: 0; margin: 3px 0 0 -5px; background: #00C176; -webkit-transform-origin: 50% 200%; -moz-transform-origin: 50% 200%; -ms-transform-origin: 50% 200%; -o-transform-origin: 50% 200%; transform-origin: 50% 200%; -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } .spinner li:nth-child(2) { top: 50%; right: 0; margin: -6px 6px 0 0; background: #FF003C; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } .spinner li:nth-child(3) { left: 50%; bottom: 0; margin: 0px 0px 5px -5px; background: #FABE28; -webkit-transform-origin: 50% -100%; -moz-transform-origin: 50% -100%; -ms-transform-origin: 50% -100%; -o-transform-origin: 50% -100%; transform-origin: 50% -100%; -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } .spinner li:nth-child(4) { top: 50%; left: 0; margin: -7px 0 0 6px; background: #88C100; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } @-webkit-keyframes rota { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rota { to { -moz-transform: rotate(360deg); } } @-ms-keyframes rota { to { -ms-transform: rotate(360deg); } } @-o-keyframes rota { to { -o-transform: rotate(360deg); } } @keyframes rota { to { transform: rotate(360deg); } } @-webkit-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-moz-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-ms-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-o-keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @keyframes opa { 12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } .no_padding { padding: 0px !important; } .cti_participant { background-color:#f5f5f5; padding:10px; border-radius:3px; margin-bottom:20px; position:relative; } .cti_participant > div { display:inline-block; vertical-align:middle; } .cti_participant .cti_participant_rang { color:#6eb3a1; position:absolute; top:7px; right:10px; font-size:12px; font-weight:bold; } .cti_participant .cti_participant_avatar { width:80px; line-height: 35px; } .cti_participant .cti_participant_avatar img { width:64px; height:64px; border-radius:50%; background-color:#fff; } .cti_participant .cti_participant_name { width:calc(100% - 130px); font-size:18px; color:#4d4d4d; } .cti_participant_delete { width: 40px; height: 40px; font-size: 30px; color: #fff; background-color: #F44336; cursor: pointer; cursor: hand; text-align: center; border-radius: 50%; } .cti_participant_delete i { font-size: 25px; } .cti_participant.new { cursor:pointer; cursor:hand; } .cti_participant.new .cti_participant_avatar .icon_new { width:64px; height:64px; border-radius:50%; background-color: #6eb3a1; color:#fff; font-size: 34px; text-align: center; padding-top: 17px; } .cti_participant.new .cti_participant_avatar .icon_new i { font-size: 30px; } .feedback_modal { text-align: center; padding: 20px; } .feedback_modal .feedback_icon.success { color: #8BC34A; } .feedback_modal .feedback_icon.error { color: #F44336; } .feedback_modal .feedback_icon i { font-size: 60px; margin-bottom: 20px; } .feedback_modal .feedback_message { color: #666; font-size: 18px; line-height: 30px; font-weight: 600; } .feedback_modal .aoc_form_buttons { margin-top: 30px; } .aoc_chat_title_layer { padding:20px; text-align:center; font-size:18px; font-weight:600; background-color:#f0f0f0; } .aoc_chat_comments_view { position:relative; border:2px solid #fff; } .aoc_chat_comments_view * { box-sizing: border-box !important; } .aoc_chat_comments_list { position:relative; background-color:#fff; padding:15px; overflow:auto; overflow-x:hidden; height: 600px; max-height: calc(100vh - 150px); } .aoc_chat_comments_list * { box-sizing:initial; } .aoc_chat_comments_list .aml_social_layer_title { display:none; } .aoc_chat_comments_form { position:relative; height:72px; background-color:#f8f8f8; border-top:1px solid #ddd; padding:15px 20px; text-align:left; } .aoc_chat_comments_view input.chat_message { height: 42px; width: calc(100% - 60px); border-radius: 10px; border: 1px solid #ddd !important; padding: 5px 70px 5px 10px; color: #4d4d4d; font-size:16px; background-color:#fff; } .chat_message::-webkit-input-placeholder { color: #aaa; } .chat_message::-moz-placeholder { color: #aaa; } .chat_message:-ms-input-placeholder { color: #aaa; } .chat_message:-moz-placeholder { color: #aaa; } .btn_send_chat_message { color: #6eb3a1; font-family: 'SourceSansPro-Black'; font-size: 14px; letter-spacing: 0.4px; margin-left:-65px; text-transform: uppercase; } .aoc_chat_comments_data { display:none; } .aoc_chat_user_comment { margin-bottom:20px; position: relative; display: table; width: 100%; } .aoc_chat_user_comment .aoc_chat_avatar_layer { display:table-cell; width:75px; } .aoc_chat_user_comment .aoc_chat_comments { display:table-cell; padding:0px 15px; } .aoc_chat_user_comment.user_is_writing .aoc_chat_comment i { font-size: 10px; margin-bottom: -10px; font-weight: 600; margin-right: 3px; color: #6eb3a1; } .aoc_chat_user_comment.user_is_writing .aoc_chat_comments { padding: 20px 15px 0px; vertical-align: middle; } .aoc_chat_user_comment .aoc_chat_avatar_layer img { width:75px; height:75px; border-radius:50%; margin-bottom:15px; } .aoc_chat_user_comment.other_user .aoc_chat_comment { position: relative; background: #e9ecf1; border: 1px solid #e9ecf1; padding: 10px; max-width: 80%; margin-bottom: 5px; border-radius: 6px; display: inline-block; float: left; clear: both; text-align: left; } .aoc_chat_user_comment.other_user .aoc_chat_comment:after { content: ""; position: relative; display: inline-block; bottom: -11px; left: -17px; width: 0px; height: 0px; border: 5px solid #e9ecf1; border-left-color: transparent; border-top-color: transparent; } .aoc_chat_user_comment.actual_user .aoc_chat_comment { position: relative; background: #6eb3a1;; border: 1px solid #6eb3a1;; padding: 10px; max-width: 80%; margin-bottom:5px; border-radius: 6px; display:inline-block; float:right; clear:both; text-align:right; } .aoc_chat_user_comment.actual_user .aoc_chat_comment:after { content: ""; position: relative; display: inline-block; bottom: -11px; right: -17px; width: 0px; height: 0px; border: 5px solid #6eb3a1; border-right-color: transparent; border-top-color: transparent; } .aoc_chat_comment_text { font-size:18px; line-height:1.3em; margin-bottom:5px; color:#4d4d4d; word-break:break-word; } .aoc_chat_user_comment.other_user .aoc_chat_comment_date { clear:both; float:left; } .aoc_chat_user_comment.actual_user .aoc_chat_comment_date { clear:both; float:right; } .aoc_chat_comment_date span { font-size:12px; color:#4d4d4d; } .aoc_chat_user_comment.actual_user .aoc_chat_comment_text { color:#fff; } .aoc_chat_comments_form_attach_button { position: absolute; width: 46px; height: 46px; border-radius: 50%; right: 15px; left: calc(100% - 60px); bottom: 13px; top:13px; background-color: #4b8cf5; color: #fff; text-align: center; line-height: 46px; -webkit-transition : all 0.6s ease; -moz-transition : all 0.6s ease; -o-transition : all 0.6s ease; transition : all 0.6s ease; cursor:pointer; cursor:hand; } .aoc_chat_comments_form_attach_button i { font-size:20px; } .aoc_chat_comments_form_attach_button .closed_elements { padding-top:15px; } .aoc_chat_comments_form_attach_button .open_elements { display:none; width:0%; -webkit-transition : all 0.6s ease; -moz-transition : all 0.6s ease; -o-transition : all 0.6s ease; transition : all 0.6s ease; height:100%; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_row { height:100%; font-size:0px; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_text_options, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options_options, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options_options2, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.invite_user_options, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.send_contextual_question_options { display:none; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_text_options .open_elements_cell:first-child, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options_options .open_elements_cell:first-child, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options_options2 .open_elements_cell { text-align:left; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options_options2 .open_elements_cell:last-child, .aoc_chat_comments_form_attach_button .open_elements .open_elements_row.question_options_options2 .open_elements_cell:nth-last-child(2) { text-align:center; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_cell { padding-top: 25px; height: 100%; border-left: 1px solid rgba(255,255,255,0.2); -webkit-transition : all 0.3s ease; -moz-transition : all 0.3s ease; -o-transition : all 0.3s ease; transition : all 0.3s ease; display:inline-block; box-sizing:border-box; line-height:25px; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_cell:hover { background-color:rgba(255,255,255,0.2); } .aoc_chat_comments_form_attach_button .open_elements .open_elements_cell .open_elements_cell_text { display:none } .aoc_chat_comments_form_attach_button .open_elements .open_elements_cell:hover .open_elements_cell_text { display: block; font-weight: 600; line-height: 23px; font-size: 18px; } .aoc_chat_comments_form_attach_button .open_elements .open_elements_cell:hover > i { display:none; } .aoc_chat_comments_form_attach_button.open { border-radius:0px; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; } .aoc_chat_comments_form_attach_button.open .open_elements { display:block; width:100%; } .aoc_chat_comments_form_attach_button.open .closed_elements { display:none; } .aoc_chat_comment_attach_img { max-width: 400px; max-height: 500px; display: block; margin: 5px; background: rgba(255,255,255,0.1); cursor:pointer; cursor:hand; } .aoc_chat_comments_form .open_elements_cell .input_question_title { margin-top: -10px; padding: 5px 10px; height: 42px; width: calc(100% - 75px); border-radius: 10px; border: 1px solid #fff!important; color: #444; margin-left: 15px; } .aoc_chat_comments_form_attach_inner_button { position: absolute; width: 46px; height: 46px; border-radius: 50%; right: 15px; left: calc(100% - 60px); bottom: 13px; top:13px; background-color: #fff; color: #fff; text-align: center; line-height: 46px; border:1px solid #fff; -webkit-transition : all 0.6s ease; -moz-transition : all 0.6s ease; -o-transition : all 0.6s ease; transition : all 0.6s ease; cursor:pointer; cursor:hand; } .aoc_chat_comments_form_attach_inner_button i, .aoc_chat_comments_form_attach_inner_button:hover i { font-size:20px; color:#4b8cf5 !important; } .aoc_chat_user_comment .form-question-text { font-size:18px; } .aoc_chat_user_comment.actual_user .aoc_contextual_question .aoc_contextual_question_user_answer { color:#fff; } .aoc_chat_user_comment.other_user .aoc_contextual_question .aoc_contextual_question_user_answer { color:#4d4d4d; } .aoc_chat_comments_form .open_elements_cell .searcher_user_to_invite { margin-top: -10px; padding: 5px 10px; height: 42px; width: 100%; border-radius: 10px; border: 1px solid #fff!important; } .aoc_chat_notification { position: fixed; right: 30px; width: 300px; bottom: 30px; background-color: rgba(0,0,0,0.7); padding: 10px; border-radius: 4px; z-index: 500; max-width: calc(100% - 60px); cursor:pointer; cursor:hand; -webkit-transition : bottom 0.3s ease; -moz-transition : bottom 0.3s ease; -o-transition : bottom 0.3s ease; transition : bottom 0.3s ease; } .aoc_chat_notification img { border-radius: 50px; width: 42px; height: 42px; display: inline-block; margin-right: 10px; vertical-align: middle; cursor:pointer; cursor:hand; } .aoc_chat_notification img.aoc_chat_notification_img_preview { border-radius: 3px; max-width: 100%; height: auto; display: block; width: auto; } .aoc_chat_notification .aoc_chat_notification_message { color: #fff; font-size: 15px; display: inline-block; width: calc(100% - 65px); vertical-align: middle; line-height: 18px; } .aoc_chat_notification .aoc_chat_notification_close { width: 24px; height: 24px; border-radius: 50%; background-color: #000; text-align: center; position: absolute; top: -10px; right: -10px; padding-top: 3px; } .aoc_chat_notification .aoc_chat_notification_close i { color:#fff; font-size:17px; } .aoc_chat_comment_aux_wrapper { background-color:#f5f5f5; height: 600px; max-height: calc(100vh - 150px); margin-top:-600px; position:relative; display:none; z-index:20; overflow:auto; } .aoc_chat_comment_users_info { display:none; } .aoc_chat_comment_user_to_invite .aoc_chat_comment_user_to_invite_avatar img { height:64px; width:64px; margin:10px; border-radius:50%; cursor:pointer; cursor:hand; } .aoc_chat_comment_user_to_invite { margin:10px 0px; background-color:#fff; cursor:pointer; cursor:hand; } .aoc_chat_comment_user_to_invite.selected { background-color:#D4E157; } .aoc_chat_comment_user_to_invite .aoc_chat_comment_user_to_invite_name { font-size:18px; text-align:left; padding-top:35px; } .aoc_chat_comment_confirm_invite_users { position: absolute; width: 100%; top: 50%; transform: translateY(-80%); text-align:center; } .aoc_chat_comment_confirm_invite_users .aoc_chat_comment_confirm_invite_users_title { font-size:24px; font-weight:600; margin:20px; } .aoc_chat_comment_confirm_invite_users .aoc_chat_comment_confirm_invite_users_avatar { display:inline-block; } .aoc_chat_comment_confirm_invite_users .aoc_chat_comment_confirm_invite_users_avatar img { width:90px; height:90px; display:inline-block; margin:5px; border-radius:50%; border: 1px solid #ddd; background-color: #eee; } .aoc_chat_comment_confirm_invite_users .aoc_chat_comment_confirm_invite_users_buttons button { margin:20px 10px; } .aoc_chat_comment_file_attachment { color: #4d4d4d; font-size: 18px; background-color: #fff; padding: 10px; margin-bottom:5px; } .aoc_chat_comment_invitation_attachment { font-size: 16px; color: #4d4d4d; text-align: center; margin: 20px auto; background-color: #f0f0f0; max-width: 50%; border-radius: 20px; padding: 5px; } .aoc_chat_comment_invitation_attachment img { width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; background-color: #fff; border-radius: 50%; } .aoc_chat_comment_welcome_msg { width: 370px; max-width: 90%; margin: 20px auto; background-color: #FFC107; color: #4d4d4d; font-size: 14px; padding: 10px; border-radius: 100px; box-shadow: 0px 1px 1px 1px #ccc; line-height:19px; } @font-face { font-family: poppins_regular; src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-Regular.ttf') format('truetype'); src: url(https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application'/fonts/poppins-regular-webfont.eot') format('eot'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-regular-webfont.svg') format('svg'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-regular-webfont.woff2') format('woff2'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-regular-webfont.woff') format('woff'); } @font-face { font-family: poppins_light; src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-light-webfont.ttf') format('truetype'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-light-webfont.eot') format('eot'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-light-webfont.svg') format('svg'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-light-webfont.woff2') format('woff2'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-light-webfont.woff') format('woff'); } @font-face { font-family: poppins_bold; src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-bold-webfont.ttf') format('truetype'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-bold-webfont.eot') format('eot'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-bold-webfont.svg') format('svg'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-bold-webfont.woff2') format('woff2'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/poppins-bold-webfont.woff') format('woff'); } @font-face { font-family: poppins_semibold; src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-SemiBold.ttf') format('truetype'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-SemiBold.eot') format('eot'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-SemiBold.svg') format('svg'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-SemiBold.woff2') format('woff2'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-SemiBold.woff') format('woff'); } @font-face { font-family: poppins_medium; src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-Medium.ttf') format('truetype'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-Medium.eot') format('eot'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-Medium.svg') format('svg'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-Medium.woff2') format('woff2'); src: url('https://platform.finutive.com/app/b47727e7312a196d7c044e7c415c7c63201f0af30ee7a1f51234a9ccd9d82380d4564562fe9734749b2ae4793685d82fbbe320b3a93b7930bc538450a94769ab16b8b4362d671515420160/Application/fonts/Poppins-Medium.woff') format('woff'); } .negative { color: #F44336; } .positive { color: #8BC34A; } .service_offer_bubble { display: inline-block; vertical-align: top; margin: 10px; width: 300px; border: 1px solid #ddd; box-shadow: 0px 2px 5px 0px #ccc; background-color: #fff; padding: 15px; text-align: center; border-radius: 3px; } .service_offer_bubble button { margin-top: 10px; } .service_offer_bubble button.btn-xs { margin-top: 22px; } .new_offer_form .new_offer_title { font-size: 16px; margin-bottom: 10px; font-weight: 600; } .new_offer_form .second_step { display: none; } .new_offer_form .params_content { padding-top: 20px; } .service_template_card { color: #444; text-align: center; } .service_template_card img { max-width: 100%; } .service_template_card .font_small { font-size: 14px; margin-bottom: 10px; line-height: 18px; } .service_template_card .font_medium { font-size: 16px; margin-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .service_template_card .font_small { font-size: 12px; margin-bottom: 5px; line-height: 18px; } .service_template_card .font_medium { font-size: 14px; margin-bottom: 10px; line-height: 16px; } } .all_services_wrapper .services_hexagons_view { display: inline-block; vertical-align: top; width: 400px; position: relative; } .all_services_wrapper .services_hexagons_view .hexagon { width: 130px; height: 75.06px; background-color: #ffffff; margin: 37.53px 0; border-left: solid 1px #ddd; border-right: solid 1px #ddd; transform: rotate(30deg); position: absolute; cursor: pointer; } .all_services_wrapper .services_hexagons_view .hexagon > div { text-align: center; transform: rotate(-30deg); position: relative; z-index: 10; margin-left: 5px; margin-top: 5px; } .all_services_wrapper .services_hexagons_view .hexagon > div .icon { height: 50px; } .all_services_wrapper .services_hexagons_view .hexagon > div .icon i { font-size: 42px; margin-top: 3px; margin-left: 5px; } .all_services_wrapper .services_hexagons_view .hexagon > div .name { margin-top: 15px; font-size: 13px; font-weight: 600; } .all_services_wrapper .services_hexagons_view .hexagon.disabled { background-color: #f2f2f2; } .all_services_wrapper .services_hexagons_view .hexagon.disabled .icon { height: 50px; } .all_services_wrapper .services_hexagons_view .hexagon.disabled .icon i { font-size: 42px; margin-top: 10px; margin-left: -12px; } .all_services_wrapper .services_hexagons_view .hexagon.enabled { background-color: #90cc99; } .all_services_wrapper .services_hexagons_view .hexagon.requested { background-color: #F57C00; } .all_services_wrapper .services_hexagons_view .hexagon:before, .all_services_wrapper .services_hexagons_view .hexagon:after { content: ""; position: absolute; z-index: 1; width: 91.92px; height: 91.92px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 18.0381px; } .all_services_wrapper .services_hexagons_view .hexagon:before { top: -45.9619px; border-top: solid 1.4142px #ddd; border-right: solid 1.4142px #ddd; } .all_services_wrapper .services_hexagons_view .hexagon:after { bottom: -45.9619px; border-bottom: solid 1.4142px #ddd; border-left: solid 1.4142px #ddd; } .all_services_wrapper .service_detail { display: inline-block; vertical-align: top; width: calc(100% - 420px); padding-left: 20px; } .all_services_wrapper .service_detail .name { font-weight: 600; font-size: 18px; margin-bottom: 20px; } .all_services_wrapper .service_detail .desc { color: #444; font-size: 14px; margin-bottom: 20px; } .all_services_wrapper .service_detail .msg_enabled { background-color: #90cc99; text-align: center; color: #fff; font-weight: 600; font-size: 18px; padding: 10px; display: none; } .offers_tinder .offers_list { height: calc(50vh + 50px); position: relative; max-width: 300px; margin: 0 auto; } .offers_tinder .offers_list ul { list-style: none; } .offers_tinder .offers_list .service_offer_card { background-color: #fff; padding: 10px; box-shadow: 0px 2px 5px 0px #aaa; width: 80vw; height: 50vh; position: absolute; z-index: 10; top: 30px; left: 50%; margin-left: -150px; max-width: 300px; } .offers_tinder .offers_list .service_offer_card.position_1 { top: 15px; transform: scale(0.96); z-index: 9; } .offers_tinder .offers_list .service_offer_card.position_2 { top: 1px; transform: scale(0.92); z-index: 8; } .offers_tinder .offers_list .service_offer_card.position_3 { top: -13px; z-index: 7; transform: scale(0.88); } @media (max-width: 1199px) { .offers_tinder .offers_list .service_offer_card { margin-left: -40vw; } .offers_tinder .offers_list .service_offer_card.position_1 { transform: scale(0.96) translateX(-52.2%); margin-left: 0; } .offers_tinder .offers_list .service_offer_card.position_2 { transform: scale(0.92) translateX(-54.4%); margin-left: 0; } .offers_tinder .offers_list .service_offer_card.position_3 { transform: scale(0.88) translateX(-56.6%); margin-left: 0; } } .offers_tinder .offers_list .service_offer_card .service_template_card { margin-top: 60px; } .offers_tinder .offers_list .service_offer_card .ribbon { position: absolute; width: 130px; height: 20px; background: #21759a; top: 15px; left: -5px; font-size: 12px; color: #fff; font-weight: 600; padding: 2px 10px 0 10px; box-shadow: -3px 2px 3px 0px #aaa; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .offers_tinder .offers_list .service_offer_card .ribbon:after { content: ""; position: absolute; top: 0px; right: 0px; border-right: 10px solid #fff; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .offers_tinder .offers_list .service_offer_card img { max-width: 100%; margin: 0px auto; } .offers_tinder .offers_button { text-align: center; padding: 5px; } .offers_tinder .offers_button > div { display: inline-block; vertical-align: middle; margin: 5px; width: 58px; height: 58px; text-align: center; padding-top: 15px; box-shadow: 0px 2px 3px 0px #ccc; cursor: pointer; border-radius: 50%; } .offers_tinder .offers_button > div i { font-size: 25px; color: #fff; } .offers_tinder .offers_button > div.nope_button { background-color: #ec0000; } .offers_tinder .offers_button > div.like_button { background-color: #00C853; } .all_services_mbl_wrapper { margin: 0 auto; overflow-x: hidden; position: relative; z-index: 2; white-space: nowrap; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; } @media (max-width: 1199px) { .all_services_mbl_wrapper { white-space: initial; } } .all_services_mbl_wrapper.recommended { width: 330px; } @media (max-width: 1900px) { .all_services_mbl_wrapper { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1550px) { .all_services_mbl_wrapper { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1240px) { .all_services_mbl_wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .all_services_mbl_wrapper { grid-template-columns: 1fr; } } @media (min-width: 1199px) { .all_services_mbl_wrapper { overflow-y: hidden; } } .all_services_mbl_wrapper .all_services_column { display: inline-block; vertical-align: top; margin: 10px 0.4% 10px 0.4%; background-color: #fff; padding: 20px 0; border-radius: 4px; } .all_services_mbl_wrapper .all_services_column .finutive_title_content { margin: 0 10px; } .all_services_mbl_wrapper .services_mbl_hexagons_view { display: block; vertical-align: top; margin-top: 10px; position: relative; width: 290px; margin: 10px auto 0; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon { position: relative; width: 125px; height: 72.17px; background-color: #ffffff; margin: 36.08px 0; box-shadow: 0 0 5px rgba(176, 176, 176, 0.5); border-left: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; transform: rotate(30deg); position: absolute; cursor: pointer; white-space: initial; z-index: 2; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon > div { text-align: center; transform: rotate(-30deg); position: relative; z-index: 10; margin-left: 5px; margin-top: 5px; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon > div .icon { height: 30px; margin-left: 4px; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon > div .icon i { font-size: 26px; margin-top: -9px; margin-left: 0px; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon > div .name { margin-top: -10px; font-size: 12px; font-family: poppins_semibold; width: 90%; line-height: 13px; height: 60px; margin-left: 10px; display: flex; justify-content: center; align-items: center; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.loading { animation: colorchange 6s infinite; } @keyframes colorchange { 0% { background: #ffffff; } 25% { background: #F57C00; } 50% { background: #ffffff; } 75% { background: #F57C00; } 100% { background: #ffffff; } } @keyframes colorchangetext { 0% { color: #F57C00; } 25% { color: #ffffff; } 50% { color: #F57C00; } 75% { color: #ffffff; } 100% { color: #F57C00; } } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.loading .name { animation: colorchangetext 6s infinite; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.loading .icon i { animation: colorchangetext 6s infinite, fa-spin 2s infinite linear; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.disabled { background-color: #eee; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.disabled .icon { margin-top: 4px; margin-left: -7px; height: 30px; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.disabled .icon i { color: #999; font-size: 32px; margin-top: 5px; margin-left: -12px; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.enabled .name { color: #fff; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.enabled .icon i { color: #fff; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.enabled.not_available { background-color: #aaa; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.requested .name { color: #fff; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.requested .icon i { color: #fff; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.requested.not_available { background-color: #aaa; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon:before, .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon:after { content: ""; position: absolute; z-index: 1; width: 88.39px; height: 88.39px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 18.3058px; box-shadow: 0 0 5px rgba(176, 176, 176, 0.5); } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon:before { top: -44.1942px; border-top: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon:after { bottom: -44.1942px; border-bottom: solid 0px #f6f6f6; border-left: solid 0px #f6f6f6; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon span { display: block; position: absolute; top: 0px; left: 0; width: 125px; height: 72.1688px; z-index: 2; background: inherit; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon_back { position: relative; width: 138px; height: 79.67px; background-color: #f6f6f6; margin: 32px -6.5px; box-shadow: 0 0 0px rgba(176, 176, 176, 0.5); border-left: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; transform: rotate(30deg); position: absolute; cursor: pointer; white-space: initial; z-index: 1; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon_back:before, .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon_back:after { content: ""; position: absolute; z-index: 1; width: 97.58px; height: 97.58px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 20.2096px; box-shadow: 0 0 0px rgba(176, 176, 176, 0.5); } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon_back:before { top: -48.7904px; border-top: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon_back:after { bottom: -48.7904px; border-bottom: solid 0px #f6f6f6; border-left: solid 0px #f6f6f6; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon_back span { display: block; position: absolute; top: 0px; left: 0; width: 138px; height: 79.6743px; z-index: 2; background: inherit; } @media (max-width: 330px) { .all_services_mbl_wrapper .services_mbl_hexagons_view { margin-left: -26px; } } .services_admin_view .all_services_mbl_wrapper .services_mbl_hexagons_view { width: 370px; } .services_caption > div { display: inline-block; } .services_caption .caption_color { display: inline-block; vertical-align: middle; border-radius: 20px; margin-right: 5px; padding: 10px 20px; font-family: poppins_medium; color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137); margin-top: 10px; } .services_caption .caption_color.requested { background-color: #F57C00; } .services_caption .caption_color.not_requested { background-color: #fff; } .services_caption .caption_text { display: inline-block; vertical-align: middle; color: #444; } .service_mbl_detail { padding: 15px; } .service_mbl_detail .name { font-weight: 600; font-size: 18px; margin-bottom: 20px; } .service_mbl_detail .desc { color: #444; font-size: 14px; margin-bottom: 20px; } .service_mbl_detail .msg_enabled { background-color: #90cc99; text-align: center; color: #fff; font-weight: 600; font-size: 16px; padding: 10px; display: none; } .service_mbl_detail .service_offers { text-align: center; } .service_mbl_historic { display: grid; grid-template-columns: repeat(4, 1fr); } @media (max-width: 1199px) { .service_mbl_historic { grid-template-columns: 1fr; } } .service_mbl_historic .service_historic_offer_card { background-color: #fff; padding: 10px; box-shadow: 0px 2px 5px 0px #aaa; width: 80vw; margin: 10px auto 10px; position: relative; max-width: 400px; display: inline-block; vertical-align: top; margin-right: 30px; } @media (max-width: 1199px) { .service_mbl_historic .service_historic_offer_card { max-width: auto; display: block; margin-right: auto; width: 100%; } } .service_mbl_historic .service_historic_offer_card .service_template_card { margin-top: 60px; } .service_mbl_historic .service_historic_offer_card .ribbon { position: absolute; height: 20px; background: #21759a; top: 15px; left: -5px; font-size: 12px; color: #fff; font-weight: 600; padding: 2px 25px 0 10px; box-shadow: -3px 2px 3px 0px #aaa; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 110px); } .service_mbl_historic .service_historic_offer_card .ribbon:after { content: ""; position: absolute; top: 0px; right: 0px; border-right: 10px solid #fff; border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .service_mbl_historic .service_historic_offer_card .service_trigger_shadowbox .title { font-size: 16px; } .service_mbl_historic .service_historic_offer_card .rejected_tag { padding: 8px 16px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; font-family: poppins_medium; color: #E60D47; background-color: #FFE3EB; position: absolute; top: 6px; right: 10px; } .services_admin_view { padding: 20px; } .services_admin_view .main_filters { position: relative; z-index: 10; } .services_admin_view .main_filters .form_question_title { color: #fff; } .services_admin_view .services_background { background-image: url("https://platform.finutive.com/app/3447ae1c48d42d3fcd9d7049a5fa293aa372c47b1dfb5844563cab480689cf4325dc3a74e81be3f5cf575eb39d729bad5f92377e1eb478c2af17687efa26b809645c3fa571951566486325/Services/assets/img/city_services.jpg"); background-size: cover; background-position: 50%; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .services_admin_view .all_services_mbl_wrapper { margin: 0; display: inline-block; } .services_admin_view .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon { background-color: #2b3353; } .services_admin_view .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon .icon i { color: #fff; } .services_admin_view .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon .name { color: #fff; } .services_admin_view .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.requested { background-color: #F57C00; } .services_admin_view .service_panel { display: inline-block; vertical-align: top; background-color: #fff; width: calc(100% - 440px); position: relative; z-index: 3; margin-top: 60px; margin-left: 60px; padding: 20px; } .services_admin_view .service_panel .finutive_section_title { margin-bottom: 20px; } .service_edit_form .products_list { margin-top: 5px; } .service_edit_form .font_awesome_link { vertical-align: middle; margin-top: 17px; } .service_edit_form .font_awesome_link i { font-size: 16px; } .service_edit_form .icon_preview { padding: 10px; } .service_edit_form .icon_preview i { color: #444; font-size: 40px; } .all_services_mbl_wrapper .services_mbl_hexagons_view .hexagon.requested { background-color: #F57C00; } .learning_section .learning_perc { text-align: center; font-size: 70px; font-family: poppins_bold; color: #8BC34A; margin-bottom: 20px; } .services_crm .crm_main { white-space: nowrap; } .services_crm .crm_main .add_initiative_form { display: none; vertical-align: top; background-color: #f0f0f0; padding: 10px; position: relative; height: 645px; border-radius: 3px; white-space: normal; } .services_crm .crm_main .add_initiative_form .close_icon { position: absolute; padding: 10px; cursor: pointer; top: 0; right: 0; } .services_crm .crm_main .add_initiative_form .title_form { color: #444; font-weight: 600; text-decoration: underline; margin: 1rem 0; font-size: 13px; } .services_crm .crm_main .add_initiative_form input { margin-top: 0; } .services_crm .crm_main .layout_columns { white-space: nowrap; } .services_crm .crm_main .layout_columns .layout_column { display: inline-block; width: 19%; vertical-align: top; margin: 0 0.5%; } .services_crm .crm_main.show_form .add_initiative_form { display: inline-block; width: 20%; vertical-align: top; } .services_crm .crm_main.show_form .layout_columns { display: inline-block; width: 80%; vertical-align: top; } .services_crm .indicator { margin-bottom: 10px; text-align: center; } .services_crm .indicator .indicator_bubble { font-family: poppins_bold; color: #fff; font-size: 28px; margin: 10px auto; width: 100px; height: 100px; border-radius: 50%; line-height: 106px; } .services_crm .indicator .indicator_name { color: #444; font-size: 14px; } @media (max-width: 1280px) and (min-width: 1100px) { .services_crm .indicator .indicator_bubble { width: 80px; height: 80px; line-height: 84px; font-size: 24px; } .services_crm .indicator .indicator_name { font-size: 13px; } } .services_crm .indicator.rejected .indicator_bubble { background-color: #e06666; } .services_crm .indicator.rejected .indicator_name { color: #e06666; } .services_crm .indicator.to_discover .indicator_bubble { background-color: #c0ded6; } .services_crm .indicator.to_discover .indicator_name { color: #c0ded6; } .services_crm .indicator.opportunities .indicator_bubble { background-color: #7fcfba; } .services_crm .indicator.opportunities .indicator_name { color: #7fcfba; } .services_crm .indicator.requests .indicator_bubble { background-color: #6eb3a1; } .services_crm .indicator.requests .indicator_name { color: #6eb3a1; } .services_crm .indicator.clients .indicator_bubble { background-color: #498273; } .services_crm .indicator.clients .indicator_name { color: #498273; } .services_crm input { margin: 20px 0 0px; } .services_crm .column { height: 500px; border-radius: 3px; padding: 5px; overflow-x: hidden; overflow-y: auto; scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2); scrollbar-width: thin; } .services_crm .column::-webkit-scrollbar { width: 5px; } .services_crm .column::-webkit-scrollbar-track { border-radius: 10px; padding: 1px; } .services_crm .column::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 10px; } .services_crm .column .crm_card { background-color: #fff; padding: 5px; border-radius: 3px; margin-bottom: 5px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); font-size: 12px; font-weight: 600; color: #444; cursor: pointer; white-space: initial; min-height: 22px; } .services_crm .column .crm_card .cif { font-weight: 300; font-size: 11px; color: #888; margin-top: 5px; text-align: right; } .services_crm .column .crm_card .crm_invitation_date { font-size: 11px; font-weight: 300; color: #444; } .services_crm .column .crm_card .tags { margin-top: 5px; } .services_crm .column .crm_card .tags i { color: #999999; } .services_crm .column .crm_card .tags i.btn_manage_tags { font-size: 14px; cursor: pointer; } .services_crm .column .crm_card .tags .tag { font-size: 11px; margin: 0 2px 2px 0; } .services_crm .column .crm_card .not_completed_tag { border: 1px solid #888; color: #888; background-color: #fafafa; font-size: 11px; padding: 3px; border-radius: 3px; text-align: center; } .services_crm .column .crm_card .completed_tag { border: 1px solid #689F38; color: #689F38; background-color: #CCFF90; font-size: 11px; padding: 3px; border-radius: 3px; text-align: center; } .services_crm .column.rejected { background-color: #e06666; } .services_crm .column.to_discover { background-color: #c0ded6; } .services_crm .column.opportunities { background-color: #7fcfba; } .services_crm .column.requests { background-color: #6eb3a1; } .services_crm .column.clients { background-color: #498273; } .services_crm .column button { width: 100%; } .service_trigger_shadowbox { max-width: 600px; margin: 0 auto 50px; text-align: left; } .service_trigger_shadowbox .aoc_form_buttons { position: absolute; text-align: center; bottom: 10px; width: 100%; left: 0; } .service_trigger_shadowbox .title { text-align: left; color: #040E28; font-family: poppins_semibold; font-size: 20px; margin-bottom: 20px; } .service_trigger_shadowbox .text { font-size: 14px; color: #444; margin-bottom: 20px; line-height: 22px; } .admin_historic .date { color: #fff; font-weight: 600; padding: 3px 5px; display: inline-block; margin-bottom: 10px; } .admin_historic .username { color: #444; font-weight: 600; font-size: 14px; margin-top: 10px; display: inline-block; vertical-align: middle; } .initiative_service_labels .tag { font-size: 14px; padding: 5px 10px; font-weight: 600; } .initiative_service_labels button { display: block; margin-top: 10px; } .billing_service_initiative_invoices .column_client { display: none; } .billing_service_initiative_invoices .column_product { display: table-cell !important; visibility: visible !important; } .billing_service_invoices .product_filter_layer { display: none; } .billing_service_invoices .services_filter_layer { display: none; } .services_section .header { margin: 20px 0; } .services_section .header .title_services { color: #707070; } .request_service_modal { text-align: center; } .request_service_modal .finutive_title_content { text-align: left; } .request_service_modal .title { font-family: poppins_semibold; color: #040E28; margin: 10px auto; font-size: 16px; max-width: 600px; } .request_service_modal p { font-family: poppins_medium; color: #4E5056; margin: 0 auto 40px; max-width: 600px; } .request_service_modal p a { font-family: poppins_medium; } .request_service_modal .hexagon_layer { text-align: center; height: 150px; width: 145px; margin: 0 auto; } .request_service_modal .hexagon { position: relative; width: 125px; height: 72.17px; background-color: #ffffff; margin: 36.08px 0; box-shadow: 0 0 5px rgba(176, 176, 176, 0.5); border-left: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; transform: rotate(30deg); position: absolute; white-space: initial; z-index: 2; } .request_service_modal .hexagon > div { text-align: center; transform: rotate(-30deg); position: relative; z-index: 10; margin-left: 5px; margin-top: 5px; } .request_service_modal .hexagon > div .icon { height: 30px; margin-left: 4px; } .request_service_modal .hexagon > div .icon i { font-size: 26px; margin-top: -9px; margin-left: 0px; } .request_service_modal .hexagon > div .name { margin-top: -10px; font-size: 12px; font-family: poppins_semibold; width: 90%; line-height: 13px; height: 60px; margin-left: 10px; display: flex; justify-content: center; align-items: center; } .request_service_modal .hexagon:before, .request_service_modal .hexagon:after { content: ""; position: absolute; z-index: 1; width: 88.39px; height: 88.39px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 18.3058px; box-shadow: 0 0 5px rgba(176, 176, 176, 0.5); } .request_service_modal .hexagon:before { top: -44.1942px; border-top: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; } .request_service_modal .hexagon:after { bottom: -44.1942px; border-bottom: solid 0px #f6f6f6; border-left: solid 0px #f6f6f6; } .request_service_modal .hexagon span { display: block; position: absolute; top: 0px; left: 0; width: 125px; height: 72.1688px; z-index: 2; background: inherit; } .request_service_modal .hexagon_back { position: relative; width: 138px; height: 79.67px; background-color: #f6f6f6; margin: 32px -6.5px; box-shadow: 0 0 0px rgba(176, 176, 176, 0.5); border-left: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; transform: rotate(30deg); position: absolute; cursor: pointer; white-space: initial; z-index: 1; } .request_service_modal .hexagon_back:before, .request_service_modal .hexagon_back:after { content: ""; position: absolute; z-index: 1; width: 97.58px; height: 97.58px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 20.2096px; box-shadow: 0 0 0px rgba(176, 176, 176, 0.5); } .request_service_modal .hexagon_back:before { top: -48.7904px; border-top: solid 0px #f6f6f6; border-right: solid 0px #f6f6f6; } .request_service_modal .hexagon_back:after { bottom: -48.7904px; border-bottom: solid 0px #f6f6f6; border-left: solid 0px #f6f6f6; } .request_service_modal .hexagon_back span { display: block; position: absolute; top: 0px; left: 0; width: 138px; height: 79.6743px; z-index: 2; background: inherit; } .request_service_modal .step2 { max-width: 500px; margin: 0 auto; } .request_service_modal .step2 .hexagon { background-color: #F57C00; } .request_service_modal .step2 .hexagon .icon i { color: #fff; } .request_service_modal .step2 .hexagon .name { color: #fff; } .request_service_modal .cancel_step .hexagon { background-color: #F57C00; } .request_service_modal .cancel_step .hexagon .icon i { color: #fff; } .request_service_modal .cancel_step .hexagon .name { color: #fff; } .comment_rating_layer .subtitle { text-align: center; font-family: poppins_semibold; color: #040E28; font-size: 22px; max-width: 800px; margin: 0 auto; } .service-create-business .workgroup .date_column, .service-create-business .workgroup .responsible_column, .service-create-business .workgroup .saved_column { display: none; } .service_template_card b { color: #6eb3a1; } .services_hexagons_view .hexagon .name { color: #6eb3a1; } .services_hexagons_view .hexagon.enabled .name { color: #fff; } .services_hexagons_view .hexagon .icon i { color: #6eb3a1; } .services_hexagons_view .hexagon.disabled .icon i { color: #e1e1e1; } .services_hexagons_view .hexagon.enabled .icon i { color: #54bb60; } .all_services_wrapper .service_detail .name { color: #6eb3a1; } .services_mbl_hexagons_view .hexagon .icon i, .services_mbl_hexagons_view .hexagon .name { color: #6eb3a1; } .services_mbl_hexagons_view .hexagon.enabled { background-color: #6eb3a1; } .services_crm .column .crm_card .tags i.btn_manage_tags { color: #6eb3a1; } .admin_historic .date { background-color: #6eb3a1; } .services_caption .caption_color.enabled { background-color: #6eb3a1; } .services_caption .caption_color.not_requested { color: #6eb3a1; } .request_service_modal .hexagon .icon i, .request_service_modal .hexagon .name { color: #6eb3a1; } .helper_arrows_layer .navigation { background-color: #6eb3a1; } .helper_arrows_bg { background-color: rgba(0, 0, 0, 0.7); position: absolute; z-index: 5000; } .helper_arrows_layer { max-width: 90%; width: 300px; border-radius: 4px; position: absolute; z-index: 5001; background-color: #fff; border: 4px solid #ddd; } .helper_arrows_layer .close_helper_arrow { position: absolute; top: 5px; right: 5px; font-size: 14px; color: #4d4d4d; cursor: pointer; } .helper_arrows_layer .message { margin: 20px; font-size: 16px; color: #4d4d4d; font-weight: 600; line-height: 22px; } .helper_arrows_layer.bottom:after, .helper_arrows_layer.bottom:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .helper_arrows_layer.bottom:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; } .helper_arrows_layer.bottom:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ddd; border-width: 13px; margin-left: -13px; } .helper_arrows_layer.top:after, .helper_arrows_layer.top:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .helper_arrows_layer.top:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 7px; margin-left: -7px; } .helper_arrows_layer.top:before { border-color: rgba(221, 221, 221, 0); border-top-color: #ddd; border-width: 13px; margin-left: -13px; } .helper_arrows_layer.left:after, .helper_arrows_layer.left:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .helper_arrows_layer.left:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 7px; margin-top: -7px; } .helper_arrows_layer.left:before { border-color: rgba(221, 221, 221, 0); border-left-color: #ddd; border-width: 13px; margin-top: -13px; } .helper_arrows_layer.right:after, .helper_arrows_layer.right:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .helper_arrows_layer.right:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 7px; margin-top: -7px; } .helper_arrows_layer.right:before { border-color: rgba(221, 221, 221, 0); border-right-color: #ddd; border-width: 13px; margin-top: -13px; } .helper_arrows_layer .navigation { border-top: 1px solid #eee; padding: 5px; } .helper_arrows_layer .navigation .prevButton { width: 24px; height: 24px; border-radius: 50%; background-color: #fff; border: 1px solid #ccc; text-align: center; margin-top: 5px; cursor: pointer; } .helper_arrows_layer .navigation .prevButton i { font-size: 14px; color: #4d4d4d; } .helper_arrows_layer .navigation .nextButton { width: 32px; height: 32px; border-radius: 50%; background-color: #fff; border: 1px solid #ccc; text-align: center; float: right; cursor: pointer; } .helper_arrows_layer .navigation .nextButton i { font-size: 16px; color: #4d4d4d; } .crowd_task_creation .category_title { font-style: italic; font-size: 18px; color: #4b4b4b; font-weight: 600; text-decoration: underline; margin: 20px 10px; } .crowd_task_creation .service_card { border-radius: 3px; box-shadow: 0px 2px 8px 2px #f0f0f0; background-color: #fff; display: inline-block; margin: 0 10px 20px; border: 1px solid #eee; width: calc(100% - 20px); } .crowd_task_creation .service_card .card_header { height: 80px; background-position: 50%; background-size: cover; border-radius: 3px 3px 0 0; } .crowd_task_creation .service_card .card_body { height: 120px; } .crowd_task_creation .service_card .card_body .name { font-weight: 600; font-size: 16px; margin: 20px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .crowd_task_creation .service_card .card_body .description { color: #4b4b4b; font-size: 14px; line-height: 18px; overflow: hidden; max-height: 54px; text-align: justify; position: relative; padding-right: 15px; margin: 0 15px 20px 20px; } .crowd_task_creation .service_card .card_body .description:before { content: "..."; position: absolute; right: 0; bottom: 0; } .crowd_task_creation .service_card .card_body .description:after { content: ""; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; } .crowd_task_creation .service_card .card_button { padding: 10px; text-align: center; color: #fff; border-radius: 0 0 3px 3px; cursor: pointer; } .crowd_task_creation select { width: calc(100% - 20px); margin: 0px 0 20px 20px; display: none; } .crowd_task_creation .radio_question { margin-bottom: 20px; } .aoc_payment_method_option { background-color: #f0f0f0; padding: 20px; margin-bottom: 10px; border: 1px solid #9aae04; } .deliverable_request_review_form { max-width: 80vw; width: 500px; } .deliverable_request_review_form textarea { height: 80px; } .members_confirm_wrapper { text-align: center; } .members_confirm_wrapper .title { font-size: 24px; font-weight: 600; margin: 20px; } .members_confirm_wrapper .avatar { display: inline-block; vertical-align: middle; margin: 0px 5px 20px; } .members_confirm_wrapper .avatar img { width: 90px; height: 90px; display: inline-block; margin: 5px; border-radius: 50%; border: 1px solid #ddd; background-color: #eee; } .aoc_vertical_progress { padding-left: 16px; padding-top: 20px; text-align: center; } .aoc_vertical_progress .aoc_vertical_progress_level { width: 30px; height: 30px; background-color: #fafafa; border: 1px solid #ddd; display: inline-block; vertical-align: middle; margin: 0px -15px; text-align: center; position: relative; border-radius: 50%; z-index: 5; cursor: pointer; cursor: hand; } .aoc_vertical_progress .aoc_vertical_progress_level.start, .aoc_vertical_progress .aoc_vertical_progress_level.end { cursor: default; } .aoc_vertical_progress .aoc_vertical_progress_level i { font-size: 16px; color: #4d4d4d; padding-top: 6px; } .aoc_vertical_progress .aoc_vertical_progress_level.completed { background-color: #C5E1A5; border-color: #7CB342; } .aoc_vertical_progress .aoc_vertical_progress_level.completed i { color: #558B2F; } .aoc_vertical_progress .aoc_vertical_progress_bar { height: 10px; border: 1px solid #ddd; background-color: #fafafa; border-left: 0px; border-right: 0px; display: inline-block; vertical-align: middle; position: relative; z-index: 4; } .aoc_vertical_progress .aoc_vertical_progress_bar.completed { background-color: #C5E1A5; border-color: #7CB342; } .aoc_vertical_progress .aoc_vertical_section_info_name { font-weight: 600; font-size: 21px; color: #4d4d4d; margin-bottom: 10px; margin-top: 20px; text-align: left; } .aoc_vertical_progress .aoc_vertical_section_info_desc { font-size: 14px; color: #4d4d4d; margin-bottom: 20px; text-align: left; } .aoc_vertical_progress .aoc_vertical_section_info_published_jobs { text-align: left; } .aoc_vertical_progress .aoc_vertical_section_info_publish_job_form { text-align: left; } .service_card .card_body .name { color: #6eb3a1; } .service_card .card_button { background-color: #6eb3a1; } #agency_layer *:not(i) { font-family: "poppins_regular", poppins, arial !important; box-sizing: border-box; } .documents_main_view { margin-top: 20px; } .documents_main_view, .documents_main_view * { box-sizing: border-box; } .documents_no_elements { text-align: center; font-size: 14px; color: #4b4b4b; padding: 15px; margin-top: 20px; } .documents_breadcrumb { margin-top: 10px; } .documents_breadcrumb i { font-size: 18px; vertical-align: middle; color: #283051; } .document_preview_image { max-width: 100%; margin: 0 auto; display: block; } .documents_breadcrumb_element { color: #4E5056; display: inline-block; vertical-align: middle; font-family: poppins_semibold; font-size: 16px; padding: 0px 10px; cursor: pointer; } .documents_breadcrumb_element:first-child { padding-left: 0px; } .documents_breadcrumb_element:hover { text-decoration: underline; } .documents_breadcrumb_arrow { display: inline-block; vertical-align: middle; font-weight: 900; color: #4E5056; font-size: 17px; } .create_folder_tooltip input { min-width: 300px; max-width: 75vw; } .documents_breadcrumb .arrow_back_icon { display: none; } @media screen and (max-width: 1199px) { .documents_breadcrumb_element { display: none; } .documents_breadcrumb_arrow { display: none; } .documents_breadcrumb_element.last { display: inline-block; } .documents_breadcrumb .folder_icon.multiple { display: none; } .documents_breadcrumb .arrow_back_icon { display: inline-block; } } .documents_upper_menu { text-align: right; } @media (min-width: 1199px) { .documents_upper_menu { white-space: nowrap; overflow: hidden; } } @media screen and (max-width: 1199px) { .documents_upper_menu { margin-top: 20px; text-align: center; } } .documents_upper_menu button i { font-family: "Font Awesome 5 Free" !important; } .documents_upper_menu button { margin-bottom: 3px; } @media screen and (max-width: 1199px) { .documents_upper_menu button.button_with_icon, .documents_upper_menu input, .documents_upper_menu select { width: 100% !important; min-width: 100% !important; max-width: 100% !important; display: block; margin-top: 5px; } } .folder_contents { margin: 0px auto 20px; } .folder_contents button span { color: #fff; } .documents_actions_table { display: none; } .documents_main_view .layer_selection_documents { display: flex; justify-content: end; margin-top: 20px; } .documents_main_view .layer_selection_documents button { margin-right: 10px; } @media screen and (max-width: 1199px) { .documents_main_view .layer_selection_documents button { margin-right: 0px; } } .documents_main_view .layer_paste_elements { display: none; } .btn_upload_files_client i, .btn_upload_files_provider i { margin-right: 8px; } .documents_main_view .btn.btn_paste_elements i { display: block; margin-bottom: 5px; font-size: 24px; } @media (max-width: 767px) { .documents_main_view .layer_paste_elements { bottom: 50px; } .documents_main_view .btn.btn_paste_elements { width: 80px; height: 80px; } } .dropdown-menu { display: none; position: absolute; background: #ffffff; border: 2px solid #eeeeee; padding: 15px; border-radius: 4px; z-index: 500; } .dropdown-menu div, .dropdown-menu a { padding: 10px; text-align: center; font-size: 16px; cursor: pointer; cursor: hand; display: block; } .dropdown-menu > div:hover, .dropdown-menu > a:hover { background-color: #f5f5f5; text-decoration: none; } .arrow_box { position: absolute; background: #ffffff; border: 2px solid #eeeeee; padding: 15px; border-radius: 4px; z-index: 500; } .arrow_box:after, .arrow_box:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .arrow_box:before { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eeeeee; border-width: 13px; margin-left: -13px; } .table_mbl_stl2 { width: 100%; text-align: center; } .table_mbl_stl2 .to_left { text-align: left; } .table_mbl_stl2 .info_layer i { font-size: 25px; vertical-align: middle; display: inline-block; } .table_mbl_stl2 .info_layer i.fa-folder { color: #ffe793; } .table_mbl_stl2 .info_layer i.invoices { position: absolute; color: #777; font-size: 14px; left: 17px; top: 14px; } .table_mbl_stl2 .info_layer i.laboral { position: absolute; color: #FF6D00; font-size: 14px; left: 17px; top: 14px; } .table_mbl_stl2 .info_layer i.fa-file-pdf { color: #aa0501; } .table_mbl_stl2 .info_layer i.fa-file-archive { color: #dd9100; } .table_mbl_stl2 .info_layer i.fa-file-powerpoint { color: #f04420; } .table_mbl_stl2 .info_layer i.fa-file-alt { color: #68b1c0; } .table_mbl_stl2 .info_layer i.fa-file-excel { color: #207245; } .table_mbl_stl2 .info_layer i.fa-file-word { color: #2b5794; } .table_mbl_stl2 .info_layer i.fa-file-audio { color: #4CAF50; } .table_mbl_stl2 .info_layer i.fa-file { color: #B388FF; } .table_mbl_stl2 .info_layer i.fa-file-video { color: #827717; } .table_mbl_stl2 .info_layer .icon_layer { display: inline-block; vertical-align: middle; width: 30px; position: relative; } .table_mbl_stl2 .info_layer .name { font-family: poppins_semibold; color: #242526; display: inline-block; margin-left: 10px; vertical-align: middle; cursor: pointer; word-break: break-word; width: calc(100% - 50px); } .table_mbl_stl2 .info_layer .name .extra_info { color: #242526; margin-top: 5px; font-size: 12px; font-family: poppins_regular; } .table_mbl_stl2 .info_layer .name:hover { text-decoration: underline; } .table_mbl_stl2 .info_layer .tag { display: inline-block; vertical-align: middle; font-size: 12px; margin-left: 5px; padding: 3px 5px; } .table_mbl_stl2 .icon_extension { margin: 0px 10px 0 20px; height: 26px; } .table_mbl_stl2 .document_info_elements { white-space: nowrap; text-align: right; } @media (max-width: 1400px) { .table_mbl_stl2 .document_info_elements { display: none; } } .table_mbl_stl2 .document_info_elements div { display: inline-block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #A6B1C2; color: #040E28; font-size: 12px; font-family: poppins_regular; } .table_mbl_stl2 .document_info_elements div img { margin-right: 5px; height: 22px; } .table_mbl_stl2 .document_info_elements div:hover { text-decoration: none; } .table_mbl_stl2 .document_info_elements div:last-child { padding-right: 0; margin-right: 0; border-right: 0; } @media (max-width: 767px) { .table_mbl_stl2 .info_layer .name { font-size: 12px; margin-left: 5px; width: calc(100% - 50px); } .table_mbl_stl2 .info_layer i { font-size: 21px; } .table_mbl_stl2 .info_layer .icon_layer { width: 20px; } } .table_modal_options { display: none; } .communication_open_threads tbody tr td { font-size: 13px; } @media (max-width: 767px) { .table_modal_options { bottom: auto; padding: 6px; top: 60px; background-color: #f0f0f0; } .table_modal_options button { padding: 5px; font-size: 12px; } } .info_communications .text { font-size: 14px; color: #4E5056; line-height: 20px; } .btn_new_infos.infosmosis_create_relation, .btn_new_infos.infosmosis_create_praise, .btn_new_infos.infosmosis_create_event, .btn_new_infos.infosmosis_create_img { display: none; } .btn_new_infos.infosmosis_create_link { border-radius: 0 3px 3px 0; } .btns_comments_desactive_infos, .btns_comments_active_infos .left { width: 115px; min-width: 115px; max-width: 115px; } .btns_comments_active_infos .internal_links { display: none; } .massive_message_feedback { padding: 10px; background-color: #ccc; font-size: 20px; color: #fff; text-align: center; font-weight: 600; display: none; } .title_input { font-weight: 600; color: #4d4d4d; margin-bottom: 5px; } .edition_document { padding: 20px; } .edition_document input { width: 100%; } .fin_form_buttons { text-align: center; padding: 10px; } .contract_info { font-size: 16px; font-weight: 600; text-align: center; } .alert_contract_agency { background-color: #fff; padding: 15px; line-height: 18px; font-size: 16px; margin-bottom: 20px; font-weight: 600; text-align: center; } @media screen and (max-width: 1199px) { .manager_feedback { margin-top: 20px; } } .manager_feedback .avatar { background-size: cover; background-position: 50%; border-radius: 50%; width: 60px; height: 60px; display: inline-block; margin-right: 20px; vertical-align: middle; border: 1px solid #eee; } .manager_feedback .info { display: inline-block; vertical-align: top; width: calc(100% - 110px); font-size: 14px; line-height: 20px; } .manager_feedback .buttons { margin-top: 15px; } .manager_feedback .form .question_text { font-size: 14px; font-weight: bold; color: #4d4d4d; margin-bottom: 10px; margin-top: 20px; } .manager_feedback .form .question_value { text-align: center; } .manager_feedback .form .question_value > div { display: inline-block; min-width: 8%; } .manager_feedback .form .question_value > div label { font-size: 13px; } .manager_feedback .form .question_value textarea { width: 100%; height: 80px; } .manager_feedback .form_success { font-size: 14px; text-align: center; margin: 20px; color: #4CAF50; display: none; } @media (max-width: 767px) { .manager_feedback .avatar { display: block; margin: 10px auto; } .manager_feedback .info { display: block; width: 100%; font-size: 12px; line-height: 14px; } .manager_feedback .info b { font-size: 12px; } } .form_error { font-size: 14px; text-align: center; margin: 20px; color: #F44336; display: none; } .summary_title { font-size: 16px; font-weight: 600; padding: 9px; background-color: #66a594; color: #fff; } .summary_tasks { border-radius: 3px; margin-bottom: 20px; } .summary_tasks .summary_no_elements { padding: 15px; font-size: 14px; color: #4d4d4d; text-align: center; } .summary_tasks .summary_task { padding: 10px; border-bottom: 1px solid #ddd; cursor: pointer; cursor: hand; } .summary_tasks .summary_task .name { font-size: 14px; color: #4d4d4d; } .summary_tasks .summary_task:hover { background-color: #f0f0f0; } .summary_docs { border-radius: 3px; margin-bottom: 20px; } .summary_docs .summary_no_elements { padding: 15px; font-size: 14px; color: #4d4d4d; text-align: center; } .summary_docs .summary_doc { padding: 10px; border-bottom: 1px solid #ddd; cursor: pointer; cursor: hand; } .summary_docs .summary_doc .icon { display: inline-block; vertical-align: top; } .summary_docs .summary_doc .icon i { color: #666; font-size: 24px; margin-right: 10px; } .summary_docs .summary_doc .content { display: inline-block; vertical-align: top; } .summary_docs .summary_doc .content .name { font-size: 14px; color: #4d4d4d; } .summary_docs .summary_doc .content .time { font-size: 12px; color: #666; } .summary_docs .summary_doc:hover { background-color: #f0f0f0; } .no_trending_docs { padding: 15px; font-size: 14px; color: #4d4d4d !important; text-align: center; } .tr_trending_doc { margin: 15px; width: calc(100% - 30px); } .tasks_wgs_infographic_column.active button { background-color: #283051 !important; transition: all 0.3 ease; } .btn-primary, .cl-bg-color-1 { background-color: #71b7a4; transition: all 0.3s ease; } .btn-primary:hover, .cl-bg-color-1:hover { background-color: #283051; } .no_more_to_show { background-color: #66a594 !important; } .logs_container_view_2 a { color: #66a594 !important; } .card_estimated_time { display: none; } .milestone_panel.detailed .estimated_time_field { width: 100% !important; } .card.responsible_field { width: calc(100% - 10px) !important; } .panel.explanation { padding: 40px; text-align: center; font-weight: 300; font-size: 16px; line-height: 25px; position: relative; } @media (max-width: 767px) { .panel.explanation { padding: 20px; font-size: 14px; line-height: 18px; } } .panel.explanation .icon_remove { position: absolute; top: 10px; right: 10px; font-size: 26px; color: #4d4d4d; cursor: pointer; } .panel.explanation button { display: block; width: 220px; border-radius: 20px; margin: 20px auto 0; } .document_generating_zip { margin: 20px; text-align: center; } .document_generating_zip_text { font-size: 18px; margin-top: 20px; color: #4d4d4d; font-weight: 600; } .document_comments .form_talk .btn_add_url, .document_comments .form_talk .btn_configure_permissions { display: none; } .labels_wrapper .labels_selector .searcher { text-align: center; } .labels_wrapper .labels_selector .searcher input { margin: 20px auto; width: 100%; } .labels_wrapper .labels_selector .label_layer { display: inline-block; vertical-align: middle; white-space: nowrap; margin: 0 20px 10px 0; font-size: 14px; border-radius: 3px; padding: 3px 5px; border-width: 1px; border-style: solid; cursor: pointer; font-weight: 600; transition: all 0.2s ease; opacity: 0.6; } .labels_wrapper .labels_selector .label_layer.selected { transform: scale(1.2); opacity: 1; } .labels_wrapper .labels_selector .labels_list { padding-bottom: 5px; } .labels_wrapper .labels_selector .labels_list .msg_no_labels { text-align: center; margin: 20px; color: #666; font-size: 16px; } .labels_wrapper .labels_management { display: none; } .labels_wrapper .labels_management .label_layer { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; } .labels_wrapper .labels_management .label_layer input[type=text] { display: inline-block; vertical-align: middle; width: calc(100% - 150px); } .labels_wrapper .labels_management .label_layer .color_layer { width: 34px; height: 34px; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0px 5px; border: 4px solid #eee; border-radius: 3px; position: relative; } .labels_wrapper .labels_management .label_layer .color_layer i { position: absolute; bottom: -1px; right: 3px; } .labels_wrapper .labels_management .label_layer button { width: 100px; display: inline-block; vertical-align: middle; } .labels_wrapper .labels_management .btn_add_label { margin-top: 10px; } .labels_wrapper .labels_management .fin_colorpicker { display: none; position: absolute; background-color: #fff; padding: 10px; margin-left: -63px; text-align: center; box-shadow: 0px 2px 6px 0px #ccc; border-radius: 3px; } .labels_wrapper .labels_management .fin_colorpicker .colorpicker { margin-right: 0px; margin-bottom: 20px; } .labels_wrapper .labels_management .fin_colorpicker .aoc_form_buttons button { margin: 5px; } .document_indicators .indicator { display: inline-block; vertical-align: middle; font-size: 14px; color: #040E28; margin-right: 10px; font-family: "poppins_medium"; } .document_indicators .indicator:first-child { border-right: 1px solid #A6B1C2; padding-right: 10px; } .document_indicators .indicator i { font-size: 18px; color: #2b5794; } .document_indicators .indicator i.fa-folder { color: #ffe793; } .form_talk .btn_add_url, .form_talk .btn_configure_permissions { display: none; } .agency_communication .social_layer_component { margin: 0px 20px; } .agency_communication .option_section_social_layer { display: none; } .agency_communication .aml_social_layer_title { display: none; } .agency_communication .no_managers { font-size: 18px; text-align: center; line-height: 20px; color: #676767; padding: 20px; font-weight: 600; } @media (max-width: 767px) { #agency_content { padding: 0 !important; } .agency_communication { padding: 0px; } .agency_communication .social_layer_component { margin: 0px 5px; } } .promotions_layer { padding: 10px 5px; line-height: 25px; } .promotions_layer .form { line-height: 14px; } .panel-height-1 .dashboard_last_documents .list { white-space: nowrap; } .dashboard_last_documents .list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -10px; margin-top: -5px; } .dashboard_last_documents .list .document { display: inline-block; vertical-align: top; width: 155px; text-align: center; margin: 5px; cursor: pointer; padding: 15px 10px 10px; border-radius: 3px; background-color: #fafafa; } .dashboard_last_documents .list .document:hover { background-color: #eee; } .dashboard_last_documents .list .document > div { font-size: 11px; word-break: break-word; color: #444; white-space: initial; margin-top: 10px; height: 30px; overflow: hidden; } .dashboard_last_documents .list .document i { font-size: 32px; } .dashboard_last_documents .list .document i.fa-file-pdf { color: #aa0501; } .dashboard_last_documents .list .document i.fa-file-archive { color: #dd9100; } .dashboard_last_documents .list .document i.fa-file-powerpoint { color: #f04420; } .dashboard_last_documents .list .document i.fa-file-alt { color: #68b1c0; } .dashboard_last_documents .list .document i.fa-file-excel { color: #207245; } .dashboard_last_documents .list .document i.fa-file-word { color: #2b5794; } .dashboard_last_documents .list .document i.fa-file-audio { color: #4CAF50; } .dashboard_last_documents .list .document i.fa-file { color: #B388FF; } .dashboard_last_documents .list .document i.fa-file-video { color: #827717; } .icon_upload { -webkit-mask: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/document_manager/icon_uploaded.svg) no-repeat center; mask: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/document_manager/icon_uploaded.svg) no-repeat center; } .icon_mail { -webkit-mask: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/document_manager/icon_mail.svg) no-repeat center; mask: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/document_manager/icon_mail.svg) no-repeat center; } .icon_folder { -webkit-mask: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/document_manager/icon_folder.svg) no-repeat center; mask: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/document_manager/icon_folder.svg) no-repeat center; } .documents_grid_content { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } @media screen and (max-width: 1199px) { .documents_grid_content { grid-template-columns: 1fr; } } .documents_grid_content .finutive_content { height: 500px; overflow: auto; } .form_talk { margin: 20px auto; background-color: #fff; border-radius: 3px; box-shadow: 0 2px 11px 1px rgba(150, 150, 150, 0.1); padding: 20px 20px 10px; } .form_talk .avatar { display: inline-block; vertical-align: top; width: 80px; height: 80px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; box-shadow: 0 2px 11px 1px rgba(0, 0, 0, 0.1); } .form_talk .form { display: inline-block; vertical-align: top; width: calc(100% - 110px); margin-left: 20px; padding: 0px; } .form_talk .form > .row { margin-right: 0px; margin-left: 0px; } .form_talk .form > .row > div:first-child { padding-left: 0px; } .form_talk .form > .row > div:last-child { padding-right: 0px; } @media (max-width: 767px) { .form_talk .form > .row > div:first-child { padding-right: 0px; } .form_talk .form > .row > div:last-child { padding-left: 0px; padding-bottom: 5px; } } .form_talk .form .title_input { width: 100%; font-size: 14px; border: 1px solid #ddd; font-weight: 400; } .form_talk .form select { width: 100%; font-size: 14px; } .form_talk .form textarea { width: 100%; font-size: 14px; color: #4d4d4d; border: 1px solid #ddd; padding: 10px; vertical-align: middle; border-radius: 3px; height: 60px; line-height: 18px; box-sizing: border-box; overflow: hidden !important; } .form_talk .form textarea:hover, .form_talk .form textarea:focus { box-shadow: none; } @media (max-width: 767px) { .form_talk .form textarea { font-size: 12px; padding: 5px; } } .form_talk .form .form_options { margin-top: 10px; padding: 10px 0; border-top: 1px solid #eee; font-size: 0px; } @media (max-width: 767px) { .form_talk .form .form_options { padding-bottom: 0; } } .form_talk .form .form_options .attachments { float: left; } .form_talk .form .form_options .attachments button { padding: 7px 13px; background-color: #f0f0f0; border: 0; border-radius: 20px; font-size: 13px; color: #4d4d4d; font-weight: 600; cursor: pointer; cursor: hand; margin-right: 15px; transition: all 0.1s ease; } .form_talk .form .form_options .attachments button i { margin-right: 5px; font-size: 16px; vertical-align: bottom; } .form_talk .form .form_options .attachments button:hover { background-color: #4c8df5; color: #fff; } @media (max-width: 767px) { .form_talk .form .form_options .attachments button { padding: 7px; font-size: 0; margin-top: -5px; margin-bottom: 2px; } .form_talk .form .form_options .attachments button i { margin: 5px; font-size: 14px; } } .form_talk .form .form_options .main_options { float: right; } .form_talk .form .form_options .main_options input[type=checkbox] { display: none; vertical-align: middle; } .form_talk .form .form_options .main_options input[type=checkbox] + label.send_email_check span { display: inline-block; width: 20px; height: 20px; background-color: #ccc; cursor: pointer; cursor: hand; vertical-align: middle; margin-right: 10px; position: relative; background-image: none; display: none; margin-right: -39px; margin-bottom: -23px; border-radius: 50%; border: 1px solid #fff; } .form_talk .form .form_options .main_options input[type=checkbox] + label.send_email_check span:after { content: ""; position: absolute; left: 7px; top: 3px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: content-box; } .form_talk .form .form_options .main_options input[type=checkbox]:checked + label.send_email_check span { background-color: #4c8df5; display: inline-block; } .form_talk .form .form_options .main_options i { color: #777; font-size: 25px; margin-right: 20px; vertical-align: middle; cursor: pointer; cursor: hand; } .form_talk .form .form_options .main_options input[type=checkbox]:checked + label.send_email_check i { color: #4c8df5; } .form_talk .form .form_options .main_options button { width: 100px; border-radius: 20px; color: #fff; background-color: #4c8df5 !important; font-weight: 600; border: 2px solid #4c8df5 !important; transition: all 0.3s ease; } .form_talk .form .form_options .main_options button:hover { color: #4c8df5 !important; background-color: #fff !important; } .form_talk .form .form_options .main_options button:disabled { background-color: #f0f0f0 !important; color: #aaa !important; border-color: #f0f0f0 !important; } @media (max-width: 767px) { .form_talk .form .form_options .main_options { float: none; clear: both; } .form_talk .form .form_options .main_options label { float: right; margin-top: -35px; margin-bottom: 25px; } .form_talk .form .form_options .main_options button { clear: both; width: 100%; display: block; padding: 5px; font-size: 12px; } .form_talk .form .form_options .main_options input[type=checkbox] + label span { width: 16px; height: 16px; margin-right: -37px; margin-bottom: -21px; } .form_talk .form .form_options .main_options input[type=checkbox] + label span:after { left: 5px; top: 3px; width: 2px; height: 5px; } } .form_talk .form .attachments_list { display: none; } .form_talk .form .attachments_list .attachments_title { font-size: 14px; font-weight: 600; color: #222; margin-top: 10px; } .form_talk .form .attachments_list .attachments_content .file { padding: 5px 5px 5px 10px; display: inline-block; margin: 5px 10px 5px 0px; vertical-align: middle; background-color: #f0f0f0; color: #4d4d4d; border-radius: 3px; border: 1px solid #ddd; } .form_talk .form .attachments_list .attachments_content .file.is_loading { opacity: 0.5; } .form_talk .form .attachments_list .attachments_content .file > i { vertical-align: middle; } .form_talk .form .attachments_list .attachments_content .file .name { display: inline-block; vertical-align: middle; margin: 0px 10px; } .form_talk .form .attachments_list .attachments_content .file .close_icon { display: inline-block; vertical-align: middle; padding: 5px; cursor: pointer; } .form_talk .form .attachments_list .attachments_content .file .close_icon i { font-size: 14px; } .form_talk .form .urls_list { display: none; } .form_talk .form .urls_list .urls_title { font-size: 14px; font-weight: 600; color: #222; margin-top: 10px; } .form_talk .form .urls_list .link_layer { position: relative; font-size: 0; margin: 10px auto; border: 1px solid #eee; width: 100%; border-radius: 3px; background-color: #fff; } .form_talk .form .urls_list .link_layer .close_icon { position: absolute; top: 10px; right: 10px; cursor: pointer; cursor: hand; } .form_talk .form .urls_list .link_layer .close_icon i { font-size: 16px; color: #aaa; } .form_talk .form .urls_list .link_layer .name { font-weight: 600; font-size: 14px; margin-bottom: 15px; } .form_talk .form .urls_list .link_layer .image { display: inline-block; vertical-align: top; width: 150px; height: 115px; background-size: cover; background-position: 50%; border-radius: 3px 0 0 3px; } .form_talk .form .urls_list .link_layer .link_content { display: inline-block; vertical-align: top; padding: 10px; } .form_talk .form .urls_list .link_layer .link_content.with_image { width: calc(100% - 150px); } .form_talk .form .urls_list .link_layer .description { font-size: 12px; line-height: 16px; color: #555; } .form_talk .form .urls_list .link_layer .url { margin-top: 20px; } .form_talk .form .urls_list .link_layer .url a { color: #aaa; font-size: 12px; text-decoration: none; } .form_talk .errorMsg { display: none; color: #F44336; padding: 5px; text-align: center; font-weight: 600; font-size: 12px; } @media (max-width: 767px) { .form_talk { padding: 10px 5px 5px; margin: 10px auto; } .form_talk .avatar { display: none; } .form_talk .form { display: block; width: 100%; margin-left: 0px; } } .modalDialog { position: absolute; background: #ffffff; border: 2px solid #eeeeee; padding: 15px; border-radius: 4px; z-index: 5500; max-width: 90vw; } .modalDialog.dropdown { padding: 0px; } .modalDialog.dropdown .dropdown_option { color: #666; font-size: 14px; padding: 15px 20px; text-align: center; transition: all 0.1s ease; font-weight: 600; cursor: pointer; } .modalDialog.dropdown .dropdown_option:hover { color: #fff; background-color: #4c8df5; } .modalDialog.dropdown .dropdown_option.warning { font-style: normal; } .modalDialog.dropdown .dropdown_option.warning:hover { background-color: #F44336; } .modalDialog input { display: block; max-width: 80vw; width: 350px; border: 1px solid #ccc; padding: 3px; color: #4d4d4d; } .modalDialog .errorMsg { color: #F44336; margin-top: 10px; font-size: 12px; text-align: center; display: none; font-style: italic; font-weight: 600; } .dialog_box { position: absolute; background: #3E2723; z-index: 4000; max-width: 90vw; color: #fff; padding: 15px; border-radius: 3px; } .dialog_box:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(62, 39, 35, 0); border-bottom-color: #3E2723; border-width: 6px; margin-left: -6px; } .social_layer_configure_destinataries .destinataries { margin-top: 5px; } .social_layer_configure_destinataries .destinataries .destinatary { font-size: 12px; padding: 5px; background-color: #f5f5f5; border-radius: 3px; border: 1px solid #eee; margin: 5px 5px 0px 0px; display: inline-block; } .social_layer_configure_destinataries .destinataries .destinatary .close_icon { margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; padding: 0px; color: #666; } .social_layer_configure_destinataries .destinataries .destinatary .close_icon i { font-size: 12px; } .social_layer_configure_destinataries .results { position: absolute; z-index: 200; background-color: #fff; border: 1px solid #eee; box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.05); border-radius: 0 3px 3px 0; } .social_layer_configure_destinataries .results .result { padding: 5px 10px; border-bottom: 1px solid #eee; cursor: pointer; cursor: hand; } .social_layer_configure_destinataries .results .result.selected { background-color: #FFF9C4; } .social_layer_configure_destinataries .results .result .image { display: inline-block; vertical-align: middle; width: 32px; } .social_layer_configure_destinataries .results .result .image img { border-radius: 50%; width: 32px; height: 32px; cursor: pointer; cursor: hand; } .social_layer_configure_destinataries .results .result .name { display: inline-block; vertical-align: middle; width: calc(100% - 50px); margin-left: 10px; color: #4d4d4d; font-size: 12px; } .social_layer_configure_destinataries .results .view_more_layer { padding: 10px; text-align: center; } @keyframes heart-burst { from { background-position: left; } to { background-position: right; } } .talk_layer { margin: 20px auto; background-color: #fff; border-radius: 3px; box-shadow: 0 2px 11px 1px rgba(150, 150, 150, 0.1); position: relative; border: 1px solid #eee; } @media (max-width: 767px) { .talk_layer { margin: 10px auto; } } .talk_layer .title_input { display: none; } .talk_layer .responsible_input { display: none; } .talk_layer .more_actions_icon { position: absolute; color: #4c8df5; font-size: 20px; top: 5px; right: 5px; cursor: pointer; cursor: hand; padding: 10px; text-align: center; } @media (max-width: 767px) { .talk_layer .more_actions_icon { top: 0; right: 0; } } .talk_layer.closed .more_actions_icon { top: 50px; } .talk_layer .talk_padding { padding: 20px; } @media (max-width: 767px) { .talk_layer .talk_padding { padding: 10px; } } .talk_layer .avatar { display: inline-block; width: 60px; height: 60px; border-radius: 50%; background-size: cover; background-position: 50%; background-color: #fff; border: 1px solid #f5f5f5; } @media screen and (max-width: 767px) { .talk_layer .avatar { width: 46px; height: 46px; margin-top: -5px; } } .talk_layer .content_talk { display: inline-block; width: calc(100% - 90px); position: relative; margin-left: 20px; vertical-align: top; } @media screen and (max-width: 767px) { .talk_layer .content_talk { margin-left: 10px; } } .talk_layer .content_talk .username { font-weight: 600; color: #4c8df5; font-size: 16px; } .talk_layer .content_talk .username span { font-weight: 300; color: #888; } @media screen and (max-width: 767px) { .talk_layer .content_talk .username { font-size: 12px; } .talk_layer .content_talk .username span { font-size: 12px; } } .talk_layer .content_talk .date { font-size: 14px; color: #999; margin-top: 1px; } @media screen and (max-width: 767px) { .talk_layer .content_talk .date { font-size: 12px; margin-top: 0px; } } .talk_layer .content_talk .responsible { font-size: 13px; color: #999; margin-top: 0px; } .talk_layer .content_talk .responsible b { color: #4c8df5; } @media (max-width: 767px) { .talk_layer .content_talk .responsible b { font-size: 12px; } } @media screen and (max-width: 767px) { .talk_layer .content_talk .responsible { font-size: 11px; margin-top: 0px; } } .talk_layer .text { font-size: 14px; line-height: 22px; color: #7d7d7d; margin-top: 20px; position: relative; word-break: break-word; } @media screen and (max-width: 767px) { .talk_layer .text { font-size: 12px; line-height: 18px; margin-top: 10px; } } .talk_layer .text.shorten { height: 200px; overflow: hidden; } .talk_layer .text .read_more { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 36%, rgb(255, 255, 255) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 36%, rgb(255, 255, 255) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 36%, rgb(255, 255, 255) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 ); text-align: center; padding: 15px; font-size: 14px; font-weight: 600; color: #4c8df5; position: absolute; width: 100%; left: 0; bottom: 0px; cursor: pointer; cursor: hand; } .talk_layer .attachments { background-color: #f5f5f5; } @media screen and (max-width: 767px) { .talk_layer .attachments { margin-top: 10px; } } .talk_layer .attachments .attachment_image { height: 80px; width: 80px; background-size: cover; background-position: 50%; border: 1px solid #ddd; display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer; cursor: hand; } .talk_layer .attachments .attachment { height: 80px; width: 120px; display: inline-block; vertical-align: middle; margin-right: 10px; border: 1px solid #ddd; cursor: pointer; cursor: hand; } .talk_layer .attachments .attachment:hover { text-decoration: none; } .talk_layer .attachments .attachment .attachment_bg { height: 60px; background-color: #fafafa; text-align: center; padding-top: 10px; } .talk_layer .attachments .attachment .attachment_bg i { color: #ccc; font-size: 40px; } .talk_layer .attachments .attachment .attachment_name { text-overflow: ellipsis; overflow: hidden; height: 20px; white-space: nowrap; font-size: 11px; line-height: 20px; padding: 0 5px; } .talk_layer .element_related { position: relative; font-size: 14px; color: #4d4d4d; margin: 10px auto; border: 1px solid #eee; width: 100%; border-radius: 3px; display: block; text-decoration: none; background-color: #fff; padding: 10px; font-weight: 600; cursor: pointer; cursor: hand; } @media (max-width: 767px) { .talk_layer .element_related { font-size: 12px; padding: 5px; } } .talk_layer .link_message { position: relative; font-size: 0; margin: 10px auto; border: 1px solid #eee; width: 100%; border-radius: 3px; display: block; text-decoration: none; background-color: #fff; } .talk_layer .link_message .name { font-weight: 600; font-size: 14px; margin-bottom: 15px; } .talk_layer .link_message .link_image { display: inline-block; vertical-align: top; width: 150px; height: 115px; background-size: cover; background-position: 50%; border-radius: 3px 0 0 3px; } .talk_layer .link_message .link_content { display: inline-block; vertical-align: top; background-color: #fff; padding: 10px; } .talk_layer .link_message .link_content.with_image { width: calc(100% - 150px); } .talk_layer .link_message .description { font-size: 12px; line-height: 16px; color: #555; } .talk_layer .link_message .url { margin-top: 20px; word-break: break-all; } .talk_layer .link_message .url a { color: #aaa; font-size: 12px; text-decoration: none; } .talk_layer .talk_footer { border-top: 1px solid #eee; margin-top: 10px; padding: 10px 10px 0; font-size: 0; } .talk_layer .talk_footer .likes { display: inline-block; vertical-align: middle; width: calc(100% - 100px); } .talk_layer .talk_footer .button_reply { display: inline-block; vertical-align: middle; width: 100px; text-align: right; } .talk_layer .talk_footer .button_reply button { width: 100%; border-radius: 20px; background-color: #fff; color: #4c8df5 !important; font-weight: 600; border: 2px solid #4c8df5 !important; transition: all 0.3s ease; } .talk_layer .talk_footer .button_reply button:hover { background-color: #4c8df5 !important; color: #fff !important; } @media (max-width: 767px) { .talk_layer .talk_footer .button_reply button { font-size: 12px; padding: 5px; } } .talk_layer .talk_footer .like_icon { display: inline-block; vertical-align: middle; cursor: pointer; height: 30px; width: 70px; background-image: url("https://webintra.net/app/14cd836e31708e252adb819e2243e99f902e28d48d383b870c7fb8fb94a836afe3e66e7072efdca9a98e4ca56617e85761de69caac22b6f5de298f337a0d23c26b8421855cee1536741214/img/heart.png"); background-position: left; background-repeat: no-repeat; background-size: 2900%; margin-left: -20px; margin-right: -15px; } .talk_layer .talk_footer .like_icon.active { background-position: right; } .talk_layer .talk_footer .like_icon.is_animating { animation: heart-burst 0.8s steps(28) 1; } .talk_layer .talk_footer .likes_number { display: inline-block; vertical-align: middle; color: #999; font-size: 16px; } .talk_layer .talk_footer .likes_avatars { display: inline-block; margin-left: 10%; vertical-align: middle; } .talk_layer .talk_footer .likes_avatars > img { width: 32px; height: 32px; margin-left: -16px; border-radius: 50%; background-color: #fff; } .talk_layer .talk_footer .likes_names { display: inline-block; margin-left: 1%; vertical-align: middle; color: #4d4d4d; font-size: 14px; } @media screen and (max-width: 767px) { .talk_layer .talk_footer .likes_names { display: none; } } @media (max-width: 767px) { .talk_layer .talk_footer .like_icon { width: 50px; } .talk_layer .talk_footer .likes_number { font-size: 12px; } .talk_layer .talk_footer .likes_avatars > img { width: 24px; height: 24px; } } .talk_layer .answers { background-color: #fafbfd; } .talk_layer .answers .viewMoreReplies { padding: 15px; color: #222; font-weight: 600; cursor: pointer; cursor: hand; } .talk_layer .answers .answer { border-top: 1px solid #eee; padding: 20px 40px 10px 40px; position: relative; } .talk_layer .answers .answer .more_actions_icon { font-size: 16px; } .talk_layer .answers .answer .avatar { width: 42px; height: 42px; } .talk_layer .answers .answer .username { font-size: 14px; } @media screen and (max-width: 767px) { .talk_layer .answers .answer .username { font-size: 12px; } } .talk_layer .answers .answer .username span { font-size: 12px; } .talk_layer .answers .answer .date { font-size: 12px; } .talk_layer .answers .answer .text { font-size: 13px; line-height: 18px; } .talk_layer .answers .answer .text.shorten { height: 200px; overflow: hidden; } .talk_layer .answers .answer .text .read_more { background: -moz-linear-gradient(top, rgba(250, 251, 253, 0) 0%, rgba(250, 251, 253, 0.8) 36%, rgb(250, 251, 253) 100%); background: -webkit-linear-gradient(top, rgba(250, 251, 253, 0) 0%, rgba(250, 251, 253, 0.8) 36%, rgb(250, 251, 253) 100%); background: linear-gradient(to bottom, rgba(250, 251, 253, 0) 0%, rgba(250, 251, 253, 0.8) 36%, rgb(250, 251, 253) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00fafbfd", endColorstr="#fafbfd",GradientType=0 ); text-align: center; padding: 15px; font-size: 14px; font-weight: 600; color: #4c8df5; position: absolute; width: 100%; left: 0; bottom: 0px; cursor: pointer; cursor: hand; } .talk_layer .answers .answer .likes_names { font-size: 12px; } .talk_layer .answers .answer .like_icon { width: 55px; } .talk_layer .answers .answer .likes_number { font-size: 12px; } .talk_layer .reply_form { display: none; } .talk_layer .reply_form .form_talk { background-color: #f5f5f5; box-shadow: none; border: 1px solid #eee; border-radius: 0; margin: 0px; } .talk_layer .reply_form .form_talk .form_options { border-top: 1px solid #ddd; } .talk_layer .reply_form .form_talk .form_options .attachments button { background-color: #ddd; } .talk_layer .reply_form .form_talk .form_options .attachments button:hover { background-color: #4c8df5; } @media screen and (max-width: 767px) { .talk_layer .reply_form .form_talk .avatar { display: none; } } .talk_layer .closed_thread { background-color: #FF5722; text-align: center; font-weight: 600; font-size: 14px; padding: 10px; color: #fff; } .social_image_modal { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center; z-index: 1000; } .social_image_modal img { position: absolute; max-width: 80%; max-height: 80%; top: 50%; transform: translate(-50%, -50%); left: 50%; } .social_layer_spinner { font-size: 100px; position: relative; margin: 0 auto; border-radius: 50%; width: 40px; height: 40px; list-style: none; margin-top: -3px; } .social_layer_spinner li { position: absolute; width: 10px; height: 10px; border-radius: 50%; } .social_layer_spinner li:nth-child(1) { left: 50%; top: 0; margin: 3px 0 0 -5px; background: #00C176; -webkit-transform-origin: 50% 200%; -moz-transform-origin: 50% 200%; -ms-transform-origin: 50% 200%; -o-transform-origin: 50% 200%; transform-origin: 50% 200%; -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } .social_layer_spinner li:nth-child(2) { top: 50%; right: 0; margin: -6px 6px 0 0; background: #FF003C; -webkit-transform-origin: -100% 50%; -moz-transform-origin: -100% 50%; -ms-transform-origin: -100% 50%; -o-transform-origin: -100% 50%; transform-origin: -100% 50%; -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } .social_layer_spinner li:nth-child(3) { left: 50%; bottom: 0; margin: 0px 0px 5px -5px; background: #FABE28; -webkit-transform-origin: 50% -100%; -moz-transform-origin: 50% -100%; -ms-transform-origin: 50% -100%; -o-transform-origin: 50% -100%; transform-origin: 50% -100%; -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } .social_layer_spinner li:nth-child(4) { top: 50%; left: 0; margin: -7px 0 0 6px; background: #88C100; -webkit-transform-origin: 200% 50%; -moz-transform-origin: 200% 50%; -ms-transform-origin: 200% 50%; -o-transform-origin: 200% 50%; transform-origin: 200% 50%; -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } @-webkit-keyframes rota { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rota { to { -moz-transform: rotate(360deg); } } @-ms-keyframes rota { to { -ms-transform: rotate(360deg); } } @-o-keyframes rota { to { -o-transform: rotate(360deg); } } @keyframes rota { to { transform: rotate(360deg); } } @-webkit-keyframes opa { 12.0% { opacity: 0.8; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.6; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.6; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-moz-keyframes opa { 12.0% { opacity: 0.8; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.6; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.6; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-ms-keyframes opa { 12.0% { opacity: 0.8; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.6; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.6; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-o-keyframes opa { 12.0% { opacity: 0.8; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.6; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.6; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @keyframes opa { 12.0% { opacity: 0.8; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.6; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.6; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } .view_more_logs { text-align: center; padding: 15px; } .view_more_logs button { border-radius: 30px; font-size: 18px; padding: 10px 50px; font-weight: 600; } @media (max-width: 767px) { .view_more_logs button { font-size: 14px; padding: 5px 30px; text-shadow: none; } } .document_preview_image { max-width: 100%; display: block; margin: 0 auto; } .social_creation_task { width: 400px; max-width: 90vw; } .social_creation_task select, .social_creation_task input, .social_creation_task textarea { width: 100%; } .tasks_versions_buttons { float: right; margin: 0px 20px 20px; font-size: 0; } .tasks_versions_buttons > div { display: inline-block; cursor: pointer; padding: 10px; background-color: #eee; border: 1px solid #ddd; } .tasks_versions_buttons > div i { font-size: 20px; color: #777; } .tasks_versions_buttons > div.active i { color: #fff; } .tasks_versions_buttons > div:last-child { border-left: 0px; } .tasks_view { clear: both; } .tasks_view * { box-sizing: border-box; } .milestone_panel { padding: 20px; } .milestone_panel * { box-sizing: border-box; } .milestone_panel.hidden { display: none; } .milestone_panel.divided { display: inline-block; vertical-align: top; width: 48%; margin: 0 1%; } .milestone_panel.detailed { background-color: #fff; position: relative; } .milestone_panel.detailed .task_detailed_view { font-size: 0px; } .milestone_panel.detailed .task_detailed_view .documents_list { margin: 20px 0; } .milestone_panel.detailed .btn_layer_options { position: absolute; right: 0px; top: 0px; background-color: #f5f5f5; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: pointer; display: none; } .milestone_panel.detailed .btn_layer_options > div { display: inline-block; vertical-align: middle; padding: 3px 5px; } .milestone_panel.detailed .btn_layer_options > div i { color: #888; font-size: 16px; } .milestone_panel.detailed .btn_layer_options .btn_minimize { display: none; } .milestone_panel.detailed .btn_layer_options .btn_close { border-left: 1px solid #eee; } .milestone_panel.detailed.maximize { display: block; width: 100%; } .milestone_panel.detailed.maximize .btn_layer_options .btn_minimize { display: inline-block; } .milestone_panel.detailed.maximize .btn_layer_options .btn_maximize { display: none; } .milestone_panel.detailed .btn_back { float: left; cursor: pointer; color: #888; font-size: 25px; margin-top: -2px; } .milestone_panel.detailed .btn_options { float: right; cursor: pointer; color: #888; font-size: 25px; margin-top: -2px; } .milestone_panel.detailed .title { border-bottom-style: solid; border-bottom-width: 3px; padding: 0 30px 5px 30px; margin: 0 auto; } @media (max-width: 767px) { .milestone_panel.detailed .title { padding: 0px 5px 5px 5px; } } .milestone_panel.detailed .input_name { background-color: transparent; width: 100%; border: 1px solid transparent !important; color: #4b4b4b; text-align: center; font-weight: 600; font-size: 18px; letter-spacing: 0.05rem; } .milestone_panel.detailed .input_name:hover, .milestone_panel.detailed .input_name.active { background-color: #fff; border: 1px solid #ccc !important; box-shadow: none; } .milestone_panel.detailed .parent_indicator { display: inline-block; float: left; padding: 5px; color: #fff; margin: 20px 5px 20px 0px; cursor: pointer; font-weight: 600; } .milestone_panel.detailed .status { display: inline-block; float: right; padding: 5px; color: #fff; margin: 20px 0px 20px 0px; cursor: pointer; font-weight: 600; } .milestone_panel.detailed .status.not_started { background-color: #90CAF9; } .milestone_panel.detailed .status.completed { background-color: #4CAF50; } .milestone_panel.detailed .status.in_process { background-color: #03A9F4; } .milestone_panel.detailed .status.cancelled { background-color: #E53935; } .milestone_panel.detailed .priority_indicator { display: inline-block; float: right; padding: 5px; color: #fff; float: right; margin: 20px 5px 20px 0px; cursor: pointer; font-weight: 600; } .milestone_panel.detailed .priority_indicator.very_low { background-color: #8BC34A; } .milestone_panel.detailed .priority_indicator.low { background-color: #CDDC39; } .milestone_panel.detailed .priority_indicator.medium { background-color: #FBC02D; } .milestone_panel.detailed .priority_indicator.high { background-color: #FF5722; } .milestone_panel.detailed .priority_indicator.very_high { background-color: #F44336; } .milestone_panel.detailed .input_description { clear: both; color: #444444; font-size: 14px; line-height: 20px; margin-top: 10px; width: 100%; min-height: 40px; background-color: transparent; border: 1px solid transparent !important; box-sizing: border-box; overflow-x: hidden; margin-bottom: 20px; } .milestone_panel.detailed .input_description:hover, .milestone_panel.detailed .input_description.active { background-color: #fff; border: 1px solid #ccc !important; box-shadow: none; } .milestone_panel.detailed .dates_layer { text-align: center; } .milestone_panel.detailed .dates_layer .dates { text-transform: capitalize; margin-top: 10px; } .milestone_panel.detailed .dates_layer .dates i { font-size: 20px; color: #444; margin: 0 10px; } .milestone_panel.detailed .dates_layer .dates .start_date, .milestone_panel.detailed .dates_layer .dates .end_date { display: inline-block; vertical-align: text-top; cursor: pointer; } .milestone_panel.detailed .dates_layer input { display: none; } .milestone_panel.detailed .responsible_field { display: inline-block; width: calc(50% - 10px); vertical-align: top; } .milestone_panel.detailed .estimated_time_field { display: inline-block; width: 50%; vertical-align: top; } .milestone_panel.detailed .estimated_time_field input { width: 50px; margin-top: 20px; } .milestone_panel.detailed .estimated_time_field .card { margin-bottom: 10px; } .milestone_panel.detailed.divided .estimated_time_field { display: block; width: 100%; } .milestone_panel.detailed.divided .estimated_time_field .card { margin: 0 0 20px; } .milestone_panel.detailed.divided .responsible_field { display: block; width: 100%; } .milestone_panel.detailed .title_section { border-left-style: solid; border-left-width: 5px; padding-left: 6px; color: #4c4c4c; font-size: 18px; font-weight: 600; } .milestone_panel.detailed .title_section input { color: #4c4c4c !important; font-size: 18px !important; font-weight: 600; border: 1px solid transparent !important; margin: -3px 0px !important; padding: 0 !important; } .milestone_panel.detailed .title_section input:hover, .milestone_panel.detailed .title_section input:focus, .milestone_panel.detailed .title_section input:active { border: 1px solid #ccc !important; } @media (max-width: 767px) { .milestone_panel.detailed .title_section { font-size: 14px; } .milestone_panel.detailed .title_section input { font-size: 14px !important; } .milestone_panel.detailed .priority_indicator, .milestone_panel.detailed .status, .milestone_panel.detailed .parent_indicator { font-size: 12px; padding: 3px; margin: 10px 5px 10px 0px; } .milestone_panel.detailed .input_description { font-size: 12px; margin-bottom: 10px; } .milestone_panel.detailed .dates .start_date, .milestone_panel.detailed .dates .end_date { font-size: 12px; } } .milestone_panel.detailed .members { margin: 20px auto 0; width: 96%; } .milestone_panel.detailed .members i { font-size: 60px; cursor: pointer; vertical-align: middle; } .milestone_panel.detailed .members > div { vertical-align: middle; margin-right: 5px; text-align: center; margin: 23px 0; } .milestone_panel.detailed .members > div .text { color: #4c4c4c; margin-top: 5px; font-size: 13px; display: inline-block; vertical-align: middle; font-weight: 600; margin-left: 10px; width: calc(100% - 80px); text-align: left; cursor: pointer; } .milestone_panel.detailed .members > div img { width: 60px; height: 60px; border-radius: 50%; vertical-align: middle; cursor: pointer; } .milestone_panel.detailed .members > div.editable { cursor: pointer; } .milestone_panel.detailed .members > div.editable img { cursor: pointer; } .milestone_panel.detailed .members .add_user { cursor: pointer; } .milestone_panel.detailed .task_form { border-radius: 3px; margin: 20px auto 10px; padding: 5px; font-size: 0; border: 1px solid #f0f0f0; background-color: #fdfdfd; width: 96%; } .milestone_panel.detailed .task_form .date_input { display: inline-block; width: 100px; vertical-align: middle; text-transform: capitalize; color: #888; text-align: center; font-size: 16px; cursor: pointer; } .milestone_panel.detailed .task_form input[name=date] { display: none; } .milestone_panel.detailed .task_form input[name=name] { display: inline-block; width: calc(100% - 100px); vertical-align: middle; border: 1px solid #ccc; padding: 5px; border-radius: 2px; font-size: 14px; } @media (max-width: 767px) { .milestone_panel.detailed .task_form .date_input { font-size: 12px; } .milestone_panel.detailed .task_form input[name=name] { font-size: 12px; } } .milestone_panel.detailed .no_subtasks_msg { text-align: center; font-size: 16px; color: #4d4d4d; padding: 15px; font-style: italic; } @media (max-width: 767px) { .milestone_panel.detailed .no_subtasks_msg { font-size: 12px; } } .milestone_panel.detailed .crowd_task_form { border-radius: 3px; margin: 20px auto 10px; padding: 5px; font-size: 0; border: 1px solid #f0f0f0; background-color: #fdfdfd; width: 96%; } .milestone_panel.detailed .crowd_task_form input { width: 100%; border: 1px solid #ccc; padding: 5px; border-radius: 2px; } .milestone_panel.detailed .no_crowd_tasks_msg { text-align: center; font-size: 16px; color: #4d4d4d; padding: 15px; font-style: italic; } .milestone_panel.detailed .task_crowd_task_row { padding: 10px; border-bottom: 1px solid #eee; width: 96%; margin: 0 auto; cursor: pointer; font-size: 0; } .milestone_panel.detailed .task_crowd_task_row .info_layer { width: calc(100% - 10px); display: inline-block; vertical-align: middle; font-weight: 600; color: #4b4b4b; } .milestone_panel.detailed .task_crowd_task_row .options_layer { text-align: right; display: inline-block; vertical-align: middle; width: 10px; } .milestone_panel.detailed .task_crowd_task_row .options_layer i { font-size: 18px; color: #777; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task { color: #fff; padding: 5px; font-weight: 600; display: inline-block; vertical-align: middle; margin-left: 10px; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_-3 { background-color: #F44336; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_-2 { background-color: #FFEB3B; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_-1 { background-color: #03A9F4; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_0 { background-color: #FFEB3B; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_1 { background-color: #FF9800; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_2 { background-color: #8BC34A; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_3 { background-color: #000; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_4 { background-color: #8BC34A; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_5 { background-color: #FF9800; } .milestone_panel.detailed .task_crowd_task_row .status_crowd_task.status_6 { background-color: #8BC34A; } .milestone_panel.detailed .form_talk { padding: 5px; font-size: 0; } .milestone_panel.detailed .form_talk .avatar { display: none; } .milestone_panel.detailed .form_talk .btn_configure_permissions, .milestone_panel.detailed .form_talk .btn_add_url { display: none; } .milestone_panel.detailed .form_talk .form { width: 100%; margin: 0px; } .milestone_panel.detailed .form_talk .form .link_layer .image { display: none; } .milestone_panel.detailed .form_talk .form .link_layer .link_content.with_image { width: 100%; } .milestone_panel.detailed .main_talk_form .form_talk { box-shadow: none; border-radius: 3px; margin: 20px auto 10px; border: 1px solid #f0f0f0; background-color: #fdfdfd; width: 96%; } .milestone_panel.detailed .talk_layer { width: 96%; border: 1px solid #eee; } .milestone_panel.detailed .talk_layer .form_talk .attachments { padding: 0px; margin: 0px; } .milestone_panel.detailed .talk_layer .avatar { display: none; } .milestone_panel.detailed .talk_layer .content_talk { width: 100%; margin: 0px; } .milestone_panel.detailed .talk_layer .content_talk .username { font-size: 14px; } .milestone_panel.detailed .talk_layer .content_talk .username span { font-size: 12px; } .milestone_panel.detailed .talk_layer .content_talk .date { font-size: 12px; } .milestone_panel.detailed .talk_layer .link_message .link_image { display: none; } .milestone_panel.detailed .talk_layer .link_message .description { display: none; } .milestone_panel.detailed .talk_layer .link_message .name { font-size: 13px; } .milestone_panel.detailed .talk_layer .link_message .url { font-size: 12px; margin-top: 0px; } .milestone_panel.detailed .talk_layer .link_message .link_content.with_image { width: 100%; } .milestone_panel.detailed .more_options { text-align: center; padding: 10px; } .milestone_panel.detailed .task_row { font-size: 0; border-bottom: 1px solid #ddd; padding: 5px; width: 96%; margin: 0 auto; } .milestone_panel.detailed .task_row .priority { width: 16px; height: 16px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; } .milestone_panel.detailed .task_row .priority.priority_0 { background-color: #CDDC39; } .milestone_panel.detailed .task_row .priority.priority_1 { background-color: #FBC02D; } .milestone_panel.detailed .task_row .priority.priority_2 { background-color: #FF5722; } .milestone_panel.detailed .task_row .priority.priority_3 { background-color: #F44336; } .milestone_panel.detailed .task_row .dates { display: inline-block; vertical-align: middle; width: 50px; } .milestone_panel.detailed .task_row .dates .day { color: #4c4c4c; font-size: 18px; font-weight: 600; } .milestone_panel.detailed .task_row .dates .month { color: #4c4c4c; font-size: 14px; font-weight: 600; text-transform: capitalize; } @media (max-width: 767px) { .milestone_panel.detailed .task_row .dates .day { font-size: 16px; } .milestone_panel.detailed .task_row .dates .month { font-size: 12px; } } @media (max-width: 767px) { .milestone_panel.detailed .task_row .dates { width: 35px; } } .milestone_panel.detailed .task_row .info { display: inline-block; vertical-align: middle; width: calc(100% - 90px); cursor: pointer; } .milestone_panel.detailed .task_row .info .name { display: inline-block; vertical-align: middle; color: #4c4c4c; font-size: 16px; font-weight: 600; width: calc(100% - 55px); margin-left: 5px; } .milestone_panel.detailed .task_row .info .members_subtask { display: inline-block; vertical-align: middle; } .milestone_panel.detailed .task_row .info .members_subtask img { width: 36px; height: 36px; margin-left: 5px; border-radius: 50%; } @media (max-width: 767px) { .milestone_panel.detailed .task_row .info .name { font-size: 12px; } } .milestone_panel.detailed .task_row .options_layer { text-align: right; display: inline-block; vertical-align: middle; width: 10px; } .milestone_panel.detailed .task_row .options_layer i { color: #777; font-size: 18px; cursor: pointer; } .milestone_panel.detailed .task_row.completed { opacity: 0.5; } .milestone_panel.detailed .task_row.completed .name { text-decoration: line-through; } .milestone_panel.detailed .task_row.canceled { opacity: 0.5; } .milestone_panel.detailed .inline-field { display: inline-block; vertical-align: top; width: calc(50% - 10px); position: relative; } .milestone_panel.detailed .inline-field input { width: 100%; border: 1px solid #ccc; padding: 5px; border-radius: 2px; font-size: 14px; color: #4d4d4d; margin-top: 20px; background-color: transparent; } .milestone_panel.detailed .inline-field .delete_custom_field { position: absolute; right: -8px; top: -8px; font-size: 18px; color: #5d5d5d; display: none; cursor: pointer; } .milestone_panel.detailed .inline-field:hover .delete_custom_field { display: block; } .milestone_panel.detailed .btn_add_custom_field { display: inline-block; margin: 10px 20px 20px; font-weight: 600; text-decoration: underline; color: #2196F3; margin-left: 10px; } .milestone_panel.detailed .card { padding: 10px; margin: 0px 5px 20px; box-shadow: 0 2px 11px 1px rgba(0, 0, 0, 0.1); padding: 10px 20px; border-radius: 3px; background-color: #fafafa; border: 1px solid #eee; } .milestone_panel.detailed .custom_toogle { position: relative; display: inline-block; width: 80px; height: 34px; margin-top: 20px; } .milestone_panel.detailed .custom_toogle input { display: none; } .milestone_panel.detailed .custom_toogle input:checked + .slide { background-color: #4CAF50; padding-right: 20px; text-align: right; } .milestone_panel.detailed .custom_toogle input:focus + .slide { box-shadow: 0 0 1px #01aeed; } .milestone_panel.detailed .custom_toogle input:checked + .slide:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); left: -20px; } .milestone_panel.detailed .custom_toogle .slide { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s; padding: 8px; color: #fff; font-weight: 600; } .milestone_panel.detailed .custom_toogle .slide.round { border-radius: 34px; } .milestone_panel.detailed .custom_toogle .slide.round:before { border-radius: 50%; } .milestone_panel.detailed .custom_toogle .slide:before { position: absolute; content: ""; height: 26px; width: 26px; left: 50px; bottom: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } .milestone_panel.detailed .custom_list { height: 35px; background-color: #ddd; cursor: pointer; cursor: hand; border: 1px solid #ccc; margin-top: 20px; color: #fff; font-weight: 600; line-height: 34px; text-align: center; text-shadow: 0px 0px 2px #444; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .milestone_panel.detailed .custom_field_loading { font-size: 600; font-size: 14px; margin-top: 20px; color: #4d4d4d; } .milestone_panel.detailed .documents_list .document_row { font-size: 0; border-bottom: 1px solid #ddd; padding: 5px; width: 96%; margin: 0 auto; } .milestone_panel.detailed .documents_list .document_row .document_row_left { width: calc(100% - 10px); display: inline-block; vertical-align: middle; color: #4b4b4b; } .milestone_panel.detailed .documents_list .document_row .document_row_left i { font-size: 20px; vertical-align: middle; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-pdf-o { color: #aa0501; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-archive-o { color: #dd9100; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-powerpoint-o { color: #f04420; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-text-o { color: #68b1c0; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-excel-o { color: #207245; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-word-o { color: #2b5794; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-audio-o { color: #4CAF50; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file { color: #B388FF; } .milestone_panel.detailed .documents_list .document_row .document_row_left i.fa-file-video-o { color: #827717; } .milestone_panel.detailed .documents_list .document_row .document_row_left .name { display: inline-block; vertical-align: middle; font-weight: 600; font-size: 14px; margin-left: 10px; cursor: pointer; width: calc(100% - 30px); word-break: break-word; } @media (max-width: 767px) { .milestone_panel.detailed .documents_list .document_row .document_row_left .name { font-size: 12px; } } .milestone_panel.detailed .documents_list .document_row .document_row_left .task_name { background-color: #f5f5f5; padding: 5px; color: #555; font-size: 11px; display: inline-block; vertical-align: middle; margin-left: 5px; } .milestone_panel.detailed .documents_list .document_row .options_layer { text-align: right; display: inline-block; vertical-align: middle; width: 10px; } .milestone_panel.detailed .documents_list .document_row .options_layer i { font-size: 18px; color: #777; cursor: pointer; cursor: hand; } @media (max-width: 767px) { .milestone_panel.detailed .custom_list { font-size: 12px; } } @media (max-width: 767px) { .milestone_panel { padding: 20px 5px; } } .milestones_view { font-size: 0; } .milestones_view .milestone_panel.detailed { box-shadow: 0px 2px 8px 2px #f0f0f0; border: 1px solid #f0f0f0; border-radius: 3px; padding: 20px 30px; } .milestones_view .milestone_panel .document_preview_image { max-width: 100%; display: block; margin: 0 auto; } .milestones_view .milestone_panel .btn_layer_options { display: block; } .milestones_view .milestone_title { color: #000; text-align: center; border-bottom-style: solid; border-bottom-width: 4px; padding-bottom: 5px; max-width: 490px; font-weight: 600; margin: 0 auto; font-size: 18px; } .milestones_view .milestones_timeline { background-repeat: repeat-y; background-position: center; text-align: center; } .milestones_view .milestones_timeline .btn_create_milestone { box-shadow: 0px 2px 8px 2px #ddd; margin: 30px auto 0; } .milestones_view .milestones_timeline .no_milestone_layer { box-shadow: 0px 2px 8px 2px #ddd; margin: 30px auto 0; background-color: #fff; border-radius: 3px; max-width: 560px; width: 95%; box-shadow: 0px 2px 8px 2px #ddd; font-size: 16px; text-align: center; color: #4d4d4d; padding: 15px; } .milestones_view .milestones_timeline .milestone_form { background-color: #fff; border-radius: 3px; max-width: 495px; width: 90%; margin: 30px auto 0; padding: 5px; font-size: 0; box-shadow: 0px 2px 8px 2px #ddd; display: none; } .milestones_view .milestones_timeline .milestone_form .date_input { display: inline-block; width: 100px; vertical-align: middle; text-transform: capitalize; color: #888; text-align: center; font-size: 20px; cursor: pointer; } .milestones_view .milestones_timeline .milestone_form input[name=date] { display: none; } .milestones_view .milestones_timeline .milestone_form input[name=name] { display: inline-block; width: calc(100% - 100px); vertical-align: middle; border: 1px solid #ccc; padding: 8px; border-radius: 2px; } .milestones_view .milestone_timeline { background-color: #fff; border-radius: 3px; max-width: 495px; width: 90%; margin: 30px auto; font-size: 0; box-shadow: 0px 2px 8px 2px #f0f0f0; border: 1px solid #f0f0f0; height: 120px; border-left: 5px solid #ddd; cursor: pointer; } .milestones_view .milestone_timeline.priority_0 { border-left-color: #CDDC39; } .milestones_view .milestone_timeline.priority_1 { border-left-color: #FBC02D; } .milestones_view .milestone_timeline.priority_2 { border-left-color: #FF5722; } .milestones_view .milestone_timeline.priority_3 { border-left-color: #F44336; } .milestones_view .milestone_timeline .date_column { margin: 15px 0; display: inline-block; vertical-align: middle; padding: 20px 10px; text-align: center; width: 70px; border-right: 1px solid #ddd; } .milestones_view .milestone_timeline .date_column .day { font-size: 30px; font-weight: 600; color: #444; } .milestones_view .milestone_timeline .date_column .month { font-size: 20px; font-weight: 600; color: #888; text-transform: capitalize; } .milestones_view .milestone_timeline .info_column { margin: 15px 0; display: inline-block; vertical-align: top; width: calc(100% - 150px); padding: 0px 20px; text-align: left; } .milestones_view .milestone_timeline .info_column .name { font-size: 16px; font-weight: 600; color: #4d4d4d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .milestones_view .milestone_timeline .info_column .status { font-size: 12px; text-transform: uppercase; margin-top: 5px; } .milestones_view .milestone_timeline .info_column .status.not_started { color: #90CAF9; } .milestones_view .milestone_timeline .info_column .status.completed { color: #4CAF50; } .milestones_view .milestone_timeline .info_column .status.in_process { color: #03A9F4; } .milestones_view .milestone_timeline .info_column .status.cancelled { color: #E53935; } .milestones_view .milestone_timeline .info_column .members { margin-top: 10px; height: 42px; overflow: hidden; } .milestones_view .milestone_timeline .info_column .members img { border-radius: 50%; margin-right: 5px; width: 42px; height: 42px; } .milestones_view .milestone_timeline .info_column .members .more_members { font-size: 20px; vertical-align: top; margin: 5px 0px 0px 10px; font-weight: 600; display: inline-block; vertical-align: top; } .milestones_view .milestone_timeline .info_column .members .more_members div { font-size: 12px; text-transform: uppercase; } .milestones_view .milestone_timeline .stats_column { background-color: #fafbfd; border-left: 1px solid #ebeff2; display: inline-block; height: 100%; width: 80px; vertical-align: middle; border-radius: 0 5px 5px 0; } .milestones_view .milestone_timeline .stats_column > div { height: 33.333333%; border-bottom: 1px solid #ebeff2; color: #676767; font-size: 14px; padding: 13px 10px 0; text-align: left; } .milestones_view .milestone_timeline .stats_column > div i { font-size: 14px; margin-left: 5px; } .milestones_view .milestone_timeline .stats_column > div:last-child { border-bottom: 0px; } .custom_field_modal { position: absolute; background: #fff; z-index: 2500; box-shadow: 0px 1px 2px 1px #e0e0e0; width: 280px; } .custom_field_modal:after, .custom_field_modal:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .custom_field_modal:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; } .custom_field_modal:before { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eee; border-width: 7px; margin-left: -7px; } .custom_field_modal .status_option { height: 35px; margin: 5px; color: #fff; font-weight: 600; line-height: 34px; text-align: center; text-shadow: 0px 0px 2px #444; font-size: 16px; cursor: pointer; cursor: hand; transition: all 0.3s ease; } .custom_field_modal .status_option.disabled { opacity: 0.5; } .custom_field_modal .edit_custom_list { text-align: center; border-top: 1px solid #ddd; background-color: #eee; color: #4d4d4d; padding: 10px; cursor: pointer; cursor: hand; font-weight: 600; } .custom_field_modal .add_color_layer { border-top: 1px solid #ddd; padding: 5px; font-size: 0; } .custom_field_modal .add_color_layer > div { display: inline-block; vertical-align: middle; } .custom_field_modal .add_color_layer .plus_layer { color: #03A9F4; font-weight: 600; font-size: 32px; text-align: center; width: 30px; } .custom_field_modal .add_color_layer .colors_list { display: inline-block; width: calc(100% - 35px); border-left: 1px solid #ddd; } .custom_field_modal .add_color_layer .colors_list .color { width: 16px; height: 16px; border-radius: 50%; cursor: pointer; cursor: hand; display: inline-block; margin: 5px; } .custom_field_modal .option { padding: 5px; } .custom_field_modal .option .color_layer { display: inline-block; width: 20px; height: 20px; vertical-align: middle; border-radius: 50%; } .custom_field_modal .option .input_layer { display: inline-block; width: calc(100% - 70px); margin-left: 10px; vertical-align: middle; } .custom_field_modal .option .input_layer input { border: 1px solid #ccc; border-radius: 2px; font-size: 14px; padding: 5px; width: 100%; } .custom_field_modal .option .move_layer { display: inline-block; width: 5px; margin-left: 10px; vertical-align: middle; cursor: move; text-align: right; } .custom_field_modal .option .move_layer i { color: #4d4d4d; font-size: 18px; } .custom_field_modal .option .delete_layer { display: inline-block; width: 15px; margin-left: 10px; vertical-align: middle; cursor: pointer; cursor: hand; text-align: right; } .custom_field_modal .option .delete_layer.inactive { opacity: 0.3; } .custom_field_modal .option .delete_layer i { color: #666; font-size: 16px; } .custom_field_modal .status_loading { padding: 5px; text-align: center; font-weight: 600; } .select_person_dialog { width: 400px; max-width: calc(90vw - 30px); } .select_person_dialog .person_layer { display: inline-block; width: 100px; vertical-align: top; padding: 10px; cursor: pointer; text-align: center; } .select_person_dialog .person_layer:hover { background-color: #f0f0f0; } .select_person_dialog .person_layer img { width: 64px; height: 64px; border-radius: 50%; border: 1px solid #ddd; cursor: pointer; } .select_person_dialog .person_layer .person_name { text-align: center; margin-top: 10px; font-size: 13px; color: #4d4d4d; } @media (max-width: 767px) { .select_person_dialog .person_layer img { width: 32px; height: 32px; } .select_person_dialog .person_layer .person_name { margin-top: 5px; font-size: 11px; } } .sunday_filters { padding: 10px; border: 1px solid #dedede; margin: 20px auto; background-color: #fff; border-radius: 3px; box-shadow: 0px 2px 8px 2px #ddd; display: none; } .sunday_filters .filter_layer { padding: 10px 10px 5px; background-color: #f9f9f9; margin: 10px 0; border: 1px solid #eee; border-radius: 3px; } .sunday_filters .nameFilter { width: 100%; } .sunday_filters .btn_add_filter { border-radius: 20px; height: 30px; color: #fff; border: 0; font-weight: 600; font-size: 13px; padding: 5px 15px; cursor: pointer; margin-top: 5px; } .sunday_filters .filter_range_date_icon { margin: 0 20px; color: #4d4d4d; font-size: 18px; } .sunday_filters .filter_input_range_dates { width: 40%; } @media (max-width: 767px) { .sunday_filters .filter_range_date_icon { margin: 0 5px; } .sunday_filters .filter_input_range_dates { width: 43%; } } .sunday_filters .filter_responsible_layer, .sunday_filters .filter_milestone_layer { border: 1px solid #eee; padding: 5px 15px; border-radius: 3px; white-space: nowrap; position: relative; display: inline-block; background-color: #f5f5f5; margin-right: 10px; margin-bottom: 5px; } .sunday_filters .filter_responsible_layer .delete_icon, .sunday_filters .filter_milestone_layer .delete_icon { position: absolute; top: 0; right: 0; font-size: 14px; color: #4d4d4d; display: none; } .sunday_filters .filter_responsible_layer:hover .delete_icon, .sunday_filters .filter_milestone_layer:hover .delete_icon { display: inline-block; } .sunday_filters .filter_responsible_layer img, .sunday_filters .filter_milestone_layer img { width: 24px; height: 24px; border-radius: 50%; margin-right: 10px; display: inline-block; vertical-align: middle; } .sunday_filters .filter_responsible_layer .name, .sunday_filters .filter_milestone_layer .name { display: inline-block; vertical-align: middle; font-size: 12px; font-weight: 600; color: #4d4d4d; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sunday_filters .filter_status_layer, .sunday_filters .filter_priority_layer { padding: 5px 15px; border-radius: 3px; white-space: nowrap; position: relative; display: inline-block; margin-right: 10px; margin-bottom: 5px; color: #fff; font-weight: 600; } .sunday_filters .filter_status_layer .delete_icon, .sunday_filters .filter_priority_layer .delete_icon { position: absolute; top: 0; right: 0; font-size: 14px; color: #4d4d4d; display: none; } .sunday_filters .filter_status_layer:hover .delete_icon, .sunday_filters .filter_priority_layer:hover .delete_icon { display: inline-block; } .sunday_filters .filter_status_layer.not_started, .sunday_filters .filter_priority_layer.not_started { background-color: #90CAF9; } .sunday_filters .filter_status_layer.in_process, .sunday_filters .filter_priority_layer.in_process { background-color: #03A9F4; } .sunday_filters .filter_status_layer.completed, .sunday_filters .filter_priority_layer.completed { background-color: #4CAF50; } .sunday_filters .filter_status_layer.low, .sunday_filters .filter_priority_layer.low { background-color: #CDDC39; } .sunday_filters .filter_status_layer.medium, .sunday_filters .filter_priority_layer.medium { background-color: #FBC02D; } .sunday_filters .filter_status_layer.high, .sunday_filters .filter_priority_layer.high { background-color: #FF5722; } .sunday_filters .filter_status_layer.very_high, .sunday_filters .filter_priority_layer.very_high { background-color: #F44336; } .btn_sunday_show_filters { display: block; margin: 20px auto 0; } .sunday_version .milestone_layer { margin: 40px 20px; } .sunday_version .milestone_layer .milestone_title { font-weight: 600; font-size: 24px; padding: 3px; margin-bottom: 20px; } .sunday_version .milestone_layer .milestone_title .milestone_date { width: 40px; height: 40px; border-radius: 3px; display: inline-block; vertical-align: middle; padding: 5px; line-height: 16px; } .sunday_version .milestone_layer .milestone_title .milestone_date div { color: #fff; font-size: 16px; text-align: center; text-transform: uppercase; } .sunday_version .milestone_layer .milestone_title .milestone_date div:last-child { font-size: 14px; } @media (max-width: 767px) { .sunday_version .milestone_layer .milestone_title .milestone_date div { font-size: 14px; } } .sunday_version .milestone_layer .milestone_title .milestone_name { display: inline-block; vertical-align: middle; margin-left: 10px; font-weight: 300; font-size: 24px; max-width: calc(100% - 120px); } .sunday_version .milestone_layer .milestone_title .expand_milestone { margin-left: 10px; cursor: pointer; font-size: 18px; } .sunday_version .milestone_layer .milestone_title .viewMilestone { display: none; margin-left: 15px; font-size: 22px; cursor: pointer; } .sunday_version .milestone_layer .milestone_title:hover .viewMilestone { display: inline-block; } @media (max-width: 767px) { .sunday_version .milestone_layer .milestone_title .viewMilestone { display: inline-block; } .sunday_version .milestone_layer .milestone_title .milestone_name { font-size: 16px; } } .sunday_version .milestone_layer .milestones_subtasks { margin-bottom: 10px 20px 40px; overflow: auto; } .sunday_version .milestone_layer .sunday_row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; margin-bottom: 1px; } .sunday_version .milestone_layer .sunday_row.new_task_row { opacity: 0.9; } .sunday_version .milestone_layer .sunday_row.new_task_row input { width: 100%; height: 100%; border: 1px solid #ccc; padding: 3px; } .sunday_version .milestone_layer .sunday_row.task_row .sunday_cell { color: #4d4d4d; font-size: 13px; } .sunday_version .milestone_layer .sunday_row.task_row:hover .sunday_cell { background-color: #e2e2e2; } .sunday_version .milestone_layer .sunday_row.task_row:hover .outsideColumn { background-color: transparent; } @media (max-width: 767px) { .sunday_version .milestone_layer .sunday_row.task_row .sunday_cell { font-size: 11px; } } .sunday_version .milestone_layer .sunday_row .iconView { font-size: 18px; display: none; margin-top: 7px; cursor: pointer; } .sunday_version .milestone_layer .sunday_row:hover .iconView { display: block; } .sunday_version .milestone_layer .sunday_row .sunday_cell { flex-grow: 1; text-align: center; padding: 5px 7px; min-width: 100px; width: 100px; background-color: #f0f0f0; height: 40px; line-height: 30px; margin-right: 2px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; } .sunday_version .milestone_layer .sunday_row .sunday_cell.new { padding: 0; } .sunday_version .milestone_layer .sunday_row .sunday_cell.to_left { text-align: left; } .sunday_version .milestone_layer .sunday_row .sunday_cell.outsideColumn { flex-grow: 0; min-width: 30px; width: 30px; background-color: transparent; } .sunday_version .milestone_layer .sunday_row .sunday_cell.x2 { flex-grow: 2; min-width: 200px; width: 200px; } .sunday_version .milestone_layer .sunday_row .sunday_cell.fixed { background-color: rgba(245, 245, 245, 0.97); z-index: 100; } .sunday_version .milestone_layer .sunday_row .sunday_cell.x3 { flex-grow: 3; min-width: 300px; width: 300px; } .sunday_version .milestone_layer .sunday_row .sunday_cell.empty { flex-grow: 0; min-width: 50px; width: 50px; } .sunday_version .milestone_layer .sunday_row .sunday_cell.priority-low { background-color: #CDDC39 !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.priority-medium { background-color: #FBC02D !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.priority-high { background-color: #FF5722 !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.priority-very_high { background-color: #F44336 !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.in_process { background-color: #03A9F4 !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.not_started { background-color: #90CAF9 !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.completed { background-color: #4CAF50 !important; color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.status { color: #fff; font-weight: 600; } .sunday_version .milestone_layer .sunday_row .sunday_cell.nameTask div { font-size: 13px; } .sunday_version .milestone_layer .sunday_row .sunday_cell.nameTask i { display: none; margin-left: 5px; color: #555; } .sunday_version .milestone_layer .sunday_row .sunday_cell.nameTask:hover i { display: inline-block; } .sunday_version .milestone_layer .sunday_row .sunday_cell.nameTask input { display: none; width: 100%; border: 1px solid #ccc; padding: 3px; font-size: 13px; } .sunday_version .milestone_layer .sunday_row .sunday_cell.checked i { font-size: 24px; color: #8BC34A; margin-top: 3px; } .sunday_version .milestone_layer .sunday_row .sunday_cell input { width: 100%; background-image: none; } .sunday_version .milestone_layer .sunday_row .sunday_cell input::-webkit-clear-button { display: none; } .sunday_version .milestone_layer .sunday_row .sunday_cell input::-webkit-inner-spin-button { display: none; } .sunday_version .milestone_layer .sunday_row .sunday_cell input::-webkit-calendar-picker-indicator { display: none; } .sunday_version .milestone_layer .sunday_row .sunday_cell .responsible_value { text-align: left; } .sunday_version .milestone_layer .sunday_row .sunday_cell .responsible_value img { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #999; cursor: pointer; cursor: hand; vertical-align: middle; } .sunday_version .milestone_layer .sunday_row .sunday_cell .responsible_value .username { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 12px; color: #4d4d4d; width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; } .sunday_version .milestone_layer .sunday_row .sunday_cell span.name { max-width: 80%; display: inline-block; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; } @media (max-width: 767px) { .sunday_version .milestone_layer .sunday_row .sunday_cell.nameColumn { width: 175px; min-width: 175px; max-width: 175px; flex-grow: 1.75; } .sunday_version .milestone_layer .sunday_row .sunday_cell.responsible_column { width: 55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 55px; max-width: 55px; } .sunday_version .milestone_layer .sunday_row .sunday_cell.responsible_column .responsible_value { text-align: center; } .sunday_version .milestone_layer .sunday_row .sunday_cell .name { max-width: 100%; font-size: 12px; } .sunday_version .milestone_layer .sunday_row .sunday_cell input { font-size: 12px; } } .sunday_version .milestone_layer .sunday_row .sunday_cell .dates_interval { background-color: #999; border-radius: 15px; color: #fff; font-size: 13px; padding: 5px; line-height: 15px; margin-top: 2px; } .sunday_version .milestone_layer .sunday_row.milestone_header { margin-bottom: 5px; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell { font-weight: 600; background-color: #fff; position: relative; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell i { font-size: 18px; margin-top: 7px; background-color: transparent; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell.outsideColumn { background-color: transparent; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell input { border: 1px solid transparent; font-weight: 600; padding: 5px 0; font-size: 14px; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell .delete_custom_field { position: absolute; top: -9px; right: 0; cursor: pointer; color: #4d4d4d; display: none; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell:hover input { border: 1px solid #ddd; } .sunday_version .milestone_layer .sunday_row.milestone_header .sunday_cell:hover .delete_custom_field { display: block; } @media (max-width: 767px) { .sunday_version .milestone_layer { margin: 40px 0px; } } .sunday_form { background-color: #fff; border-radius: 3px; margin: 30px auto 0; padding: 5px; font-size: 0; box-shadow: 0px 2px 8px 2px #ddd; } .sunday_form * { box-sizing: border-box; } .sunday_form .date_input { display: inline-block; vertical-align: middle; text-transform: capitalize; color: #888; text-align: center; font-size: 16px; cursor: pointer; padding: 9px; background-color: #fff; border: 1px solid #ccc; margin-right: 10px; border-radius: 3px; box-shadow: 0 0 7px 1px #eee; width: 100px; } .sunday_form .date_input:hover { background-color: #f0f0f0; } .sunday_form input[name=date] { display: none; } .sunday_form input[name=name] { display: inline-block; width: calc(100% - 110px); vertical-align: middle; border: 1px solid #ccc; padding: 8px; border-radius: 2px; font-size: 14px; } @media (max-width: 767px) { .sunday_form .date_input { font-size: 12px; padding: 5px; width: 80px; } .sunday_form input[name=name] { font-size: 12px; width: calc(100% - 90px); padding: 5px; } } .sunday_start_layer { border-radius: 5px; padding: 50px; margin: 30px 0px; text-align: center; } .sunday_start_layer .explanation { margin-bottom: 20px; font-weight: 600; color: #fff; font-size: 30px; } .sunday_start_layer button { border-radius: 30px; width: 200px; font-size: 20px; background-color: #fff !important; font-weight: 600; transition: all 0.3s ease; } .sunday_start_layer button:hover { background-color: #fff !important; transform: scale(1.2); } .sunday_start_layer button:focus { background-color: #fff !important; } .task_error_connection { position: fixed; z-index: 2500; bottom: 20px; right: 20px; padding: 20px; font-size: 16px; background-color: #F44336; color: #fff; text-align: center; border-radius: 3px; box-shadow: 0px 2px 3px 1px #666; } .task_error_connection i { position: absolute; top: 5px; right: 5px; color: #fff; font-size: 14px; cursor: pointer; } .milestone_title { border-color: #6eb3a1 } .milestones_timeline { background-image: url(https://platform.finutive.com/app/d10f3ab9c4b207bec3a07938326e170c18b08d622a49d7e832b4b269c280d402a9152417111f6bc491c6be19ca20fe7fcc7366b28250339ebba159eb2cb56e769a4f6c9dc8ee1531300941/assets/img/tasks/bgTimeline.png); } .task_detailed_view .title { border-color: #6eb3a1 } .task_detailed_view .title_section { border-color: #6eb3a1; } .task_detailed_view .parent_indicator { background-color: #6eb3a1; color: 444444; } .task_detailed_view .members i { color: #6eb3a1; } .members .more_members { color: #6eb3a1; } .tasks_versions_buttons > div.active { background-color: #6eb3a1; } .custom_toggle input:checked + .slide { background-color: #6eb3a1; } .sunday_start_layer { background-color: #6eb3a1; } .sunday_start_layer button, .sunday_start_layer button:hover, .sunday_start_layer button:focus { color: #6eb3a1 !important; } .sunday_filters .btn_add_filter { background-color: #6eb3a1; } .login_main_wrapper { background: url("/app/a32791280750f4f99e9f4a1e9453ce5129c5256895c52f2898351930c819d3a072e0c0c5b400650825fd298f3188bb4d7a12bef20fe716fb92bd32121742b09a472ea03b42861495634324/") no-repeat center center fixed transparent !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; max-height: 100vh; height: 100vh; overflow: hidden; padding-top: 5rem; } .login_main_wrapper .error_msg { background-color: #F44336; font-size: 12px; margin-bottom: 5px; font-weight: 600; color: #fff; padding: 5px; display: none; } .login_main_wrapper .success_msg { background-color: #64DD17; font-size: 12px; margin-bottom: 5px; font-weight: 600; color: #fff; padding: 5px; display: none; } .login_main_wrapper * { box-sizing: border-box; } .login_main_wrapper div#copyright-footer { display: none !important; } .login_main_wrapper .landing_eurasia { width: 50%; margin: 5% auto; padding-top: env(safe-area-inset-top); } .login_main_wrapper .signup_form, .login_main_wrapper .set_password_form, .login_main_wrapper .remember_form { display: none; } .login_main_wrapper .landing_eurasia .logo_client { margin: 0 auto; text-align: center; } .login_main_wrapper .landing_eurasia .logo_client img { width: 44%; } .login_main_wrapper .gi-system { color: #333; font-family: open sans, arial, sans-serif; max-width: 480px; margin: 0 auto; } .login_main_wrapper .gi-system-lt { font-family: helvetica !important; margin-top: 20px; } .login_main_wrapper button.gi-system-lt { width: 50%; display: block; margin: 20px auto; } .login_main_wrapper button.gi-system-lt:hover { transition: 0.2s; } .login_main_wrapper .gi-system-recover:hover { transition: 0.2s; } .login_main_wrapper .gi-system-terms { margin: 20px !important; } .login_main_wrapper .gi-system-terms span { font-family: helvetica !important; } .login_main_wrapper .gi-system-terms span a { font-family: helvetica !important; } @media (max-width: 767px) { .login_main_wrapper .landing_eurasia { width: 90%; margin: 30px auto 0; } } .login_main_wrapper input[type=checkbox] { display: none; vertical-align: middle; } .login_main_wrapper input[type=checkbox] + label span { display: inline-block; width: 20px; height: 20px; background-color: #fff; cursor: pointer; cursor: hand; vertical-align: middle; margin-right: 10px; position: relative; background-image: none; border: 1px solid #ccc; margin-top: -4px; margin-left: 5px; border-radius: 4px; } .login_main_wrapper input[type=checkbox]:checked + label span:after { content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: content-box; } .login_main_wrapper .gi-system-terms { display: flex; margin: 20px 0 !important; line-height: 20px; align-items: center; } .login_main_wrapper .gi-system-logo { max-height: none !important; width: 150px; } .login_main_wrapper .gi-system-content-img { max-height: none !important; width: 80px; } .login_main_wrapper .gi-system-submit, .login_main_wrapper .gi-system-remember { margin-top: 5px; } .login_main_wrapper .gi-system-pholder-ie8 { } .login_main_wrapper #content { background: transparent !important; } .login_main_wrapper #page, .login_main_wrapper #content { max-width: 100%; } .login_main_wrapper .gi-system { color: #333; font-family: open sans, arial, sans-serif; max-width: 480px; } .login_main_wrapper .gi-system.expand { min-width: 800px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .login_main_wrapper .gi-system div { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .login_main_wrapper .gi-system-logo { max-height: 100px; margin: 0 auto; display: block; width: auto; } .login_main_wrapper .gi-system-slogan { font-size: 2em; text-transform: uppercase; font-weight: lighter; text-align: center; margin: 2% auto; color: #ffffff; } .login_main_wrapper .gi-system-txt { font-size: 1.2em; text-align: center; font-weight: lighter; margin: 2% auto; color: #ffffff; } .login_main_wrapper .gi-system-body { border-width: 0 1px 1px 1px; border-color: #BBB; border-style: solid; margin: 3% auto; background-color: #FFFFFF; width: 80%; max-width: 80%; } .login_main_wrapper .gi-system .gi-system-colors div { float: left; width: 33.33%; height: 5px; } .login_main_wrapper .gi-system .gi-system-col1 { background: #6eb3a1; } .login_main_wrapper .gi-system .gi-system-col2 { background: #2a3254; } .login_main_wrapper .gi-system .gi-system-col3 { background: #6eb3a1; } .login_main_wrapper .gi-system-content { padding: 20px 40px; } .login_main_wrapper .gi-system-content-i { display: block; margin: 0 auto 5%; font-size: 4em; } .login_main_wrapper .gi-system-content-i.signup_icon i:first-child, .login_main_wrapper .gi-system-content-i.login_icon i:first-child, .login_main_wrapper .gi-system-content-i.mail_icon i:first-child { color: #DDDDDD; } .login_main_wrapper .gi-system-content-i.check_icon i:first-child { color: #8AC6EA; } .login_main_wrapper .gi-system-content-i.lock_icon i:first-child { color: #FFC926; } .login_main_wrapper .gi-system-content-i.mail_icon i:first-child { color: #DDDDDD; } .login_main_wrapper .gi-system-content-i.error_icon i:first-child { color: #FF7373; } .login_main_wrapper .gi-system-content-i i:last-child { color: #FFFFFF; } .login_main_wrapper .gi-system-error { background: #FF7373; color: #FFF; padding: 10px; text-align: center; } .login_main_wrapper .gi-system-password.error, .login_main_wrapper .gi-system-user.error { border-color: #FF7373 !important; } .login_main_wrapper .gi-system-upload-file, .login_main_wrapper .gi-system-content textarea, .login_main_wrapper .gi-system-content input[type=file], .login_main_wrapper .gi-system-content input[type=text], .login_main_wrapper .gi-system-content input[type=password], .login_main_wrapper .gi-system-content select { display: block; height: 40px; margin-bottom: 2%; border-radius: 2px; border: 1px solid #BBB; background-color: #FFFFFF; padding: 10px; width: 100%; cursor: text; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .login_main_wrapper .gi-system-content textarea { height: 75px; resize: vertical; } .login_main_wrapper .gi-system-content .no_pd { padding: 0px !important; } .login_main_wrapper .gi-system-content .always_block { display: block !important; } .login_main_wrapper .gi-system-content textarea:hover, .login_main_wrapper .gi-system-content input:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .login_main_wrapper .gi-system-content input:focus, .login_main_wrapper .gi-system-content textarea:focus, .login_main_wrapper .gi-system-content textarea:active, .login_main_wrapper .gi-system-content input:active { border: 1px solid #88AEDD; } .login_main_wrapper .gi-system-content textarea:hover, .login_main_wrapper .gi-system-content input:hover, .login_main_wrapper .gi-system-content input:focus, .login_main_wrapper .gi-system-content textarea:focus { box-shadow: none; } .login_main_wrapper .gi-system-content .gi-system-referred-msg { margin: 15px 0 5px 0; display: block; } .login_main_wrapper .gi-system-content .gi-system-referred { border: 1px solid #BBB; padding: 5px; margin: 5px 0 10px 0; } .login_main_wrapper .gi-system-content .gi-system-referred img { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; margin-right: 3px; } .login_main_wrapper .gi-system-submit, .login_main_wrapper .gi-system-remember, .login_main_wrapper .gi-system-register, .login_main_wrapper .gi-system-qapp, .login_main_wrapper .gi-system-signup, .login_main_wrapper .gi-system-button { width: 100%; background: #6eb3a1; color: #FFF; font-size: 1.3em; border: 1px solid #5cb4e4; border-radius: 2px; -moz-border-radius: 2px; padding: 0.75em; margin-bottom: 5%; cursor: pointer; -moz-transition: background-color 500ms; -webkit-transition: background-color 500ms; -o-transition: background-color 500ms; transition: background-color 500ms; } .login_main_wrapper .gi-system-submit:hover, .login_main_wrapper .gi-system-remember:hover, .login_main_wrapper .gi-system-register:hover, .login_main_wrapper .gi-system-qapp:hover, .login_main_wrapper .gi-system-signup:hover { background: #6eb3a1; } .login_main_wrapper .gi-system-tou, .login_main_wrapper .gi-system-recover, .login_main_wrapper .gi-system-back { font-size: 1em; color: #666; cursor: pointer; -moz-transition: background-color 500ms; -webkit-transition: background-color 500ms; -o-transition: background-color 500ms; transition: background-color 500ms; } .login_main_wrapper .gi-system-back { font-size: 1.2em; } .login_main_wrapper .gi-system-back i { margin: 0 5px; } .login_main_wrapper .gi-system-tou:hover, .login_main_wrapper .gi-system-recover:hover, .login_main_wrapper .gi-system-back:hover { color: #333; } .login_main_wrapper .gi-system-recover { font-size: 1em; margin-bottom: 5px; } .login_main_wrapper .gi-system-footer { text-align: center; font-size: 1em; margin-bottom: 10px; color: #ffffff; } .login_main_wrapper .gi-system-pholder-ie8 { display: none; color: #575757; padding: 4px 0; } .login_main_wrapper .gi-system-tou { display: block; } .login_main_wrapper .gi-system-message { display: block; text-align: center; font-size: 1.3em; margin-bottom: 10px; } .login_main_wrapper .gi-system-message-description { display: block; text-align: left; font-size: 1em; } .login_main_wrapper .gi-system-or-separator { border-top: 1px solid #BBBBBB; text-align: center; text-transform: uppercase; margin: 0 10px; } .login_main_wrapper .gi-system-or-separator > span { position: relative; top: -6px; background-color: rgb(255, 255, 255); padding: 0px 5px; } .login_main_wrapper .gi-system-tou-list td:first-child { vertical-align: top; } .login_main_wrapper .gi-system-tou-list td { height: 20px; vertical-align: middle; } .login_main_wrapper .gi-system-content *:not(i) { font-family: "quanticoregular", sans-serif; } .login_main_wrapper .gi-system-txt { font-size: 11px !important; } .login_main_wrapper .gi-system-logo { } .login_main_wrapper .sponsor-login-wrapper { color: #000000; width: 50%; float: left; } .login_main_wrapper .sponsor-login-wrapper img { display: block; margin: 0 auto; height: 80px; } .login_main_wrapper .left_title { float: left; width: 100%; clear: both; font-family: "quanticoregular", sans-serif; font-size: 16px; margin-bottom: 10px; margin-top: 15px; } .login_main_wrapper .left_title span { background: url("/pix/css_installation/title.gif") top right no-repeat #FFF; float: left; height: 24px; line-height: 24px; padding-left: 5px; padding-right: 15px; color: #FFF; } .login_main_wrapper .sponsor-login-wrapper span { display: block; text-align: center; font-family: "quanticoregular", sans-serif !important; font-size: 10px; color: #555; cursor: default; } .login_main_wrapper #footer_calltoinnovation { display: none; } .login_main_wrapper .gi-system-content-i { display: none; } .login_main_wrapper .cookies-layer .cookies-card { background-color: #fff3cd; border: 1px solid #ffeeba; border-radius: 8px; color: #856404; padding: 15px; } .login_main_wrapper .background_fade { background-color: #6eb3a1; } .login_main_wrapper .login_content .form button { color: #6eb3a1; } input[type=checkbox]:checked + label span { display: inline-block; background-color: primary_color; border: 1px solid primary_color !important; } button.gi-system-lt:hover { background-color: secondary_color; } .gi-system-recover{ color: secondary_color!important; } .gi-system-recover:hover{ color: primary_color!important; } .gi-system-submit, .gi-system-remember, .gi-system-register, .gi-system-qapp, .gi-system-signup, .gi-system-button { background: primary_color !important; border-color: primary_color !important; } .gi-system-submit:hover, .gi-system-remember:hover, .gi-system-register:hover, .gi-system-qapp:hover, .gi-system-signup:hover, .gi-system-button:hover { background: secondary_color !important; border-color: secondary_color !important; } .currency_disclaimer, .processed_by_client_disclaimer { color: #8A6D3B; background-color: #FCF8E3; border: 1px solid #FAEBCC; padding: 15px; margin-bottom: 20px; } .ocr_errors { color: #8A6D3B; background-color: #FCF8E3; border: 1px solid #FAEBCC; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; margin: 4px; } .currency_warning_box { color: #8A6D3B; background-color: #FCF8E3; border: 1px solid #FAEBCC; padding: 8px; margin-bottom: 20px; } .currency_warning { color: #FFC107 !important; } .invoice_summary_form { margin-top: 10px; } .invoice_summary_form .invoice_summary_element { } .invoice_summary_form .invoice_summary_element > div { display: inline-block; vertical-align: middle; font-size: 14px; color: #666; } .invoice_summary_form .invoice_summary_element .name { width: 60%; max-width: 180px; font-weight: 600; } .invoice_summary_form .invoice_summary_element .perc { width: 20%; max-width: 80px; text-align: right; } .invoice_summary_form .invoice_summary_element .value { width: 20%; max-width: 120px; text-align: right; } @media (max-width: 1199px) { .invoice_summary_form .invoice_summary_element > div { font-size: 12px; } } .invoice_results_layer { position: absolute; border: 1px solid #eee; background-color: #fff; color: #444; z-index: 101; } .invoice_results_layer .result_title { font-family: poppins_semibold; font-size: 12px; margin: 5px; padding-bottom: 3px; border-bottom: 1px solid #ddd; } .invoice_results_layer .result_layer { padding: 5px; font-size: 12px; } .invoice_results_layer .result_layer.selected { background-color: #f5f5f5; } .warning_container { padding: 10px; border: 1px solid #FFC481; background-color: #FFECCE; border-radius: 3px; position: relative; margin: 10px 5px; box-shadow: 0px 0px 8px 5px #f0f0f0; } .warning_container .warning_message .danger_icon { font-size: 18px; color: #FFC481; } .invoices_form_client { overflow: hidden; } .invoices_form_client .client_data { min-height: 135px; display: flex; flex-direction: column; justify-content: space-between; } .invoices_form_client .client_data .data_p { overflow: hidden; text-overflow: ellipsis; } .invoices_form_client .tax_withholdings_options { padding: 0px 15px; } .invoices_form_client .tax_withholdings_options .irpf_summary_form { margin-top: 10px; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element { white-space: normal; display: flex; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element > div { font-size: 10px; color: #666; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element .name { width: 40%; font-weight: 600; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element .value { width: 60%; text-align: right; } @media (min-width: 1199px) { .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element { display: flex; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element > div { margin-bottom: 8px; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element .name { width: 100%; text-align: justify; padding-right: 8px; } .invoices_form_client .tax_withholdings_options .irpf_summary_form .irpf_summary_element .value { width: 100%; padding-left: 5px; text-align: right; } } .invoices_form_client .customize_template, .invoices_form_client .new_template { margin-top: 10px; } .invoices_form_client .card_buttons { padding: 0px !important; } .invoices_form_client .card_buttons .aoc_form_buttons { display: flex; background-color: #f0f0f0; justify-content: space-between; } .invoices_form_client .card_buttons .aoc_form_buttons button { padding: 10px; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_emit, .invoices_form_client .card_buttons .aoc_form_buttons .btn_confirm_invoice { flex-grow: 2; background-color: #0097A7 !important; border-color: #0097A7 !important; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_emit:hover, .invoices_form_client .card_buttons .aoc_form_buttons .btn_confirm_invoice:hover { background-color: #008391 !important; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_draft, .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_emit_currency, .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_invoice_sample { flex-grow: 2; background-color: white !important; border-color: lightgray !important; color: black !important; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_draft:hover, .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_invoice_sample:hover { transition: 0.3s; background-color: #f9f9f9 !important; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_save_emit_template { flex-grow: 1; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_cancel { flex-grow: 1; } .invoices_form_client .card_buttons .aoc_form_buttons .btn_discard { flex-grow: 1; } .invoices_form_client .provider_form_card { padding: 0px !important; } .invoices_form_client .provider_form_card .aoc_form_buttons .btn_save_emit { background-color: #E16567 !important; border-color: #E16567 !important; } .invoices_form_client .provider_form_card .aoc_form_buttons .btn_save_emit:hover { background-color: #c95d5e !important; border-color: none !important; } .invoices_form_client .mail_template_container .template_disclaimer { font-size: 12px; color: #666; margin-bottom: 15px; } .invoices_form_client .highlight_panel_mail_templates { border: 1px solid #ccc; padding: 10px; margin-top: 8px; } .invoices_form_client .highlight_panel_mail_templates .template_name_container { display: flex; justify-content: space-between; align-items: center; flex-direction: unset !important; } .import_invoices_form .import_container { text-align: center; } .import_invoices_form .import_container .form_question_title { color: #666; font-size: 18px; line-height: 30px; font-weight: 600; margin-bottom: 30px; } .import_invoices_form .import_container_clients { margin-top: 64px; } .import_invoices_form .import_container_clients .form_question_title { font-weight: normal; } .import_list_ul_level_1 { display: block; list-style-type: disc; margin-left: 0; margin-right: 0; padding-left: 40px; } .import_list_ul_level_2 { display: block; list-style-type: circle; margin-left: 0; margin-right: 0; padding-left: 40px; } .stakeholder_form .image_business { width: 42px; height: 42px; } .stakeholder_form .form_image { max-width: 200px; margin: 0 auto; } .stakeholder_form .form_image .personal_info_avatar { width: 100%; padding-bottom: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-color: #fafafa; border: 1px solid #ddd; position: relative; overflow: hidden; } .stakeholder_form .form_image .personal_info_avatar.image_layer { background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; } .stakeholder_form .form_image .btn_change_photo { width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 12px; } .stakeholder_form .form_image .form_image_temp_layer.ui-draggable { cursor: move; } .stakeholder_form .form_image .form_image_options { text-align: center; padding: 10px 0px; display: none; } .stakeholder_form .form_image .form_image_options .slider_text { text-align: center; font-size: 12px; display: block; margin-bottom: 5px; } .stakeholder_form .form_image .form_image_options > div { display: inline-block; } .stakeholder_form .form_image .form_image_options .slider_icon_minus { margin: 0px 10px 0px 0px; font-size: 16px; } .stakeholder_form .form_image .form_image_options .slider_icon_plus { margin: 0px 0px 0px 10px; font-size: 16px; } .stakeholder_form .form_image .form_image_options .slider_image { width: calc(100% - 80px); height: 6px; } .stakeholder_form .form_image .form_image_options .slider_image .ui-slider-handle { border-radius: 50px; border: 1px solid #aaa; background-image: none; background-color: #ccc; cursor: pointer; cursor: hand; margin-top: -2px; } .stakeholder_form .form_image .form_image_options .slider_button { margin-top: 10px; display: block; } .stakeholder_form .email_extra_container .div_email_extra { display: flex; } .stakeholder_form .email_extra_container .div_email_extra .btn_add_email_extra { white-space: nowrap; } .stakeholder_form .email_extra_container .email_extra_directions { display: flex; flex-wrap: wrap; margin-bottom: 8px; } .stakeholder_form .email_extra_container .email_extra_directions .email_extra_mail { margin: 0px 5px 5px 0px; border-radius: 3px; font-size: 12px; color: #555; border: 1px solid #ddd; padding: 3px 7px; background-color: #fff; } .stakeholder_form .email_extra_container .email_extra_directions .email_extra_mail .remove_icon { margin-left: 5px; font-size: 14px; vertical-align: text-top; cursor: pointer; } .price_definition_simple .discounts_layer { padding-left: 5px; white-space: nowrap; } .price_definition_simple .discounts_layer input { width: calc(100% - 20px); } .no_arrows_div input::-webkit-outer-spin-button, .no_arrows_div input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .no_arrows_div input[type=number] { -moz-appearance: textfield; } .item_product_layer > .row { margin-left: 0px; margin-right: 0px; } .item_product_layer > .row > div { padding-right: 1px; padding-left: 1px; } .item_product_layer .menu_icon { padding: 5px 10px; position: absolute; right: 0; top: 3px; z-index: 1; } .item_product_layer .menu_icon i { color: #666; cursor: pointer; font-size: 14px; } .item_product_layer .expenses_supplied_layer { padding-left: 10px !important; } .item_product_layer .expenses_supplied_layer .switch { margin-top: 5px; } .item_product_layer .discounts_layer { padding-left: 5px; margin-right: 8px; white-space: nowrap; } .item_product_layer .discounts_layer input { width: calc(100% - 20px); } .item_product_layer .btn_delete_product { width: 28px; height: 28px; border-radius: 50%; padding: 0; } .item_product_layer input::-webkit-outer-spin-button, .item_product_layer input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .item_product_layer input[type=number] { -moz-appearance: textfield; } .ticket_preview img { max-width: 100%; } .ticket_preview span { color: #6EB3A1; } .ticket_preview span i { margin-right: 8px; } .img_preview { display: block; text-align: center; } .invoice_pdf iframe { width: 100%; height: 70vh; } .ticket_status, .payment_status, .amount_status, .payment_status_tpv, .payment_status_TPV { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; } @media (max-width: 1199px) { .ticket_status, .payment_status, .amount_status, .payment_status_tpv, .payment_status_TPV { padding: 5px 12px; margin-top: 5px; } } .ticket_status_21223819, .ticket_status_21206874, .payment_status_21283981, .payment_status_21283982, .amount_status.negative, .ticket_status_PROCESSING_OCR, .ticket_status_PLANNED_ISSUANCE, .payment_status_PARTIALLY_PAID, .payment_status_UNPAID { color: #E60D47 !important; background-color: #FFE3EB; } .ticket_status_21223820, .ticket_status_128357, .ticket_status_OCR_COMPLETED, .ticket_status_ISSUED { color: #FFB300 !important; background-color: #FFF3CC; } .ticket_status_21223809, .ticket_status_128358, .ticket_status_21202361, .ticket_status_1806266, .payment_status_21283980, .payment_status_21285631, .amount_status.positive, .payment_status_tpv, .ticket_status_PROCESSED, .ticket_status_, .ticket_status_ISSUED_AND_SENDED, .ticket_status_, .payment_status_PAID, .payment_status_PAID_IN_CASH, .payment_status_TPV { color: #43B820 !important; background-color: #E7FDE0; } .ticket_status_21223808, .ticket_status_21202360, .ticket_status_NOT_PROCESSED, .ticket_status_DRAFT { color: #E60D47 !important; background-color: #FFE3EB; } .ticket_status_21224394, .ticket_status_128360, .payment_status_21283983, .ticket_status_DISCARDED, .ticket_status_, .payment_status_ { color: #E60D47 !important; background-color: #FFE3EB; } .options_container { display: flex; } .three_dots_container { padding: 10px; cursor: pointer; } .expenses_indicators_overflow, .n_tickets_indicators_overflow { overflow-x: auto; } .expenses_indicators_overflow .expenses_ranking, .expenses_indicators_overflow .n_tickets_ranking, .n_tickets_indicators_overflow .expenses_ranking, .n_tickets_indicators_overflow .n_tickets_ranking { white-space: nowrap; padding: 5px; } .expenses_indicators_overflow .expenses_ranking .expenses_user, .expenses_indicators_overflow .n_tickets_ranking .expenses_user, .n_tickets_indicators_overflow .expenses_ranking .expenses_user, .n_tickets_indicators_overflow .n_tickets_ranking .expenses_user { display: inline-block; vertical-align: middle; margin-right: 5px; padding: 5px; background-color: #F8F8F8; transition: all 0.3s; border-radius: 4px; } .expenses_indicators_overflow .expenses_ranking .expenses_user .avatar, .expenses_indicators_overflow .n_tickets_ranking .expenses_user .avatar, .n_tickets_indicators_overflow .expenses_ranking .expenses_user .avatar, .n_tickets_indicators_overflow .n_tickets_ranking .expenses_user .avatar { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 5px; } .expenses_indicators_overflow .expenses_ranking .expenses_user .avatar img, .expenses_indicators_overflow .n_tickets_ranking .expenses_user .avatar img, .n_tickets_indicators_overflow .expenses_ranking .expenses_user .avatar img, .n_tickets_indicators_overflow .n_tickets_ranking .expenses_user .avatar img { border-radius: 50%; width: 25px; height: 25px; border: 1px solid #eee; background-color: #fafafa; } .expenses_indicators_overflow .expenses_ranking .expenses_user .total_expenses, .expenses_indicators_overflow .n_tickets_ranking .expenses_user .total_expenses, .n_tickets_indicators_overflow .expenses_ranking .expenses_user .total_expenses, .n_tickets_indicators_overflow .n_tickets_ranking .expenses_user .total_expenses { display: inline-block; vertical-align: middle; } .expenses_indicators_overflow .expenses_ranking .expenses_user .total_expenses > div, .expenses_indicators_overflow .n_tickets_ranking .expenses_user .total_expenses > div, .n_tickets_indicators_overflow .expenses_ranking .expenses_user .total_expenses > div, .n_tickets_indicators_overflow .n_tickets_ranking .expenses_user .total_expenses > div { font-size: 16px; display: inline-block; font-family: poppins_semibold; vertical-align: middle; transition: all 0.3s; } .expenses_indicators_overflow .expenses_ranking .expenses_user.selected, .expenses_indicators_overflow .n_tickets_ranking .expenses_user.selected, .n_tickets_indicators_overflow .expenses_ranking .expenses_user.selected, .n_tickets_indicators_overflow .n_tickets_ranking .expenses_user.selected { background-color: #D7FFD1; } .incomes_indicators_overflow { overflow-x: auto; } .incomes_indicators_overflow .incomes_ranking { white-space: nowrap; padding: 5px; } .incomes_indicators_overflow .incomes_ranking .incomes_client { display: inline-block; vertical-align: middle; margin-right: 5px; padding: 5px; background-color: #F8F8F8; transition: all 0.3s; border-radius: 4px; } .incomes_indicators_overflow .incomes_ranking .incomes_client .total_incomes { display: inline-block; vertical-align: middle; } .incomes_indicators_overflow .incomes_ranking .incomes_client .total_incomes > div { font-size: 16px; display: inline-block; font-family: poppins_semibold; vertical-align: middle; transition: all 0.3s; } .incomes_indicators_overflow .incomes_ranking .incomes_client .name { font-family: poppins_semibold; color: #000; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } .incomes_indicators_overflow .incomes_ranking .incomes_client.selected { background-color: #D7FFD1; } .invoices_section .filters { border: 1px solid #eee; background-color: #fff; border-radius: 4px; padding: 20px; position: relative; margin-bottom: 10px; } .invoices_section .date_due, .invoices_section .registration_date, .invoices_section .promotion_vat { font-size: 12px; color: #888; margin-bottom: 8px; } .invoices_section .centered { text-align: center; } .invoices_section .total_invoiced_indicator { text-align: left; color: #444; font-family: poppins_semibold; } .invoices_section .total_invoiced_indicator .positive { color: #8BC34A; } .results_indicator { text-align: right; font-family: poppins_semibold; color: #4E5056; font-size: 14px; } .results_indicator .positive { color: #8BC34A; } .finutive_title_content .results_indicator { float: right; font-size: 14px; } .send_invoices_form .template_mail_customize_zoom { height: 25px; font-size: 14px; } .send_invoices_form .template_mail_customize_zoom .template_mail_customize_zoom_plus, .send_invoices_form .template_mail_customize_zoom .template_mail_customize_zoom_minus { padding: 2px; margin-right: 10px; cursor: pointer; user-select: none; } .send_invoices_form .template_mail_customize_container { display: flex; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview { overflow: auto; border-right: 1px solid black; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template { display: inline-block; font-family: Arial, sans-serif !important; color: #333333; font-size: 12px; width: 650px; border: 1.5px solid #2b2b2b !important; vertical-align: baseline; margin: 10px 0px; padding: 0; border: 0; outline: 0; font-weight: inherit; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_header { background-color: #65A594; height: 55px; padding: 10px 20px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details { line-height: 15px; padding: 0px 50px; margin: 100px 0; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_company { display: table; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_company img { width: 150px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_company span { display: table-cell; vertical-align: middle; font-size: 22px; font-weight: bold; padding-left: 25px; color: black; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_content { margin: 50px 0px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_invoice_summary { display: flex; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_invoice_summary .ot_invoice_mail_template_details_invoice_summary_left_side { display: table; width: 50%; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_invoice_summary .ot_invoice_mail_template_details_invoice_summary_left_side span { display: table-cell; vertical-align: middle; color: #65A594; font-size: 38px; line-height: 64px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_invoice_summary .ot_invoice_mail_template_details_invoice_summary_right_side { width: 50%; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_invoice_summary .ot_invoice_mail_template_details_invoice_summary_right_side .ot_invoice_mail_template_details_invoice_summary_right_side_title { font-size: 16px; font-weight: bold; display: table-cell; vertical-align: middle; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_download_div { margin-top: 50px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_download_div .ot_invoice_mail_template_details_download_button { display: table; margin: 0 auto; width: 300px; height: 55px; background-color: #65A594; border-radius: 15px; text-align: center; text-decoration: none; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_download_div .ot_invoice_mail_template_details_download_button span { display: table-cell; vertical-align: middle; color: black; font-size: 20px; font-weight: 500; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_payment_container { padding: 20px; margin-top: 50px; border: 2px solid #65A594; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_payment_container .ot_invoice_mail_template_details_payment_title { font-weight: bold; margin-right: 20px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_signature { display: table; margin-top: 50px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_signature img { width: 150px; margin-right: 25px; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot_invoice_mail_template_details .ot_invoice_mail_template_details_signature span { display: table-cell; vertical-align: middle; font-size: 14px; padding-left: 25px; color: #777777; border-left: 1px solid #ccc; } .send_invoices_form .template_mail_customize_container .template_mail_customize_preview .ot_invoice_mail_template .ot-invoice-mail-template-footer { background-color: #65A594; padding: 10px 20px; } .send_invoices_form .template_mail_customize_container .color_preview { width: 30px; height: 30px; background-color: #65A594; display: inline-block; vertical-align: middle; } .send_invoices_form .template_mail_customize_container .footer_color_selector { display: flex; justify-content: space-between; margin-bottom: 15px; cursor: pointer; } .send_invoices_form .template_mail_customize_container .footer_color_selector .footer_color_black { width: 50%; display: flex; align-items: center; padding: 2px 2px; margin-right: 5px; border: 1px solid white; } .send_invoices_form .template_mail_customize_container .footer_color_selector .footer_color_black .color_square { width: 30px; height: 30px; border: 1px solid #ccc; background-color: #000; margin-right: 10px; } .send_invoices_form .template_mail_customize_container .footer_color_selector .footer_color_white { width: 50%; display: flex; align-items: center; padding: 2px 2px; margin-left: 5px; border: 1px solid white; } .send_invoices_form .template_mail_customize_container .footer_color_selector .footer_color_white .color_square { width: 30px; height: 30px; border: 1px solid #ccc; background-color: #fff; margin-right: 10px; } .send_invoices_form .template_mail_customize_container .footer_color_selector .footer_color_selected { border: 1px solid green !important; } .send_invoices_form .template_mail_customize_container .tags_summary { width: 100%; margin-bottom: 15px; } .send_invoices_form .template_mail_customize_container .tags_summary table { width: 100%; } .send_invoices_form .template_mail_customize_container .tags_summary table tr { border-bottom: 1px solid #ccc; } .send_invoices_form .form_question_subtitle { color: #888; font-size: 11px; } .send_invoices_form .to_container .to_directions_container { display: flex; flex-wrap: wrap; } .send_invoices_form .to_container .to_directions_container .to_directions_element { margin: 0px 5px 5px 0px; border-radius: 3px; font-size: 12px; color: #555; border: 1px solid #ddd; padding: 3px 7px; background-color: #fff; } .send_invoices_form .to_container .to_directions_container .to_directions_element .to_directions_name { font-size: 11px; font-weight: 600; } .send_invoices_form .to_container .to_directions_container .to_directions_element .to_directions_remove_icon { margin-left: 5px; font-size: 14px; vertical-align: text-top; cursor: pointer; } .send_invoices_form .addressees_container .div_addressees { display: flex; } .send_invoices_form .addressees_container .div_addressees .btn_add_addressee { white-space: nowrap; } .send_invoices_form .addressees_container .addressees_directions { display: flex; flex-wrap: wrap; } .send_invoices_form .addressees_container .addressees_directions .addressee_mail { margin: 0px 5px 5px 0px; border-radius: 3px; font-size: 12px; color: #555; border: 1px solid #ddd; padding: 3px 7px; background-color: #fff; } .send_invoices_form .addressees_container .addressees_directions .addressee_mail .remove_icon { margin-left: 5px; font-size: 14px; vertical-align: text-top; cursor: pointer; } .send_invoices_form .email_content .redactor_editor, .send_invoices_form .email_content .redactor_editor div, .send_invoices_form .email_content .redactor_editor p, .send_invoices_form .email_content .redactor_editor ul, .send_invoices_form .email_content .redactor_editor ol, .send_invoices_form .email_content .redactor_editor table, .send_invoices_form .email_content .redactor_editor dl, .send_invoices_form .email_content .redactor_editor blockquote, .send_invoices_form .email_content .redactor_editor pre * { margin: 0 !important; border: none !important; background: none !important; box-shadow: none !important; } .send_invoices_form .email_content .redactor_editor, .send_invoices_form .email_content .redactor_editor div, .send_invoices_form .email_content .redactor_editor p, .send_invoices_form .email_content .redactor_editor ul, .send_invoices_form .email_content .redactor_editor ol, .send_invoices_form .email_content .redactor_editor table, .send_invoices_form .email_content .redactor_editor dl, .send_invoices_form .email_content .redactor_editor blockquote, .send_invoices_form .email_content .redactor_editor pre * { font-size: 14px !important; line-height: 1.6em !important; } .send_invoices_form .email_content .redactor_editor, .send_invoices_form .email_content .redactor_editor div, .send_invoices_form .email_content .redactor_editor p, .send_invoices_form .email_content .redactor_editor ul, .send_invoices_form .email_content .redactor_editor ol, .send_invoices_form .email_content .redactor_editor table, .send_invoices_form .email_content .redactor_editor dl, .send_invoices_form .email_content .redactor_editor blockquote, .send_invoices_form .email_content .redactor_editor pre, .send_invoices_form .email_content .redactor_editor h1, .send_invoices_form .email_content .redactor_editor h2, .send_invoices_form .email_content .redactor_editor h3, .send_invoices_form .email_content .redactor_editor h4, .send_invoices_form .email_content .redactor_editor h5, .send_invoices_form .email_content .redactor_editor h6 * { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important; } .send_invoices_form .attachments_container { margin-bottom: 25px; } .send_invoices_form .attachments_container .btn_upload_file { height: fit-content; margin-left: 40px; align-self: center; } .send_invoices_form .attachments_container .documents_uploaded { width: calc(100% - 155px); vertical-align: middle; padding-top: 10px; } .send_invoices_form .attachments_container .documents_uploaded .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; display: inline-block; margin-right: 10px; border-radius: 3px; } .send_invoices_form .attachments_container .documents_uploaded .file_layer .name { float: left; color: #444; font-size: 14px; margin-right: 15px; text-decoration: underline; } .send_invoices_form .highlight_panel { border: 1px solid #ccc; padding: 10px; } .send_invoices_form .highlight_panel .template_name_container { display: flex; justify-content: space-between; align-items: center; } .send_invoices_form .logo_container { display: flex; align-items: center; } .send_invoices_form .logo_container .logo_img { display: flex; justify-content: center; } .send_invoices_form .logo_container .vertical_bar { border-left: 1px solid black; height: 150px; margin: 0px 10px; } .send_invoices_form .logo_container .redactor_box { width: 100%; } .send_invoices_form .merge_tag { padding: 5px 0px; border-bottom: 1px solid #ccc; } .send_invoices_form .merge_tag div { color: #888; font-size: 12px; } .verifactu_history_layer .verifactu { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; font-family: poppins_medium; } .verifactu_history_layer .verifactu span { border: 0px; text-shadow: none; white-space: initial; font-family: poppins_medium; font-weight: 300; box-shadow: 0px 0px 6px #00000029; padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; font-family: poppins_medium; } .verifactu_history_layer .verifactu .accept { color: #43B820; background-color: #E7FDE0; } .verifactu_history_layer .verifactu .accept span { color: #43B820; } .verifactu_history_layer .verifactu .error { color: #E60D47; background-color: #FFE3EB; } .verifactu_history_layer .verifactu .error span { color: #E60D47; } .verifactu_history_layer .verifactu .sent_with_errors { color: #FFB300; background-color: #FFF3CC; } .verifactu_history_layer .verifactu .sent_with_errors span { color: #FFB300; } .tickets_section { } .tickets_section .tickets_indicators .status { margin-top: 4px; cursor: pointer; } .tickets_section .tickets_indicators .indicator { display: inline-block; vertical-align: middle; } .tickets_section .tickets_indicators .indicator .value { font-size: 16px; font-weight: 600; display: inline-block; vertical-align: middle; } .tickets_section .tickets_indicators .indicator .value.processing_ocr { color: #FF8000; } .tickets_section .tickets_indicators .indicator .value.ocr_finished { color: #FFB300; } .tickets_section .tickets_indicators .indicator .value.processed { color: #43B820; } .tickets_section .tickets_indicators .indicator .value.auto_processed { color: #0080FF; } .tickets_section .tickets_indicators .indicator .value.discard { color: #E60D47; } .tickets_section .tickets_indicators .indicator .text { display: inline-block; vertical-align: middle; font-size: 14px; color: #444; margin-right: 10px; } @media (max-width: 1199px) { .tickets_section .tickets_indicators .indicator .value { font-size: 13px; } .tickets_section .tickets_indicators .indicator .text { font-size: 12px; } } .tickets_section .invoice_name { text-decoration: underline; cursor: pointer; font-size: 12px; } .tickets_section .verifactu { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; font-family: poppins_medium; } .tickets_section .verifactu span { border: 0px; text-shadow: none; white-space: initial; font-family: poppins_medium; font-weight: 300; box-shadow: 0px 0px 6px #00000029; padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; font-family: poppins_medium; } .tickets_section .verifactu .accept { color: #43B820; background-color: #E7FDE0; } .tickets_section .verifactu .accept span { color: #43B820; } .tickets_section .verifactu .error { color: #E60D47; background-color: #FFE3EB; } .tickets_section .verifactu .error span { color: #E60D47; } .tickets_section .verifactu .sent_with_errors { color: #FFB300; background-color: #FFF3CC; } .tickets_section .verifactu .sent_with_errors span { color: #FFB300; } .tickets_section .status { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; font-family: poppins_medium; } @media (max-width: 1199px) { .tickets_section .status { margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; white-space: normal; } } .tickets_section .status span { font-size: 12px; font-family: poppins_medium; } .tickets_section .status.notProcessed, .tickets_section .status.processingOCR { color: #FF8000; background-color: #FFDDCC; } .tickets_section .status.notProcessed span, .tickets_section .status.processingOCR span { color: #FF8000; } .tickets_section .status.OCRFinished, .tickets_section .status.pendingProcessed { color: #FFB300; background-color: #FFF3CC; } .tickets_section .status.OCRFinished span, .tickets_section .status.pendingProcessed span { color: #FFB300; } .tickets_section .status.processed, .tickets_section .status.processedByClient { color: #43B820; background-color: #E7FDE0; } .tickets_section .status.processed span, .tickets_section .status.processedByClient span { color: #43B820; } .tickets_section .status.discard { color: #E60D47; background-color: #FFE3EB; } .tickets_section .status.discard span { color: #E60D47; } .tickets_section .status.autoProcessed { color: #0080FF; background-color: #E6F2FF; } .tickets_section .status.autoProcessed span { color: #0080FF; } .tickets_section .status.otherStatus { color: #999999; background-color: #DDDDDD; } .tickets_section .status.otherStatus span { color: #999999; } .tickets_section .status.draft { color: #B45F06; background-color: #FCE5CD; } .tickets_section .status.draft span { color: #B45F06; } .tickets_section .status.pendingIssued, .tickets_section .status.createdNotIssued, .tickets_section .status.pendingIssuedThisMonth { color: #BF9000; background-color: #FFF2CC; } .tickets_section .status.pendingIssued span, .tickets_section .status.createdNotIssued span, .tickets_section .status.pendingIssuedThisMonth span { color: #BF9000; } .tickets_section .status.issued { color: #3C78D8; background-color: #C9DAF8; } .tickets_section .status.issued span { color: #3C78D8; } .tickets_section .status.sent, .tickets_section .status.issuedAndSent { color: #45818E; background-color: #D0E0E3; } .tickets_section .status.sent span, .tickets_section .status.issuedAndSent span { color: #45818E; } .tickets_section .status.paid, .tickets_section .status.payedInCash { color: #72B8A4; background-color: #D9EAD3; } .tickets_section .status.paid span, .tickets_section .status.payedInCash span { color: #72B8A4; } .tickets_section .right button { margin-bottom: 3px; } .tickets_section .panoramas { display: flex; justify-content: space-between; align-items: center; gap: 5px; margin-bottom: 20px; } .tickets_section .panoramas .panorama { cursor: pointer; background-color: #FFAB00; color: #fff; text-transform: uppercase; font-size: 14px; text-align: center; padding: 10px 5px; font-weight: 600; flex-grow: 1; opacity: 1; transition: opacity 0.3s ease; } .tickets_section .panoramas .panorama.unselected { opacity: 0.4; } .tickets_section .panoramas .panorama.issued { background-color: #C9DAF8; } .tickets_section .panoramas .panorama.issued span { color: #3C78D8; } .tickets_section .panoramas .panorama.future { background-color: #FCE5CD; } .tickets_section .panoramas .panorama.future span { color: #B45F06; } .tickets_section .panoramas .panorama.quarter { background-color: #D9EAD3; } .tickets_section .panoramas .panorama.quarter span { color: #72B8A4; } .tickets_section .panoramas .panorama.all { background-color: #E6F2FF; } .tickets_section .panoramas .panorama.all span { color: #0080FF; } .taxes_resume_modal, .ocr_periods_modal { position: absolute; z-index: 110; bottom: 60px; right: 20px; background-color: white; border: 1px solid #CACACA; border-radius: 3px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding-top: 5px; padding-bottom: 5px; } .taxes_resume_modal.in_dialog, .ocr_periods_modal.in_dialog { position: relative; bottom: 0; right: 0; border: 0; box-shadow: none; width: 400px; max-width: 85vw; } .taxes_resume_modal .taxes_title, .ocr_periods_modal .taxes_title { width: 100%; margin-top: 10px; color: #444; } .taxes_resume_modal .taxes_layer, .ocr_periods_modal .taxes_layer { padding: 0px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; line-height: 1.5; } .taxes_resume_modal .taxes_layer:first-child, .ocr_periods_modal .taxes_layer:first-child { margin-top: 10px; } .taxes_resume_modal .taxes_layer .tax_name, .ocr_periods_modal .taxes_layer .tax_name { font-size: 12px; color: #666; display: inline-block; vertical-align: middle; width: 60%; } .taxes_resume_modal .taxes_layer .tax_value, .ocr_periods_modal .taxes_layer .tax_value { width: 40%; color: #65A594; } .taxes_resume_modal .taxes_layer .tax_value .account_balance, .ocr_periods_modal .taxes_layer .tax_value .account_balance { display: flex; justify-content: flex-end; align-items: center; } .taxes_resume_modal .taxes_layer .tax_value .account_balance .number, .ocr_periods_modal .taxes_layer .tax_value .account_balance .number { font-size: 20px !important; } .taxes_resume_modal .taxes_layer .tax_value .account_balance .decimals, .ocr_periods_modal .taxes_layer .tax_value .account_balance .decimals { font-size: 12px !important; } .taxes_resume_modal .taxes_layer .tax_value .account_balance .currency, .ocr_periods_modal .taxes_layer .tax_value .account_balance .currency { font-size: 20px !important; padding-left: 5px; } .taxes_resume_modal .taxes_liquidation_date, .ocr_periods_modal .taxes_liquidation_date { font-size: 12px; color: #888; margin-top: 5px; } .first_period_container, .type_period_container { font-size: 14px; color: #4E5056; padding: 10px 5px; background-color: rgba(110, 179, 161, 0.2); margin-bottom: 8px; } .census_select { display: flex; justify-content: center; } .selectpicker { display: block; width: 100%; height: 40px; background: #fff; outline: 0; color: #4A4A4A; font-size: 14px; border: 1px solid #DDDDDD; } .validate_tickets_tmpl .ticket_preview { height: calc(100vh - 180px); position: relative; } .validate_tickets_tmpl .ticket_preview img { max-height: 100%; } .validate_tickets_tmpl .ticket_preview canvas { max-height: 100%; max-width: 100%; } .validate_tickets_tmpl .ticket_image_options { text-align: center; margin-bottom: -45px; margin-top: 20px; } @media (max-width: 1199px) { .validate_tickets_tmpl .ticket_image_options { margin-bottom: 20px; margin-top: 0px; } } .validate_tickets_tmpl .ticket_image_options button { width: 49%; } .validate_tickets_tmpl .ticket_form { height: calc(100vh - 306px); min-height: 500px; overflow-x: hidden; margin-top: 20px; background-color: #f0f0f0; } @media (max-width: 1199px) { .validate_tickets_tmpl .ticket_form { margin-bottom: 10px; } } .validate_tickets_tmpl .ticket_form.white { background-color: #fff; } .validate_tickets_tmpl .ticket_form .img_no_elements { margin-top: 40px; } .validate_tickets_tmpl .paginator_layer { display: inline-block; vertical-align: middle; } @media (max-width: 1199px) { .validate_tickets_tmpl .paginator_layer { display: block; } } .validate_tickets_tmpl .paginator_wrapper { margin-top: 5px; } .validate_tickets_tmpl .prev_ticket_button, .validate_tickets_tmpl .next_ticket_button { padding: 10px; cursor: pointer; display: inline-block; } .validate_tickets_tmpl .prev_ticket_button i, .validate_tickets_tmpl .next_ticket_button i { color: #444; font-size: 18px; } .validate_tickets_tmpl .allow_buttons { z-index: -1000; } .validate_tickets_tmpl .taxes_background_popup, .validate_tickets_tmpl .ocr_periods_background_popup { position: absolute; background-color: rgba(0, 0, 0, 0.04); top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .validate_tickets_tmpl .action_buttons { display: inline-flex; justify-content: space-between; } .validate_tickets_tmpl .action_buttons .taxes_buttons { display: inline-flex; } .validate_tickets_tmpl .action_buttons .taxes_buttons .taxes_resume_button, .validate_tickets_tmpl .action_buttons .taxes_buttons .ocr_periods_button { border: 1px solid #fff; } @media (max-width: 1199px) { .validate_tickets_tmpl .action_buttons .taxes_buttons .taxes_resume_button, .validate_tickets_tmpl .action_buttons .taxes_buttons .ocr_periods_button { float: none; } } .validate_tickets_tmpl .action_buttons .taxes_buttons .ocr_periods_button { margin-right: 8px; } .validate_tickets_tmpl .btn-info { display: flex; align-items: center; color: #fff; background: #2aabd2; border: 1px solid white; } @media (max-width: 1199px) { .validate_tickets_tmpl .btn-info { display: inline-block; } } .validate_tickets_tmpl .btn-outline-info { color: #17a2b8; background-color: white; border: 1px solid #17a2b8 !important; } .validate_tickets_tmpl .uploaded_by_title { color: dimgray; background-color: rgba(110, 179, 161, 0.3); border: 1px solid rgba(110, 179, 161, 0.6); padding: 15px; margin-bottom: 20px; } .validate_tickets_tmpl .processed_by_client { color: rgba(0, 0, 0, 0.75); background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.3); padding: 15px; margin-bottom: 20px; } .validate_tickets_tmpl .ticket_type_selector select, .validate_tickets_tmpl .ticket_type_selector select { width: 100%; } .validate_tickets_tmpl .paginator_input { text-align: center; } .text_color .white, .text_color .red, .text_color .blue, .text_color .green, .text_color .yellow, .text_color .orange, .text_color .purple, .text_color .aqua { padding: 8px; } .invoice_tags_selected, .tags_in_invoice, .text_color { display: flex; flex-wrap: wrap; } .invoice_tags_selected .invoice_tag_selected, .invoice_tags_selected .tag, .tags_in_invoice .invoice_tag_selected, .tags_in_invoice .tag, .text_color .invoice_tag_selected, .text_color .tag { margin: 0px 5px 5px 0px; border-radius: 3px; font-size: 12px; color: #555; border: 1px solid #ddd; padding: 3px 7px; background-color: #fff; } .invoice_tags_selected .invoice_tag_selected .remove_icon, .invoice_tags_selected .tag .remove_icon, .tags_in_invoice .invoice_tag_selected .remove_icon, .tags_in_invoice .tag .remove_icon, .text_color .invoice_tag_selected .remove_icon, .text_color .tag .remove_icon { margin-left: 5px; font-size: 14px; vertical-align: text-top; cursor: pointer; } .invoice_tags_selected .white, .tags_in_invoice .white, .text_color .white { background-color: #fff; border: 1px solid #ddd; } .invoice_tags_selected .red, .tags_in_invoice .red, .text_color .red { background-color: #FADBD8; border: 1px solid #F5B7B1; } .invoice_tags_selected .blue, .tags_in_invoice .blue, .text_color .blue { background-color: #D6EAF8; border: 1px solid #AED6F1; } .invoice_tags_selected .green, .tags_in_invoice .green, .text_color .green { background-color: #D5F5E3; border: 1px solid #ABEBC6; } .invoice_tags_selected .yellow, .tags_in_invoice .yellow, .text_color .yellow { background-color: #FCF3CF; border: 1px solid #F9E79F; } .invoice_tags_selected .orange, .tags_in_invoice .orange, .text_color .orange { background-color: #FDEBD0; border: 1px solid #FAD7A0; } .invoice_tags_selected .purple, .tags_in_invoice .purple, .text_color .purple { background-color: #EBDEF0; border: 1px solid #D7BDE2; } .invoice_tags_selected .aqua, .tags_in_invoice .aqua, .text_color .aqua { background-color: #D0ECE7; border: 1px solid #A2D9CE; } .tags_management .checkbox_shrink { width: 0.1%; white-space: nowrap; } .stakeholders_table .avatar { display: inline-block; vertical-align: middle; width: 42px; height: 42px; border-radius: 50%; background-position: 50%; background-repeat: no-repeat; background-size: cover; } .stakeholders_table .stakeholder_data { display: inline-block; vertical-align: middle; margin-left: 10px; } .stakeholders_table .line_main { color: #444; } .stakeholders_table .line_secondary { color: #888; } @media (max-width: 1199px) { .stakeholders_table .stakeholder_data { display: block; margin: 0; } .stakeholders_table .line_main { font-size: 11px; font-weight: 600; text-align: left; } .stakeholders_table .line_secondary { font-size: 11px; color: #444; text-align: left; } } .stakeholder_details_content { padding: 10px; background-color: #f5f5f5; margin: 20px auto; max-width: 800px; position: relative; } .stakeholder_details_content img { max-width: 100px; } .stakeholder_details_content .title { font-size: 18px; font-weight: 600; } .stakeholder_details_content button { width: 30px; height: 30px; border-radius: 50%; border: 0px; background-color: #1E88E5; position: absolute; right: 10px; bottom: 10px; } .stakeholder_details_content button i { color: #fff; font-size: 15px; } .invoices_form_background { background-color: #f0f0f0; padding: 10px; } .autogenerated_layer, .processed_by_client_layer { display: inline-block; vertical-align: middle; color: #673AB7; padding: 3px 5px; font-size: 11px; background-color: #EDE7F6; margin-top: 2px; margin-bottom: 3px; border-radius: 4px; margin-left: 5px; } @media (max-width: 1199px) { .autogenerated_layer, .processed_by_client_layer { font-weight: 300; padding: 0px 4px; margin-top: -2px; } } .discard_ticket_form button { width: 100%; } .discard_ticket_form textarea { width: 100%; height: 100px; margin-bottom: 15px; padding: 10px; resize: none; } .discard_ticket_form .align_left { float: left; } .discard_ticket_form .align_right { float: right; } .discard_ticket_form .top_row { margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .discard_ticket_form .bottom_row { margin-top: 10px; } .discard_ticket_form .accept_row { display: flex; align-items: center; justify-content: center; } .delete_invoice_recurrently_form .row { text-align: center; } .invoice_sample_confirm_form .title { text-align: center; } .invoices_form_ticket .uploaded_by_title_mobile { color: dimgray; background-color: rgba(110, 179, 161, 0.3); border: 1px solid rgba(110, 179, 161, 0.6); padding: 15px; margin-top: 12px; } .invoices_simple_form .btn_edit_stakeholder { font-size: 12px; color: #6EB3A1; text-decoration: underline; margin-left: 4px; } .tickets_section_wrapper .btn_upload_ticket_client { margin-right: 3px; } .taxes_revision .taxes_revision-detail_text { border-top: 2px solid #CCC; padding: 10px; margin: 20px 10px; } .taxes_revision .taxes_revision-title { margin-left: 10px; } .taxes_revision .taxes_revision-title { font-weight: bold; font-size: 12px; } .taxes_revision .taxes_revision-detail.row { margin: 10px 15px; } .taxes_revision .btn { margin-top: 10px; width: 100%; padding: 10px; } .taxes_revision .taxes_revision-detail .values { font-weight: bold; font-size: 35px; text-align: center; } .taxes_revision .taxes_revision-detail .description { color: #888; text-align: center; } .taxes_revision .tax_130 .col { padding-right: 0px !important; } .taxes_revision .tax_130 .taxes_revision-detail .values { font-size: 20px; } .taxes_revision .tax_130 .taxes_revision-detail .description { min-height: 70px; } .customize_template_wrapper { background-color: #f0f0f0; padding: 10px; } .customize_template_wrapper .preview_template { background-color: #fff; } .customize_template_wrapper .fields_template { background-color: #fff; padding: 10px; } .customize_template_wrapper .fields_template .logo { display: block; margin: 0px auto 20px; max-width: 100%; width: 250px; } .customize_template_wrapper .fields_template .title { font-weight: 600; font-size: 14px; color: #000; text-decoration: underline; margin-bottom: 30px; } .customize_template_wrapper .fields_template #slider_width_logo { margin-top: 10px; } .customize_template_wrapper .fields_template .ui-slider-handle { margin-top: -4px; width: 22px; height: 22px; } .customize_template_wrapper .fields_template .color_preview { width: 30px; height: 30px; background-color: #000; display: inline-block; vertical-align: middle; } .customize_template_wrapper .fields_template .error_msg_1 { text-align: left; font-size: 12px; color: #FF5722; font-family: poppins_medium; } .invoice_data_layer .redactor_editor, .invoice_data_layer .redactor_editor div, .invoice_data_layer .redactor_editor p, .invoice_data_layer .redactor_editor ul, .invoice_data_layer .redactor_editor ol, .invoice_data_layer .redactor_editor table, .invoice_data_layer .redactor_editor dl, .invoice_data_layer .redactor_editor blockquote, .invoice_data_layer .redactor_editor pre * { margin: 0 !important; border: none !important; background: none !important; box-shadow: none !important; } .invoice_data_layer .redactor_editor, .invoice_data_layer .redactor_editor div, .invoice_data_layer .redactor_editor p, .invoice_data_layer .redactor_editor ul, .invoice_data_layer .redactor_editor ol, .invoice_data_layer .redactor_editor table, .invoice_data_layer .redactor_editor dl, .invoice_data_layer .redactor_editor blockquote, .invoice_data_layer .redactor_editor pre * { font-size: 14px !important; line-height: 1.6em !important; } .invoice_data_layer .redactor_editor, .invoice_data_layer .redactor_editor div, .invoice_data_layer .redactor_editor p, .invoice_data_layer .redactor_editor ul, .invoice_data_layer .redactor_editor ol, .invoice_data_layer .redactor_editor table, .invoice_data_layer .redactor_editor dl, .invoice_data_layer .redactor_editor blockquote, .invoice_data_layer .redactor_editor pre, .invoice_data_layer .redactor_editor h1, .invoice_data_layer .redactor_editor h2, .invoice_data_layer .redactor_editor h3, .invoice_data_layer .redactor_editor h4, .invoice_data_layer .redactor_editor h5, .invoice_data_layer .redactor_editor h6 * { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important; } .table_invoices .mobile_title { font-size: 11px; font-weight: 600; text-align: left; word-break: break-all; } .table_invoices .mobile_date { font-size: 11px; font-weight: 600; text-align: left; } .table_invoices .mobile_number { font-size: 11px; text-align: left; } .table_invoices .mobile_client { font-size: 11px; text-align: left; } .table_invoices .mobile_status { font-size: 11px; text-align: left; } .table_invoices .client_status { font-size: 12px; } .table_invoices .icon_alert { color: #F44336; font-size: 18px; margin-left: 10px; cursor: pointer; } .xml_markup { white-space: break-spaces; } .xml_generated_msg { color: #666; font-size: 18px; line-height: 30px; font-weight: 600; text-align: center; margin: 30px 20px; } .remittances_header .remittances_options { text-align: right; } @media (max-width: 1199px) { .remittances_header .remittances_options { text-align: left; margin-bottom: 10px; } } .tickets_section_wrapper .remember_vat { color: #000; font-family: poppins_medium; padding: 5px 10px; display: inline-block; margin-right: 10px; border-radius: 4px; margin-bottom: 20px; } .tickets_section_wrapper .remember_vat .number { font-family: poppins_bold; } .tickets_section_wrapper .remember_vat i { font-size: 18px; margin-right: 5px; vertical-align: middle; } .tickets_section_wrapper .remember_vat.positive { background-color: #D7FFD1; } .tickets_section_wrapper .remember_vat.positive .number, .tickets_section_wrapper .remember_vat.positive i { color: #43B820; } .tickets_section_wrapper .remember_vat.negative { background-color: #FFE3EB; } .tickets_section_wrapper .remember_vat.negative .number, .tickets_section_wrapper .remember_vat.negative i { color: #E60D47; } .tickets_section_wrapper .vat_indicators_layer p.medium { font-family: poppins_medium; color: #6C6C6C; max-width: 180px; } .tickets_section_wrapper .vat_indicators_layer .cant { font-family: poppins_bold; font-size: 20px; } .tickets_section_wrapper #billing_chart { height: 150px; width: 100%; } .tickets_section_wrapper .grid_indicators_my_tickets { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; } .tickets_section_wrapper .grid_indicators_my_tickets.one_column { grid-template-columns: 1fr; } @media (max-width: 1199px) { .tickets_section_wrapper .grid_indicators_my_tickets { grid-template-columns: 1fr; } } .tickets_section_wrapper .your_uploaded_tickets, .tickets_section_wrapper .all_uploaded_tickets { position: relative; height: 100%; } .tickets_section_wrapper .your_uploaded_tickets .uploaded_tickets_layer, .tickets_section_wrapper .all_uploaded_tickets .uploaded_tickets_layer { padding: 15px 5px; font-family: poppins_medium; } .tickets_section_wrapper .your_uploaded_tickets .uploaded_tickets_layer > div, .tickets_section_wrapper .all_uploaded_tickets .uploaded_tickets_layer > div { font-family: poppins_medium; } .tickets_section_wrapper .your_uploaded_tickets .uploaded_tickets_layer .num_tickets, .tickets_section_wrapper .all_uploaded_tickets .uploaded_tickets_layer .num_tickets { font-family: poppins_medium; font-size: 39px; } .tickets_section_wrapper .your_uploaded_tickets .saved_layer, .tickets_section_wrapper .all_uploaded_tickets .saved_layer { padding: 15px; background-color: #D7FFD1; font-family: poppins_medium; } .tickets_section_wrapper .your_uploaded_tickets .saved_layer > div, .tickets_section_wrapper .all_uploaded_tickets .saved_layer > div { font-family: poppins_medium; } .tickets_section_wrapper .your_uploaded_tickets .saved_layer .amount, .tickets_section_wrapper .all_uploaded_tickets .saved_layer .amount { font-family: poppins_medium; font-size: 39px; color: #43B820; } .tickets_section_wrapper .your_uploaded_tickets .btn_upload, .tickets_section_wrapper .all_uploaded_tickets .btn_upload { position: absolute; bottom: 0; right: 0; } .tickets_section_wrapper .your_uploaded_tickets .ranking_bottom, .tickets_section_wrapper .all_uploaded_tickets .ranking_bottom { position: absolute; bottom: 0; left: 0; width: 100%; } .tickets_section_wrapper .your_uploaded_tickets .ranking_bottom p.medium, .tickets_section_wrapper .all_uploaded_tickets .ranking_bottom p.medium { font-family: poppins_medium; color: #6C6C6C; max-width: 450px; } .tickets_section_wrapper .expenses_indicators_layer p.medium { font-family: poppins_medium; color: #6C6C6C; max-width: 350px; } .tickets_section_wrapper .incomes_indicators_layer p.medium { font-family: poppins_medium; color: #6C6C6C; max-width: 450px; } .tickets_section_wrapper .overflow_ranking::-webkit-scrollbar { height: 5px; opacity: 0; background-color: #F5F5F5; } .tickets_section_wrapper .overflow_ranking::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } .tickets_section_wrapper .overflow_ranking::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } .tickets_section_wrapper .overflow_ranking:hover::-webkit-scrollbar { opacity: 1; } .tickets_section_wrapper .overflow_ranking:hover::-webkit-scrollbar-track { opacity: 1; } .tickets_section_wrapper .overflow_ranking:hover::-webkit-scrollbar-thumb { opacity: 1; } .tickets_section_wrapper .invoices_section .header_section { display: none; } .tickets_section_wrapper .invoices_section .list_wrapper.finutive_content { border: 0; padding: 0; margin-bottom: 0; background-color: none; } .dashboard_your_tickets, .dashboard_all_tickets { position: relative; height: 100%; } .dashboard_your_tickets .uploaded_tickets_layer, .dashboard_all_tickets .uploaded_tickets_layer { padding: 15px 5px; font-family: poppins_medium; } .dashboard_your_tickets .uploaded_tickets_layer > div, .dashboard_all_tickets .uploaded_tickets_layer > div { font-family: poppins_medium; } .dashboard_your_tickets .uploaded_tickets_layer .num_tickets, .dashboard_all_tickets .uploaded_tickets_layer .num_tickets { font-family: poppins_medium; font-size: 39px; } .dashboard_your_tickets .saved_layer, .dashboard_all_tickets .saved_layer { padding: 15px; background-color: #D7FFD1; font-family: poppins_medium; } .dashboard_your_tickets .saved_layer > div, .dashboard_all_tickets .saved_layer > div { font-family: poppins_medium; } .dashboard_your_tickets .saved_layer .amount, .dashboard_all_tickets .saved_layer .amount { font-family: poppins_medium; font-size: 39px; color: #43B820; } .dashboard_your_tickets .btn_upload, .dashboard_all_tickets .btn_upload { position: absolute; bottom: 0; right: 0; } .dashboard_your_tickets .ranking_bottom, .dashboard_all_tickets .ranking_bottom { position: absolute; bottom: 0; left: 0; width: 100%; } .dashboard_your_tickets .ranking_bottom p.medium, .dashboard_all_tickets .ranking_bottom p.medium { font-family: poppins_medium; color: #6C6C6C; max-width: 450px; } .dashboard_your_tickets .overflow_ranking::-webkit-scrollbar, .dashboard_all_tickets .overflow_ranking::-webkit-scrollbar { height: 10px; opacity: 0; background-color: #F5F5F5; } .dashboard_your_tickets .overflow_ranking::-webkit-scrollbar-track, .dashboard_all_tickets .overflow_ranking::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } .dashboard_your_tickets .overflow_ranking::-webkit-scrollbar-thumb, .dashboard_all_tickets .overflow_ranking::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } .dashboard_your_tickets .overflow_ranking:hover::-webkit-scrollbar, .dashboard_all_tickets .overflow_ranking:hover::-webkit-scrollbar { opacity: 1; } .dashboard_your_tickets .overflow_ranking:hover::-webkit-scrollbar-track, .dashboard_all_tickets .overflow_ranking:hover::-webkit-scrollbar-track { opacity: 1; } .dashboard_your_tickets .overflow_ranking:hover::-webkit-scrollbar-thumb, .dashboard_all_tickets .overflow_ranking:hover::-webkit-scrollbar-thumb { opacity: 1; } .dashboard_your_tickets .expenses_user .expenses_grid, .dashboard_all_tickets .expenses_user .expenses_grid { display: grid; grid-template-columns: 60px 120px; grid-gap: 10px; } .dashboard_your_tickets .expenses_user .expenses_grid .avatar, .dashboard_all_tickets .expenses_user .expenses_grid .avatar { width: 45px; height: 45px; } .dashboard_your_tickets .expenses_user .expenses_grid .avatar img, .dashboard_all_tickets .expenses_user .expenses_grid .avatar img { width: 45px; height: 45px; } .dashboard_your_tickets .expenses_user .expenses_grid .user_name, .dashboard_all_tickets .expenses_user .expenses_grid .user_name { font-family: poppins_semibold; color: #000; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } .dashboard_all_tickets .uploaded_tickets_layer { padding: 0px 5px; } .dashboard_all_tickets .btn_upload { position: relative; bottom: auto; right: auto; } .dashboard_all_tickets button { margin-bottom: 10px; } .panel-width-1 .dashboard_your_tickets .btn_upload, .panel-width-1 .dashboard_all_tickets .btn_upload { right: auto; } .panel-width-1 .dashboard_your_tickets .saved_layer .amount, .panel-width-1 .dashboard_all_tickets .saved_layer .amount { font-size: 30px; } .panel-height-1 .dashboard_your_tickets .ranking_bottom, .panel-height-1 .dashboard_all_tickets .ranking_bottom { display: none; } .panel-height-1 .dashboard_your_tickets .btn_upload, .panel-height-1 .dashboard_all_tickets .btn_upload { right: auto; } @media (max-width: 1199px) { .dashboard_your_tickets .btn_upload, .dashboard_all_tickets .btn_upload { right: auto; } .dashboard_your_tickets .saved_layer .amount, .dashboard_all_tickets .saved_layer .amount { font-size: 30px; } .dashboard_all_tickets .ranking_bottom { position: relative; margin-top: 20px; } } .balance_prevision { min-width: 350px; } .balance_prevision table td { color: #242526; } .position_relative { position: relative; } .onboarding_wrapper { position: absolute; width: 100%; height: 100%; max-height: 100%; top: 0; left: 0; z-index: 100; } .onboarding_wrapper button { color: #fff; } .onboarding_wrapper .spinner { transform: translateY(-50%); top: 40%; } .onboarding_wrapper button { border: none; background-color: #fff; padding: 15px; text-transform: uppercase; font-size: 14px; width: 70%; border-radius: 5px; font-weight: 600; max-width: 800px; } .onboarding_wrapper button.primary { color: #fff; } .onboarding_wrapper .step { position: relative; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .onboarding_wrapper .step .back_arrow { position: absolute; left: 0; top: 0; padding: calc(15px + env(safe-area-inset-top, 0px)) 5px 5px; cursor: pointer; z-index: 10; color: #fff; font-size: 14px; font-weight: 600; width: 100%; text-align: left; } .onboarding_wrapper .step .back_arrow i { color: #fff; font-size: 22px; vertical-align: middle; margin-top: -7px; margin-right: 3px; } .onboarding_wrapper .step .content { position: relative; height: calc(100% - 105px - env(safe-area-inset-bottom, 0px)); overflow: auto; text-align: center; padding: calc(15px + env(safe-area-inset-top, 0px)) 15px 15px; background-color: transparent; border-radius: 0; width: 100%; float: none; white-space: initial; } .onboarding_wrapper .step .content .title { color: #fff; font-size: 22px; margin: 10% auto 10px; } .onboarding_wrapper .step .content .section_description { font-size: 16px; color: #fff; line-height: 22px; margin: 5px auto 10px; text-align: left; } .onboarding_wrapper .step .content .section_description * { font-size: 16px; } .onboarding_wrapper .step .content .subsection_subtitle { color: #fff; } .onboarding_wrapper .step .content .input_title { font-size: 16px; color: #fff; line-height: 20px; margin: 15px auto 15px; font-weight: 600; } .onboarding_wrapper .step .content .input_element { color: #fff; } .onboarding_wrapper .step .content .input_element select { background-color: transparent; border: 0; border-bottom: 1px solid #fff; width: 80%; padding: 3px; color: #fff; text-align-last: center; border-radius: 0; appearance: normal; -moz-appearance: none; -webkit-appearance: none; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; } .onboarding_wrapper .step .content .input_element select option { color: #444; } .onboarding_wrapper .step .content .input_element select.error { border-bottom: 1px solid #ff0000; color: #ff0000 !important; background-color: #FFCDD2 !important; } .onboarding_wrapper .step .content .input_element input[type=text], .onboarding_wrapper .step .content .input_element input[type=tel], .onboarding_wrapper .step .content .input_element input[type=date], .onboarding_wrapper .step .content .input_element input[type=number], .onboarding_wrapper .step .content .input_element input[type=email], .onboarding_wrapper .step .content .input_element input[type=password] { background-color: transparent; border: 0; border-bottom: 1px solid #fff; width: 80%; padding: 3px; color: #fff; text-align: center; border-radius: 0; } .onboarding_wrapper .step .content .input_element input[type=text]::placeholder, .onboarding_wrapper .step .content .input_element input[type=tel]::placeholder, .onboarding_wrapper .step .content .input_element input[type=date]::placeholder, .onboarding_wrapper .step .content .input_element input[type=number]::placeholder, .onboarding_wrapper .step .content .input_element input[type=email]::placeholder, .onboarding_wrapper .step .content .input_element input[type=password]::placeholder { color: #fff; opacity: 1; } .onboarding_wrapper .step .content .input_element input[type=text].error, .onboarding_wrapper .step .content .input_element input[type=tel].error, .onboarding_wrapper .step .content .input_element input[type=date].error, .onboarding_wrapper .step .content .input_element input[type=number].error, .onboarding_wrapper .step .content .input_element input[type=email].error, .onboarding_wrapper .step .content .input_element input[type=password].error { border-bottom: 1px solid #ff0000; color: #ff0000 !important; background-color: #FFCDD2 !important; } .onboarding_wrapper .step .content .input_element .select2-container--default .select2-selection--single { background-color: transparent; border: 0px; border-bottom: 1px solid #fff; } .onboarding_wrapper .step .content .input_element .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .onboarding_wrapper .step .content .input_element .select2-container--default .select2-selection--single .select2-selection__arrow { background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; background: url("https://platform.finutive.com/app/ce7d5ea4cf1deaf1df5f91f1b5546415e577dd98bb55962d0e80c1384517eda7ab9e9cf6c8a405002d4d8e8e603f4672bb4adc746eebba88622c5def10b4f8199f1b59e114791568726169/assets/img/onboarding/chevrons-up-down.png") right no-repeat; } .onboarding_wrapper .step .content .input_element .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0px; } .onboarding_wrapper .step .content .input_element .select2-container--open .select2-dropdown--below { margin-top: -30px; } .onboarding_wrapper .step .content .input_element .checkbox_layer { text-align: left; margin-top: 20px; } .onboarding_wrapper .step .content .input_element .checkbox_layer label { font-size: 12px; color: #fff; } .onboarding_wrapper .step .content .banks_step1 iframe { width: 100%; height: 670px; border: 1px solid #ccc; background-color: #fff; margin-top: 10px; } .onboarding_wrapper .step .content .banks_step1 .info_layer { background-color: white; margin: 10px auto; width: 65%; color: black; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container { display: flex; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel { margin: 2% auto 0; width: 100%; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel .bank_search { width: 65%; text-align: start; color: #fff !important; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel .banks_container { grid-template-columns: 33% 33% 33%; margin: 0 auto; width: 68%; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel .banks_container .bank_button.card { box-shadow: 0px 0px 0px 0px #f0f0f0; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel .selected_bank .text { color: white; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel .form_inputs { width: 65%; margin: 0 auto; } .onboarding_wrapper .step .content .banks_step1 .add_account_view .main_bank_container .component_panel .form_inputs .form_question_title { color: white; } .onboarding_wrapper .step .content .banks_step2 { display: none; } .onboarding_wrapper .step .content .banks_step2 .buttons { font-size: 0; } .onboarding_wrapper .step .content .banks_step2 .buttons button { width: 46%; margin: 15px 2%; padding: 10px; } .onboarding_wrapper .step .content .link { font-size: 16px; color: #fff; text-align: left; display: block; text-decoration: underline; } .onboarding_wrapper .step .content .banks_security { border: 2px solid #fff; padding: 5px; margin: 10px auto; width: 65%; background-color: white; } .onboarding_wrapper .step .content .banks_security .element { font-size: 0; margin: 10px 0; background-color: transparent; text-shadow: none; border: 0; } .onboarding_wrapper .step .content .banks_security .element .icon { display: inline-block; vertical-align: middle; width: 50px; text-align: left; } .onboarding_wrapper .step .content .banks_security .element .icon img { max-width: 36px; max-height: 36px; } .onboarding_wrapper .step .content .banks_security .element .icon i { color: #2a3c52; font-size: 30px; margin-left: 6px; } .onboarding_wrapper .step .content .banks_security .element .text { display: inline-block; vertical-align: middle; width: calc(100% - 50px); color: black; font-size: 12px; text-align: left; } .onboarding_wrapper .step .content .banks_security .buttons { text-align: center; } .onboarding_wrapper .step .content .banks_security .buttons button { padding: 5px; width: auto; } .onboarding_wrapper .step .content .info_layer { border: 2px solid #fff; padding: 5px; color: #fff; font-size: 16px; } .onboarding_wrapper .step .content .info_layer .buttons { text-align: center; } .onboarding_wrapper .step .content .info_layer .buttons button { padding: 5px; width: auto; } .onboarding_wrapper .step .content .manage_your_account img { display: block; max-width: 80%; margin: 0px auto 20px; } .onboarding_wrapper .step .content .manage_your_account a { color: #fff; font-size: 14px; text-decoration: underline; text-align: center; } .onboarding_wrapper .step .content .manage_your_account a.main_button { color: #666; background-color: #fff; display: block; padding: 10px; margin-top: 10px; border-radius: 3px; border: 1px solid #ccc; text-decoration: none; box-shadow: 0px 2px 2px 0px #666; font-weight: 600; } .onboarding_wrapper .step .footer { position: relative; height: calc(105px + env(safe-area-inset-bottom, 0px)); text-align: center; background-color: rgba(0, 0, 0, 0.2); padding-top: 1px; padding: 1px 0 env(safe-area-inset-bottom, 20px) 0; } .onboarding_wrapper .step .footer .stepper { margin: 10px auto; } .onboarding_wrapper .step .footer .stepper .step_paginator { width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin: 5px; border-radius: 50%; border-width: 1px; border-style: solid; background-color: #fff; border-color: #fff; } .onboarding_wrapper .step .footer .stepper_buttons { max-width: 800px; margin: 0 auto; } .onboarding_wrapper .step .footer .stepper_buttons .back { color: #fff; background-color: #FFA726; width: 20%; } @media (min-width: 767px) { .onboarding_wrapper .step .footer .stepper_buttons .continue { width: 60%; } } .onboarding_wrapper .step.docusign_contract_step iframe { background-color: #fff; border: 1px solid #ccc; width: 100%; height: 60vh; } .onboarding_wrapper .step.step_services .services_mbl_hexagons_view { width: 100%; } .onboarding_wrapper .step.step_services .services_mbl_hexagons_view .hexagon { transition: all 0.3s; } @media (min-width: 767px) { .onboarding_wrapper .step.step_services .title { margin-top: 1%; } } .onboarding_wrapper .step_1 { height: 100%; } .onboarding_wrapper .step_1 .background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(https://platform.finutive.com/app/3447ae1c48d42d3fcd9d7049a5fa293aa372c47b1dfb5844563cab480689cf4325dc3a74e81be3f5cf575eb39d729bad5f92377e1eb478c2af17687efa26b809645c3fa571951566486325/OnBoarding/assets/img/onboarding1.png); background-position: 50%; background-size: cover; z-index: 1; } .onboarding_wrapper .step_1 .background_fade { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; opacity: 0.9; } .onboarding_wrapper .step_1 .content { z-index: 2; position: relative; text-align: center; padding: 15px; height: 100%; float: none; width: 100%; background-color: transparent; border-radius: 0; } .onboarding_wrapper .step_1 .content .control_size { height: 100%; } .onboarding_wrapper .step_1 .content .logo { margin-top: 10vh; max-width: 100px; max-height: 100px; margin-bottom: 5vh; } .onboarding_wrapper .step_1 .content .title { color: #fff; font-size: 18px; margin: 15px auto; } .onboarding_wrapper .step_1 .content .message { color: #fff; font-size: 20px; font-weight: 600; line-height: 40px; } .onboarding_wrapper .step_1 .content button { position: absolute; bottom: 20px; left: 50%; margin-left: -35%; color: #fff; z-index: 100; } .onboarding_wrapper .step3 .add_account_view .title { margin: 6% auto 10px; } .onboarding_wrapper .step6 .account button { padding: 5px; width: 100%; font-size: 12px; margin-top: 10px; } .onboarding_wrapper .step6 .account .account_disabled_otp { display: none; } .onboarding_wrapper .all_services_mbl_wrapper { white-space: initial; } .onboarding_wrapper .all_services_mbl_wrapper .all_services_column { min-width: 290px; background-color: rgba(0, 0, 0, 0.2); margin: 10px 0.2% 10px 0.2%; } .onboarding_wrapper .all_services_mbl_wrapper .all_services_title { color: #fff; } .onboarding_wrapper .services_caption { background-color: rgba(0, 0, 0, 0.2); border: 0; } .onboarding_wrapper .services_caption .caption_text { color: #fff; } .onboarding_wrapper .title_services { color: #fff; } .onboarding_wrapper .account_step .finutive_title_content { display: none; } .onboarding_wrapper .account_step .btn_back_to_banks { color: #fff; } .onboarding_wrapper .account_step .component_panel .finutive_title_content { display: block; } .onboarding_wrapper .account_step .component_panel .subsection_subtitle { color: #666 !important; } .onboarding_wrapper .account_step .btn_done { display: none; } .onboarding_wrapper .finutive_section_title { color: #fff; } .onboarding_wrapper .services_section .title_services { color: #fff; } .onboarding_wrapper .services_section .services_caption { background-color: transparent; } .onboarding_wrapper .services_section .all_services_column .finutive_title_content { color: #fff; } .onboarding_desktop_version { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 1000; text-align: center; white-space: nowrap; font-size: 0; } .onboarding_desktop_version .left_column { width: 350px; height: 100%; display: inline-block; background: url("https://platform.finutive.com/app/3fbae7b8901780703ba25e735476d84f48625c8be55f223d25b0e7ea4a88fb0a2ada3ae80b544cea54e54b6a4079782fda761ec66568e386d9c456765f12aba12c2402b1896c1555317555/") no-repeat center/cover scroll; } .onboarding_desktop_version .desktop_content { position: relative; display: inline-block; vertical-align: top; height: 100%; width: calc(100% - 350px); border-radius: 5px; } .onboarding_desktop_version .desktop_content .all_services_mbl_wrapper { overflow: hidden; } .onboarding_desktop_version .desktop_content .all_services_mbl_wrapper i.fas { font-family: "Font Awesome 5 Free" !important; font-weight: 900; } .onboarding_desktop_version .desktop_content .section_description { text-align: center !important; } .onboarding_desktop_version .desktop_content .control_size { max-width: 800px; margin: 0 auto; position: relative; max-height: 100%; } .onboarding_desktop_version .desktop_content .content .link { text-align: center !important; } .onboarding_desktop_version .desktop_content .docusign_contract_step iframe { height: 1000px !important; } .onboarding_desktop_version .desktop_content .account { padding: 10px; background-color: #fff; border-radius: 3px; margin-bottom: 15px; position: relative; margin: 0 10px 10px 0; box-shadow: 0px 0px 5px 1px #ddd; text-align: left; display: inline-block; vertical-align: middle; } .onboarding_desktop_version .desktop_content .account .row { margin-left: -5px; } .onboarding_desktop_version .desktop_content .account .subtitle { color: #444; font-size: 12px; font-weight: 600; margin-top: 0px; } .onboarding_desktop_version .desktop_content .account .bank_name { color: #444; font-size: 11px; font-weight: 600; line-height: 11px; } .onboarding_desktop_version .desktop_content .account .logo_bank { display: inline-block; vertical-align: top; } .onboarding_desktop_version .desktop_content .account .logo_bank img { max-width: 40px; } .onboarding_desktop_version .desktop_content .account button { padding: 5px; width: 100%; font-size: 12px; margin-top: 10px; } .onboarding_desktop_version .desktop_content .account .btn.btn-success { color: #fff; background: #00C853; } .onboarding_desktop_version .desktop_content .account .btn.btn-danger { color: #fff; background: #e16567; } .onboarding_desktop_version .desktop_content .account .right { text-align: right; } @media (max-width: 767px) { .onboarding_desktop_version .left_column { display: none; } .onboarding_desktop_version .desktop_content { width: 100%; border-radius: 0; } } .onboarding_wrapper { background-color: #6eb3a1; } .onboarding_wrapper .back_arrow { background-color: #6eb3a1; } .onboarding_wrapper button { background-color: #2a3254; } .onboarding_wrapper button.primary { background-color: #2a3254; } .onboarding_wrapper button.secondary { color: #2a3254; background-color: #fff; } .onboarding_wrapper .step .stepper .step_paginator.active { background-color: #2a3254; border-color: #2a3254; } .onboarding_wrapper .step_1 .background_fade { background-color: #6eb3a1; } .onboarding_wrapper .step_1 .content button { background-color: #2a3254; } .summary_mobile .dashboard_panel.add_account { color: var(--core-primary-color); } .summary_mobile { position: relative; } .summary_mobile .owl-carousel .owl-stage { display: flex; padding-right: 0 !important; padding-left: 0 !important; } .summary_mobile .owl-carousel .owl-item .card { width: auto; height: calc(100% - 6px); padding: 20px 20px 25px; border-radius: 0; } .summary_mobile .owl-theme .owl-dots { margin-top: -27px !important; position: relative; margin-bottom: 0px; } .summary_mobile .offers.owl-theme .owl-dots button span { background-color: rgba(255, 255, 255, 0.6); } .summary_mobile .offers.owl-theme .owl-dots button.active span { background-color: #fff; } .summary_mobile .owl-nav { position: absolute; width: 100%; top: calc(50% - 40px); z-index: 100; } .summary_mobile .owl-nav .owl-prev { left: 0px; position: absolute; padding: 20px; } .summary_mobile .owl-nav .owl-prev:hover { background: none !important; color: #000; } .summary_mobile .owl-nav .owl-prev span { font-size: 50px; } .summary_mobile .owl-nav .owl-next { right: 0px; position: absolute; padding: 20px; } .summary_mobile .owl-nav .owl-next:hover { background: none !important; color: #000; } .summary_mobile .owl-nav .owl-next span { font-size: 50px; } .summary_mobile .cant * { color: #fff; font-weight: 600; } .summary_mobile .cant i { font-size: 16px; } .summary_mobile .cant .number { font-size: 18px; color: #65a594; display: inline-block; } .summary_mobile .cant .decimals { font-size: 12px; color: #65a594; display: inline-block; margin-left: -3px; margin-right: -1px; } .summary_mobile .cant .currency { font-size: 18px; color: #65a594; display: inline-block; } .summary_mobile .cant.negative .number { color: #E60D47; } .summary_mobile .cant.negative .decimals { color: #E60D47; } .summary_mobile .cant.negative .currency { color: #E60D47; } .summary_mobile .cant.big .number { font-size: 24px; } .summary_mobile .cant.big .decimals { font-size: 14px; } .summary_mobile .cant.big .currency { font-size: 24px; } .summary_mobile .dashboard_panel { position: relative; margin-top: 10px; } .summary_mobile .dashboard_panel:first-child { margin-top: 0; } .summary_mobile .dashboard_panel p { color: #aaa; margin-bottom: 3px; display: inline-block; } .summary_mobile .dashboard_panel p.medium { font-size: 12px; } .summary_mobile .dashboard_panel p.small { font-size: 11px; } .summary_mobile .dashboard_panel p.small i { font-size: 11px; } @media (max-width: 767px) { .summary_mobile .dashboard_panel p.medium { font-size: 11px; } .summary_mobile .dashboard_panel p.small { font-size: 10px; } .summary_mobile .dashboard_panel p.small i { font-size: 10px; } } .summary_mobile .dashboard_panel .delete_icon { position: absolute; top: 10px; right: 10px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .summary_mobile .dashboard_panel.general_balance { background-color: #65a594; } .summary_mobile .dashboard_panel.general_balance .balance_element { font-size: 0; margin-bottom: 10px; } .summary_mobile .dashboard_panel.general_balance .balance_element:last-child { margin-bottom: -10px; } .summary_mobile .dashboard_panel.general_balance .balance_element .name { display: inline-block; font-size: 14px; color: #fff; width: 60%; font-weight: 600; } .summary_mobile .dashboard_panel.general_balance .balance_element .name.bank { font-size: 16px; } .summary_mobile .dashboard_panel.general_balance .balance_element .date { display: inline-block; font-size: 12px; color: #555; width: 40%; text-align: right; font-weight: 600; } .summary_mobile .dashboard_panel.account { height: 100%; padding: 10px; } .summary_mobile .dashboard_panel.account .account_disabled_options button { display: block; margin-bottom: 5px; width: 100%; } .summary_mobile .dashboard_panel.account .logo_bank { display: inline-block; vertical-align: top; } .summary_mobile .dashboard_panel.account .logo_bank img { max-width: 80px; max-height: 30px; width: auto; margin-bottom: 5px; } .summary_mobile .dashboard_panel.account .bank_data .bank_name { color: #444; font-size: 14px; font-weight: 600; word-break: break-word; pointer-events: none; margin-bottom: 5px; } .summary_mobile .dashboard_panel.account .bank_data .account_name { color: #666; font-size: 12px; font-weight: 600; line-height: 11px; height: 30px; overflow: hidden; word-break: break-word; } .summary_mobile .dashboard_panel.account .bank_update { font-size: 11px; color: #aaa; } .summary_mobile .dashboard_panel.account .bank_update i { font-size: 10px; } .summary_mobile .dashboard_panel.account .button_account { padding-top: 15px; clear: both; } .summary_mobile .dashboard_panel.account .button_account button { width: 100%; padding: 10px 0; } .summary_mobile .dashboard_panel.account .icon_view_movements { padding: 10px; position: absolute; top: 0; right: 0; cursor: pointer; } .summary_mobile .dashboard_panel.account .icon_view_movements i { font-size: 12px; color: #888; } .summary_mobile .dashboard_panel .filters { position: absolute; right: 20px; top: 20px; white-space: nowrap; } .summary_mobile .dashboard_panel .filters > div { width: 33.3333333333%; text-align: center; color: #aaa; font-size: 12px; display: inline-block; } .summary_mobile .dashboard_panel .filters > div.active { color: #444; border-bottom: 1px solid #444; font-weight: 600; } .summary_mobile .dashboard_panel .chart { margin-top: 30px; } .summary_mobile .dashboard_panel .indicator { border-radius: 5px; text-align: right; padding: 5px; border: 2px solid #65a594; } .summary_mobile .dashboard_panel .indicator * { color: #65a594; } .summary_mobile .dashboard_panel .indicator .value { font-size: 18px; } .summary_mobile .dashboard_panel .indicator.negative { border: 2px solid #E60D47; } .summary_mobile .dashboard_panel .indicator.negative * { color: #E60D47; } .summary_mobile .dashboard_panel#trend_3 .row_1, .summary_mobile .dashboard_panel#trend_4 .row_1 { margin-top: 38px; } .summary_mobile .dashboard_panel#trend_3 .row_2, .summary_mobile .dashboard_panel#trend_4 .row_2 { margin-top: 38px; margin-bottom: -6px; } .summary_mobile .dashboard_panel.offer { background-color: #65a594; margin-bottom: 4px; margin-top: 2px; } @media (max-width: 767px) { .summary_mobile .dashboard_panel.offer { border-radius: 0; } } .summary_mobile .dashboard_panel.offer * { color: #fff !important; } .summary_mobile .dashboard_panel.offer button { margin-top: 20px; vertical-align: middle; border: 1px solid #fff; } .summary_mobile .owl-item { margin-left: 10px; } .summary_mobile .owl-item:first-child { margin-left: 0; } .summary_mobile .your_situation .row1 { margin-bottom: 20px; } .summary_mobile .offers { margin-left: -8px; width: calc(100% - 5px); } @media (max-width: 767px) { .summary_mobile .offers { width: 100vw; margin-left: -5px; border-radius: 0px; } } .summary_mobile .taxes_layer { padding: 3px 0px; font-size: 0; border-bottom: 1px solid #ddd; white-space: nowrap; } .summary_mobile .taxes_layer:first-child { margin-top: 10px; } .summary_mobile .taxes_layer .tax_name { font-size: 12px; color: #666; display: inline-block; vertical-align: middle; width: 60%; } .summary_mobile .taxes_layer .tax_value { display: inline-block; vertical-align: middle; width: 40%; } .summary_mobile .taxes_layer .tax_value .number { font-size: 20px !important; } .summary_mobile .taxes_layer .tax_value .decimals { font-size: 12px !important; } .summary_mobile .taxes_layer .tax_value .currency { font-size: 20px !important; } .summary_mobile .taxes_liquidation_date { font-size: 12px; color: #888; margin-top: 5px; } .future_dates_section .filters, .future_section .filters { white-space: nowrap; } .future_dates_section .filters > div, .future_section .filters > div { text-align: center; color: #aaa; font-size: 12px; display: inline-block; padding: 0px 10px; cursor: pointer; } .future_dates_section .filters > div.active, .future_section .filters > div.active { color: #444; border-bottom: 1px solid #444; font-weight: 600; } @media (max-width: 767px) { .future_dates_section .filters, .future_section .filters { margin-top: 20px; text-align: center; } .future_dates_section .filters > div, .future_section .filters > div { font-size: 12px; padding: 0px 5px; } } .future_dates_section .filters_future, .future_section .filters_future { margin-top: -45px; } @media (max-width: 767px) { .future_dates_section .filters_future, .future_section .filters_future { margin-top: 0px; } } .future_dates_section .filters_future .form_question_title, .future_section .filters_future .form_question_title { text-align: center; } .future_dates_section .burnrate, .future_section .burnrate { margin-top: 30px; } .future_dates_section .burnrate .burnrate_text, .future_section .burnrate .burnrate_text { text-align: left; text-transform: uppercase; font-size: 12px; font-family: poppins_semibold; color: #4E5056; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 767px) { .future_dates_section .burnrate .burnrate_text, .future_section .burnrate .burnrate_text { font-size: 11px; margin: 0 auto; width: 100%; text-align: center; } } .future_dates_section .burnrate .cant, .future_section .burnrate .cant { text-align: left; font-size: 24px; white-space: nowrap; } .future_dates_section .burnrate .cant .number, .future_section .burnrate .cant .number { font-size: 20px !important; font-family: poppins_bold; } .future_dates_section .burnrate .cant .decimals, .future_section .burnrate .cant .decimals { font-size: 14px !important; } .future_dates_section .burnrate .cant .currency, .future_section .burnrate .cant .currency { font-size: 24px !important; } @media (max-width: 767px) { .future_dates_section .burnrate .cant, .future_section .burnrate .cant { text-align: center; } .future_dates_section .burnrate .cant .number, .future_section .burnrate .cant .number { font-size: 16px !important; } .future_dates_section .burnrate .cant .decimals, .future_section .burnrate .cant .decimals { font-size: 10px !important; } .future_dates_section .burnrate .cant .currency, .future_section .burnrate .cant .currency { font-size: 12px !important; } } .future_dates_section .burnrate .burnrate_minus, .future_dates_section .burnrate .burnrate_separator, .future_section .burnrate .burnrate_minus, .future_section .burnrate .burnrate_separator { text-align: center; font-size: 14px; font-family: poppins_bold; color: #A6B1C2; background-color: #F0F2F7; padding-top: 10px; width: 36px; height: 36px; border-radius: 50%; } @media (max-width: 767px) { .future_dates_section .burnrate .burnrate_minus, .future_dates_section .burnrate .burnrate_separator, .future_section .burnrate .burnrate_minus, .future_section .burnrate .burnrate_separator { margin: 0 auto 10px; } } .future_dates_section .burnrate .burnrate_equal, .future_section .burnrate .burnrate_equal { text-align: center; font-size: 14px; font-family: poppins_bold; color: #A6B1C2; background-color: #F0F2F7; padding-top: 10px; width: 36px; height: 36px; border-radius: 50%; } @media (max-width: 767px) { .future_dates_section .burnrate .burnrate_equal, .future_section .burnrate .burnrate_equal { margin: 0 auto 10px; } } @media (max-width: 767px) { .future_dates_section .burnrate .burnrate_result, .future_section .burnrate .burnrate_result { margin: 0 auto; } } .future_dates_section .flex, .future_section .flex { display: flex; justify-content: space-between; } .future_dates_section .invoices_conciliation, .future_section .invoices_conciliation { margin-top: 30px; } .future_dates_section .invoices_conciliation .invoices_text, .future_section .invoices_conciliation .invoices_text { text-align: left; text-transform: uppercase; font-size: 12px; font-family: poppins_semibold; color: #4E5056; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; } @media (max-width: 767px) { .future_dates_section .invoices_conciliation .invoices_text, .future_section .invoices_conciliation .invoices_text { font-size: 11px; } } .future_dates_section .invoices_conciliation .cant, .future_section .invoices_conciliation .cant { text-align: left; font-size: 24px; font-weight: 600; white-space: nowrap; } .future_dates_section .invoices_conciliation .cant .number, .future_section .invoices_conciliation .cant .number { font-size: 20px !important; font-family: poppins_bold; } .future_dates_section .invoices_conciliation .cant .decimals, .future_section .invoices_conciliation .cant .decimals { font-size: 14px !important; } .future_dates_section .invoices_conciliation .cant .currency, .future_section .invoices_conciliation .cant .currency { font-size: 24px !important; } @media (max-width: 767px) { .future_dates_section .invoices_conciliation .cant .number, .future_section .invoices_conciliation .cant .number { font-size: 16px !important; } .future_dates_section .invoices_conciliation .cant .decimals, .future_section .invoices_conciliation .cant .decimals { font-size: 10px !important; } .future_dates_section .invoices_conciliation .cant .currency, .future_section .invoices_conciliation .cant .currency { font-size: 12px !important; } } .future_dates_section .unpaid, .future_section .unpaid { margin-top: 30px; } .future_dates_section .unpaid .unpaid_text, .future_section .unpaid .unpaid_text { text-align: left; text-transform: uppercase; font-size: 12px; font-family: poppins_semibold; color: #4E5056; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; } @media (max-width: 767px) { .future_dates_section .unpaid .unpaid_text, .future_section .unpaid .unpaid_text { font-size: 11px; max-width: 100%; text-align: center; margin: 0 auto; } } .future_dates_section .unpaid .cant, .future_section .unpaid .cant { text-align: left; font-size: 24px; font-weight: 600; white-space: nowrap; } @media (max-width: 767px) { .future_dates_section .unpaid .cant, .future_section .unpaid .cant { text-align: center; } } .future_dates_section .unpaid .cant .number, .future_section .unpaid .cant .number { font-size: 20px !important; font-family: poppins_bold; } .future_dates_section .unpaid .cant .percent, .future_section .unpaid .cant .percent { font-size: 24px !important; font-family: poppins_bold; display: inline-block; } @media (max-width: 767px) { .future_dates_section .unpaid .cant .number, .future_section .unpaid .cant .number { font-size: 16px !important; } .future_dates_section .unpaid .cant .percent, .future_section .unpaid .cant .percent { font-size: 12px !important; } } .future_dates_section .unpaid .unpaid_division, .future_section .unpaid .unpaid_division { text-align: center; font-size: 14px; font-family: poppins_bold; color: #A6B1C2; background-color: #F0F2F7; padding-top: 10px; width: 36px; height: 36px; border-radius: 50%; } @media (max-width: 767px) { .future_dates_section .unpaid .unpaid_division, .future_section .unpaid .unpaid_division { margin: 10px auto; } } .future_dates_section .unpaid .unpaid_equal, .future_section .unpaid .unpaid_equal { text-align: center; font-size: 14px; font-family: poppins_bold; color: #A6B1C2; background-color: #F0F2F7; padding-top: 10px; width: 36px; height: 36px; border-radius: 50%; } @media (max-width: 767px) { .future_dates_section .unpaid .unpaid_equal, .future_section .unpaid .unpaid_equal { margin: 10px auto; } } .future_dates_section .unpaid .unpaid_rate > .positive, .future_section .unpaid .unpaid_rate > .positive { color: #65a594; } .future_dates_section .unpaid .unpaid_rate > .negative, .future_section .unpaid .unpaid_rate > .negative { color: #E60D47; } .future_dates_section .clients, .future_section .clients { margin-top: 30px; } .future_dates_section .clients .clients_text, .future_section .clients .clients_text { text-align: left; text-transform: uppercase; font-size: 12px; font-family: poppins_semibold; color: #4E5056; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; } @media (max-width: 767px) { .future_dates_section .clients .clients_text, .future_section .clients .clients_text { font-size: 11px; text-align: center; margin: 0 auto; } } .future_dates_section .clients .cant, .future_section .clients .cant { text-align: left; font-size: 24px; font-weight: 600; white-space: nowrap; } @media (max-width: 767px) { .future_dates_section .clients .cant, .future_section .clients .cant { text-align: center; } } .future_dates_section .clients .cant .number, .future_section .clients .cant .number { font-size: 20px !important; font-family: poppins_bold; } .future_dates_section .clients .cant .clients_ratio_text, .future_section .clients .cant .clients_ratio_text { font-size: 14px !important; display: inline-block; padding-bottom: 4px; padding-left: 5px; } @media (max-width: 767px) { .future_dates_section .clients .cant .number, .future_section .clients .cant .number { font-size: 16px !important; } .future_dates_section .clients .cant .clients_ratio_text, .future_section .clients .cant .clients_ratio_text { font-size: 10px !important; display: inline-block; padding-bottom: 4px; padding-left: 5px; } } .future_dates_section .clients .clients_minus, .future_section .clients .clients_minus { text-align: center; font-size: 14px; font-family: poppins_bold; color: #A6B1C2; background-color: #F0F2F7; padding-top: 10px; width: 36px; height: 36px; border-radius: 50%; } @media (max-width: 767px) { .future_dates_section .clients .clients_minus, .future_section .clients .clients_minus { margin: 0 auto; } } .future_dates_section .clients .clients_equal, .future_section .clients .clients_equal { text-align: center; font-size: 14px; font-family: poppins_bold; color: #A6B1C2; background-color: #F0F2F7; padding-top: 10px; width: 36px; height: 36px; border-radius: 50%; } @media (max-width: 767px) { .future_dates_section .clients .clients_equal, .future_section .clients .clients_equal { margin: 0 auto 20px; } } .future_dates_section .clients .clients_rate > .positive, .future_section .clients .clients_rate > .positive { color: #65a594; } .future_dates_section .clients .clients_rate > .negative, .future_section .clients .clients_rate > .negative { color: #E60D47; } .future_dates_section .white_space_initial, .future_section .white_space_initial { white-space: initial !important; } .future_dates_section #future_prevision_chart, .future_section #future_prevision_chart { height: 200px; margin-top: 20px; } .future_dates_section #future_prevision_chart *, .future_section #future_prevision_chart * { font-size: 11px; } .future_dates_section #future_historic_chart, .future_section #future_historic_chart { height: 200px; margin-top: 20px; } .future_dates_section #future_historic_chart *, .future_section #future_historic_chart * { font-size: 11px; } .future_dates_section #trend_1, .future_section #trend_1 { height: 300px; margin-top: 20px; } .future_dates_section #trend_1 *, .future_section #trend_1 * { font-size: 11px; } .home_section .open_threads_lateral { background-color: #fff; padding: 20px; } .dashboard_manage_accounts { height: 100%; } .dashboard_manage_accounts .owl-carousel { height: 100%; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer { height: 100%; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage { height: 100%; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item { height: 100%; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel { overflow-y: auto; height: 100%; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel::-webkit-scrollbar { width: 5px; opacity: 0; background-color: #F5F5F5; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel:hover::-webkit-scrollbar { opacity: 1; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel:hover::-webkit-scrollbar-track { opacity: 1; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel:hover::-webkit-scrollbar-thumb { opacity: 1; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel.add_account { display: flex; flex-direction: column; justify-content: space-between; padding: 10px; align-items: start; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel.add_account > * { width: 100%; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel.add_account button { margin-top: -15px; } .dashboard_manage_accounts .owl-carousel .owl-stage-outer .owl-stage .owl-item .dashboard_panel.add_account button i { vertical-align: middle; } .dashboard_accountant .indicators_overview .indicator_overview p { font-family: poppins_medium; font-size: 13px; max-width: 220px; } .dashboard_accountant .indicators_overview .indicator_overview p.right { margin: 0 0 0 auto; } .dashboard_accountant .indicators_overview .indicator_overview .cant { font-family: poppins_bold; font-size: 20px; } .dashboard_accountant .indicators_overview .indicator_overview .positive { color: #65a594; } .dashboard_accountant .indicators_overview .indicator_overview .negative { color: #e16567; } .dashboard_accountant .range_selector .short_text { display: none; } .panel-width-1 .dashboard_accountant .indicators_overview .indicator_overview p { font-size: 12px; } .panel-width-1 .dashboard_accountant .indicators_overview .indicator_overview .cant { font-size: 20px; } .dashboard_pending_threads .paginator { margin-bottom: -5px; } .panel-width-1 .dashboard_pending_threads table .visible-xs { display: table-cell !important; } .panel-width-1 .dashboard_pending_threads table .hidden-xs { display: none !important; } .promotions_layer .subtitle { text-align: center; font-family: poppins_semibold; color: #040E28; font-size: 22px; max-width: 800px; margin: 0 auto; } .promotions_layer .steps { display: grid; grid-template-columns: repeat(3, 180px); grid-gap: 20px; justify-content: center; margin: 40px auto 20px; text-align: center; } @media (max-width: 767px) { .promotions_layer .steps { grid-template-columns: 1fr; } } .promotions_layer .steps .step { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16); padding: 15px; text-align: center; border-radius: 4px; } .promotions_layer .steps .step .step_number { width: 34px; height: 34px; border-radius: 50%; color: #fff; text-align: center; line-height: 34px; font-family: poppins_medium; font-size: 16px; margin: 0 auto 15px; } .promotions_layer .steps .step .step_text { font-family: poppins_medium; font-size: 14px; line-height: 21px; color: #040E28; } .agency_communication .saved_icon { font-size: 24px; } .threads_table tr.thread_unread { background-color: #fff; } .threads_table tr.thread_unread .title { font-family: poppins_semibold; font-size: 12px !important; margin-bottom: 0px; } .threads_table tr.thread_read { background-color: #F0F2F7; } .threads_table tr.thread_read .title { font-family: poppins_medium; font-weight: 300; font-size: 12px !important; margin-bottom: 0px; } .threads_table tr .date { font-size: 12px; text-align: center; } .threads_table tr .title { font-size: 12px; color: #242526; } .form_thread .btn_add_file { margin-bottom: 5px; } .form_thread .attachments_content { display: inline-block; } .form_thread .attachments_content .file { padding: 5px 10px; border-radius: 20px; display: inline-block; margin-left: 5px; margin-bottom: 5px; } .form_thread .attachments_content .file.is_loading { opacity: 0.5; } .form_thread .attachments_content .file .name { display: inline-block; font-family: poppins_medium; font-size: 12px; color: #040E28; word-break: break-word; } .form_thread .attachments_content .file .close_icon { display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 5px; margin-top: -2px; } .form_thread .attachments_content .file .close_icon i { font-size: 18px; } .form_thread .switch_wrapper .switch_option { width: auto; } .form_thread .switch_wrapper .switch_option span { font-size: 12px; } @keyframes heart-burst { from { background-position: left; } to { background-position: right; } } .thread_view { padding: 20px; } .thread_view .thread_header { padding-left: 50px; } .thread_view .thread_header .thread_title { font-size: 18px; font-family: poppins_semibold; color: #242526; } .thread_view .thread_header .thread_user .avatar_layer { width: 50px; display: inline-block; vertical-align: middle; margin-left: -55px; } .thread_view .thread_header .thread_user .avatar_layer .avatar { width: 35px; height: 35px; border-radius: 50%; background-position: 50%; background-size: cover; background-color: #f5f5f5; } .thread_view .thread_header .thread_user .user_name { display: inline-block; vertical-align: middle; font-size: 12px; color: #242526; font-family: poppins_semibold; } .thread_view .thread_header .thread_user .thread_responsible { font-size: 14px; color: #242526; display: inline-block; vertical-align: middle; } .thread_view .thread_header .thread_user .thread_responsible b { font-family: poppins_semibold; } .thread_view .thread_header .thread_date { font-size: 12px; color: #242526; } .thread_view .content { border: 0px; width: 100%; float: none; color: #040E28; font-size: 14px; padding: 20px 0px; margin: 20px 0 0px; line-height: 26px; border-top: 1px solid #ddd; } .thread_view .relations .element_related { position: relative; font-size: 12px; color: #4d4d4d; margin: 10px auto; border: 1px solid #eee; width: 100%; border-radius: 3px; display: block; text-decoration: none; background-color: #fff; padding: 10px; font-family: poppins_semibold; cursor: pointer; } .thread_view .attachments { margin-bottom: 20px; border-bottom: 1px solid #ddd; } .thread_view .attachments .attachment { padding: 5px 10px; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 12px; font-family: poppins_medium; margin-bottom: 10px; cursor: pointer; } .thread_view .checkbox_layer { margin-top: 20px; display: inline-block; } .thread_view .checkbox_layer label { font-size: 12px; } .thread_view .icon_more_options { display: inline-block; vertical-align: middle; } .thread_view .set_as_closed_icon { cursor: pointer; font-size: 14px; } .thread_view .likes_layer { display: inline-block; vertical-align: middle; } .thread_view .likes_layer .likes_list { display: inline-block; vertical-align: middle; margin-right: 18px; height: 35px; } .thread_view .likes_layer .likes_list .like_avatar { width: 35px; height: 35px; border-radius: 50%; background-position: 50%; background-size: cover; background-color: #f5f5f5; margin-right: -18px; display: inline-block; vertical-align: middle; position: relative; } .thread_view .likes_layer .like_icon { display: inline-block; vertical-align: middle; cursor: pointer; height: 30px; width: 70px; background-position: left; background-repeat: no-repeat; background-size: 2900%; margin-left: -20px; margin-right: -15px; } .thread_view .likes_layer .like_icon.active { background-position: right; } .thread_view .likes_layer .like_icon.is_animating { animation: heart-burst 0.8s steps(28) 1; } .thread_view .likes_layer .num_likes { display: inline-block; vertical-align: middle; font-size: 14px; font-family: poppins_semibold; color: #242526; } .thread_view .thread_answers .answer { background-color: #F9F9F9; padding: 10px; margin-bottom: 10px; } .thread_view .thread_answers .answer .answer_header { padding-left: 50px; } .thread_view .thread_answers .answer .answer_header .avatar_layer { width: 50px; display: inline-block; vertical-align: middle; margin-left: -55px; } .thread_view .thread_answers .answer .answer_header .avatar_layer .avatar { width: 35px; height: 35px; border-radius: 50%; background-position: 50%; background-size: cover; background-color: #f5f5f5; } .thread_view .thread_answers .answer .answer_header .answer_data { display: inline-block; vertical-align: middle; } .thread_view .thread_answers .answer .answer_header .answer_data .user_name { color: #242526; font-size: 12px; } .thread_view .thread_answers .answer .answer_header .answer_data .user_name b { font-family: poppins_semibold; } .thread_view .thread_answers .answer .answer_header .answer_data .thread_date { font-size: 12px; color: #242526; } .thread_view .thread_answers .answer .icon_more_options { display: inline-block; vertical-align: middle; } .thread_view .thread_answers .answer .answer_content { color: #040E28; font-size: 14px; padding: 20px 0px; margin: 20px 0 0px; line-height: 26px; } .thread_view .closed_thread { text-align: center; font-weight: 600; font-size: 14px; padding: 10px; color: #fff; margin-bottom: 20px; margin-top: -20px; } @media (max-width: 767px) { .thread_view { padding: 0 0px; } .thread_view .thread_header { padding-left: 0px; } .thread_view .thread_header .thread_title { font-size: 16px; } .thread_view .thread_header .thread_user .avatar_layer { display: none; } .thread_view .thread_header .thread_user .thread_responsible { font-size: 12px; } .thread_view .thread_header .thread_user .thread_responsible b { font-size: 12px; } .thread_view .thread_answers .answer .answer_header { padding-left: 0; } .thread_view .thread_answers .answer .answer_header .avatar_layer { display: none; } .thread_view .thread_answers .answer .answer_header .answer_data .user_name { font-size: 12px; } .thread_view .thread_answers .answer .answer_header .answer_data .user_name b { font-size: 12px; } } .manager_contact_data .phone_number { text-align: center; margin: 20px auto; font-family: poppins_semibold; font-size: 22px; } .signature_form .signature_preview { margin-top: 20px; padding: 20px 0; display: grid; grid-template-columns: 1fr 1fr; max-width: 800px; } .signature_form .signature_preview svg { vertical-align: sub; } .signature_form .signature_preview .left_column { padding-right: 10px; } .signature_form .signature_preview .left_column .user_name { font-family: poppins_semibold; font-size: 18px; } .signature_form .signature_preview .left_column > div { margin: 5px 0; font-size: 12px; } .signature_form .signature_preview .left_column > div span, .signature_form .signature_preview .left_column > div a { font-size: 12px; } .signature_form .signature_preview .right_column { padding-left: 10px; } .signature_form .signature_preview .right_column > div { margin: 5px 0; font-size: 12px; } .signature_form .signature_preview .right_column > div span, .signature_form .signature_preview .right_column > div a { font-size: 12px; } .thread_wrapper { border: 1px solid #E8E8E8; padding: 10px; border-radius: 5px; margin-top: 10px; } .thread_wrapper .finutive_title_content { display: none; } .content_wrapper .content { max-height: 150px; overflow: hidden; } .content_wrapper .read_more_btn { display: none; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 36%, white 100%); text-align: center; padding: 15px; font-size: 14px; font-weight: 600; color: #4c8df5; position: absolute; width: 100%; left: 0; bottom: 0px; cursor: pointer; } .thread_answers .viewMoreReplies { padding: 15px; color: #222; font-weight: 600; cursor: pointer; } .promotions_layer .steps .step .step_number { background-color: #6eb3a1; } .agency_communication .saved_icon { color: #6eb3a1; } .form_thread .attachments_content .file { background-color: rgba(110,179,161, 0.3); } .thread_view .attachments .attachment { background-color: rgba(110,179,161, 0.3); } .thread_view .like_icon { background-image: url('https://platform.finutive.com/app/14cd836e31708e252adb819e2243e99f902e28d48d383b870c7fb8fb94a836afe3e66e7072efdca9a98e4ca56617e85761de69caac22b6f5de298f337a0d23c26b8421855cee1536741214/img/heart.png'); } .thread_view .closed_thread { background-color: #6eb3a1; } .signature_form .signature_preview { border-top: 1px solid #6eb3a1; border-bottom: 1px solid #6eb3a1; } .signature_form .signature_preview .left_column { border-right: 1px solid #6eb3a1; } .signature_form .signature_preview svg { fill: #6eb3a1; } .user_profile_module .up_password_form { margin-bottom: 20px; } .user_profile_module .up_password_form .change_password_1 { display: block; } .user_profile_module .up_password_form .change_password_2 { display: none; } .user_profile_module .up_email_form .change_email_1 { display: block; } .user_profile_module .up_email_form .change_email_2 { display: none; } .user_profile_module .up_delete_account_form .delete_account_1 { display: block; } .user_profile_module .up_delete_account_form .delete_account_2 { display: none; } .user_profile_module .up_delete_account_form .nuclear_button { background-color: rgb(244, 67, 54); color: rgb(255, 255, 255); font-size: 26px; text-transform: uppercase; width: 160px; height: 160px; box-shadow: rgb(239, 83, 80) 0px 5px 0px 2px; font-weight: 600; padding-top: 5px; border-radius: 50%; margin: 10px auto 10px; border-width: 1px; border-style: solid; border-color: rgb(211, 47, 47); border-image: initial; display: block; } .user_profile_module .up_delete_account_form .nuclear_button_msg { text-align: center; font-size: 18px; margin-top: 5px; color: #666; font-weight: 600; margin-bottom: 20px; } .user_profile_module .up_delete_account_form .button_dont_change_password { margin-bottom: 20px; } .user_profile_module .up_email_tasks_form { font-size: 0; } .user_profile_module .up_email_tasks_form > div { width: 14.2857142857%; display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .user_profile_module button.btn-default { font-size: 12px; } .user_profile_module button.btn-danger { font-size: 12px; } } .iframe_gpdr { height: 500px; width: 100%; background-color: #fff; border: 1px solid #ddd; margin: 20px 0; border-radius: 2px; } .up_form_image { max-width: 200px; margin: 0 auto; } .up_personal_info_avatar { width: 100%; padding-bottom: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; background-color: #fafafa; border: 1px solid #ddd; position: relative; overflow: hidden; } .up_form_image .btn_change_photo { width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 12px; } .up_form_image_temp_layer.ui-draggable { cursor: move; } .up_form_image_options { text-align: center; padding: 10px 0px; display: none; } .up_form_image_options .slider_text { text-align: center; font-size: 12px; display: block; margin-bottom: 5px; } .up_form_image_options > div { display: inline-block; } .up_form_image_options .slider_icon_minus { margin: 0px 10px 0px 0px; font-size: 16px; } .up_form_image_options .slider_icon_plus { margin: 0px 0px 0px 10px; font-size: 16px; } .up_form_image_options .slider_image { width: calc(100% - 80px); height: 6px; } .up_form_image_options .slider_button { margin-top: 10px; display: block; } .up_form_image_options .slider_image .ui-slider-handle { border-radius: 50px; border: 1px solid #aaa; background-image: none; background-color: #ccc; cursor: pointer; cursor: hand; margin-top: -2px; } .profile_notifications { margin: 10px auto 0; } .profile_notifications ul { list-style: none; padding-left: 20px; } .profile_notifications ul li { display: grid; grid-gap: 1rem; grid-template-columns: calc(100% - 65px - 1rem) 65px; align-items: center; margin-bottom: 10px; } .profile_notifications ul li > div { vertical-align: middle; } .profile_notifications ul li > div input[type=number] { width: 65px !important; } .profile_notifications ul li > div input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } .user_profile_module .up_section_title { background-color: #6fb3a1; color: #fff; font-size: 14px; padding: 5px; margin-bottom: 20px; font-weight: 600; margin-top: 20px; } @media (max-width: 767px) { .user_profile_module .up_section_title { font-size: 12px; padding: 3px 5px; } } .terms_of_use .terms_use { width: 100%; border: 0; max-height: 70vh; overflow: auto; font-family: poppins_regular; margin-bottom: 20px; } .terms_of_use .terms_use * { font-family: poppins_regular; } .gdpr_section .component_panel .card { margin-bottom: 10px; } .notifications_module .switch { margin-top: 10px; margin-bottom: 10px; } .vertical_form .breadcrumb .title { color: #6eb3a1; } .vertical_package { border-top: 4px solid #6eb3a1; } .vertical_package .package_top button { background-color: #6eb3a1; } .vertical_package .package_top .expand_layer i { color: #6eb3a1; } .vertical_form .vertical_breadcrumb .bars .bar_layer.active .bar { background-color: #6eb3a1; } .vertical_form .vertical_breadcrumb { background-color: #fff; padding: 10px; border-radius: 2px; } .vertical_form .vertical_breadcrumb .title { display: block; text-align: center; font-size: 14px; font-weight: 600; margin-bottom: 10px; } .vertical_form .vertical_breadcrumb .bars { font-size: 0; } .vertical_form .vertical_breadcrumb .bars .bar_layer { display: inline-block; vertical-align: bottom; margin-right: 2px; } .vertical_form .vertical_breadcrumb .bars .bar_layer .text { color: #666; font-size: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 767px) { .vertical_form .vertical_breadcrumb .bars .bar_layer .text { font-size: 10px; height: 15px; } } .vertical_form .vertical_breadcrumb .bars .bar_layer .bar { background-color: #ccc; height: 10px; } .vertical_form .vertical_breadcrumb .bars .bar_layer.col_4 { width: calc(25% - 2px); } .vertical_form .vertical_breadcrumb .bars .bar_layer.col_5 { width: calc(20% - 2px); } .vertical_form .vertical_breadcrumb .bars .bar_layer.active .text { color: #333; } .vertical_form .vertical_breadcrumb .bars .bar_layer.active .bar { background-color: #888; } .vertical_form .vertical_breadcrumb .bars .bar_layer.first_step .bar { border-radius: 5px 0px 0px 5px; } .vertical_form .vertical_breadcrumb .bars .bar_layer.last_step .bar { border-radius: 0px 5px 5px 0px; } .vertical_form .vertical_steps .vertical_step { display: none; background-color: #fff; margin-top: 20px; padding: 10px; } .vertical_form .vertical_steps .vertical_step.active { display: block; } .vertical_form .vertical_steps .vertical_step .title { font-size: 30px; color: #666; margin: 60px auto 30px; text-align: center; font-weight: 900; } .vertical_form .vertical_steps .vertical_step .subtitle { font-size: 16px; color: #666; margin: 0px auto 40px; text-align: center; line-height: 18px; } .vertical_form .vertical_steps .vertical_step .question_title_center { font-size: 14px; font-weight: 600; text-align: center; margin-bottom: 10px; margin-top: 20px; color: #333; } .vertical_form .vertical_steps .vertical_step .vertical_question_title { color: #666; font-size: 15px; font-weight: 600; } .vertical_form .vertical_steps .vertical_step .vertical_question_title .required_mark { color: #ff0000; } @media (max-width: 767px) { .vertical_form .vertical_steps .vertical_step .vertical_question_title { font-size: 14px; } } .vertical_form .vertical_steps .vertical_step .range_dates_separator { text-align: center; padding-top: 3px; } .vertical_form .vertical_steps .vertical_step .range_dates_separator i { color: #444; font-size: 24px; } .vertical_form .vertical_steps .vertical_step .vertical_question_input { margin-bottom: 20px; } .vertical_form .vertical_steps .vertical_step .vertical_question_input textarea { width: 100%; border: 1px solid #ccc; height: 60px; border-radius: 2px; box-shadow: inset 0px 2px 2px #e5e5e5; background-color: rgb(255, 255, 255); padding-left: 10px; padding-right: 10px; border-color: #ccc !important; border-width: 1px; border-style: solid; font-size: 14px; color: #666; cursor: text; box-sizing: border-box; } .vertical_form .vertical_steps .vertical_step .vertical_question_input textarea.error { border-color: #ff0000 !important; } .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=text], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=date], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=number], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=password], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=email] { width: 100%; border-radius: 2px; box-shadow: inset 0px 2px 2px #e5e5e5; background-color: rgb(255, 255, 255); height: 28px; padding-left: 10px; padding-right: 10px; border-color: #ccc !important; border-width: 1px; border-style: solid; font-size: 14px; color: #666; cursor: text; box-sizing: border-box; } .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=text].error, .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=date].error, .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=number].error, .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=password].error, .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=email].error { border-color: #ff0000 !important; } .vertical_form .vertical_steps .vertical_step .vertical_question_input select { display: block; width: 100% !important; padding: 8px 42px 8px 10px !important; outline: none; border-radius: 2px !important; background: transparent; color: #404040 !important; background: white; appearance: normal; -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); background: url(https://endless.team/pix/css_installation/chevrons-up-down.png) right no-repeat, linear-gradient(top, #f9f9f9, #f7f7f7) !important; background: url(https://endless.team/pix/css_installation/chevrons-up-down.png) right no-repeat, -webkit-linear-gradient(top, #f9f9f9, #f7f7f7) !important; background: url(https://endless.team/pix/css_installation/chevrons-up-down.png) right no-repeat, -webkit-gradient(top, #f9f9f9, #f7f7f7) !important; background: url(https://endless.team/pix/css_installation/chevrons-up-down.png) right no-repeat, -moz-linear-gradient(top, #f9f9f9, #f7f7f7) !important; font-size: 12px; } .vertical_form .vertical_steps .vertical_step .vertical_question_input select.error { border-color: #ff0000 !important; } .vertical_form .vertical_steps .vertical_step .vertical_question_input .vertical_radio_input label { font-weight: 300; font-size: 12px; color: #666; } .vertical_form .vertical_steps .vertical_step .vertical_question_input .vertical_checkbox_input:first-child { margin-top: 10px; } .vertical_form .vertical_steps .vertical_step .vertical_question_input .vertical_checkbox_input label { font-weight: 300; font-size: 14px; color: #666; } @media (max-width: 767px) { .vertical_form .vertical_steps .vertical_step .vertical_question_input .vertical_checkbox_input:first-child { margin-top: 5px; } .vertical_form .vertical_steps .vertical_step .vertical_question_input .vertical_checkbox_input label { font-size: 12px; } } .vertical_form .vertical_steps .vertical_step .vertical_question_input .list_documents .file_tag { background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 2px; padding: 5px 20px 5px 5px; position: relative; color: #444; font-size: 12px; display: inline-block; margin: 5px 5px 0 0; } .vertical_form .vertical_steps .vertical_step .vertical_question_input .list_documents .file_tag .delete_icon { position: absolute; top: 5px; right: 5px; cursor: pointer; } .vertical_form .vertical_steps .vertical_step .vertical_question_input .list_documents .file_tag .delete_icon i { color: #666; } @media (max-width: 767px) { .vertical_form .vertical_steps .vertical_step .title { font-size: 14px; margin: 0px auto 10px; font-weight: 600; } .vertical_form .vertical_steps .vertical_step .subtitle { font-size: 12px; line-height: 14px; margin: 0px auto 20px; } .vertical_form .vertical_steps .vertical_step .content button { font-size: 12px; } .vertical_form .vertical_steps .vertical_step .question_title_center { font-size: 12px; } .vertical_form .vertical_steps .vertical_step .vertical_question_title { font-size: 12px; } .vertical_form .vertical_steps .vertical_step .vertical_question_input textarea, .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=text], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=date], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=number], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=password], .vertical_form .vertical_steps .vertical_step .vertical_question_input input[type=email] { font-size: 12px; } } .vertical_form .vertical_steps .vertical_step .vertical_footer button { width: 100%; padding: 10px; font-size: 18px; font-weight: 600; } @media (max-width: 767px) { .vertical_form .vertical_steps .vertical_step .vertical_footer button { font-size: 14px; } } .vertical_form.logo_form .logos_samples { text-align: center; } .vertical_form.logo_form .logos_samples .logo_sample { width: 150px; height: 150px; background-color: #fff; background-size: cover; background-position: 50%; display: inline-block; background-repeat: no-repeat; border: 4px solid transparent; } .vertical_form.logo_form .logos_samples .logo_sample.selected { border: 4px solid #00E31A; } @media (max-width: 767px) { .vertical_form.logo_form .logos_samples .logo_sample { width: 30%; padding-bottom: 30%; height: auto; } } .vertical_form.logo_form .colors_selector { text-align: center; } .vertical_form.logo_form .colors_selector .color_layer { width: 30%; max-width: 150px; text-align: center; display: inline-block; margin-bottom: 10px; } .vertical_form.logo_form .colors_selector .color_layer .color_preview { width: 100%; padding-bottom: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; border: 4px solid transparent; } .vertical_form.logo_form .colors_selector .color_layer .color_name { font-size: 12px; color: #666; } .vertical_form.logo_form .colors_selector .color_layer.selected .color_preview { border: 4px solid #00E31A; } .vertical_form.translation_form .languages_container { border: 1px solid #ddd; background-color: #f5f5f5; padding: 5px; font-size: 0px; margin-bottom: 10px; } .vertical_form.translation_form .languages_container input[type=text] { background-image: url(https://platform.finutive.com/pix/icons/16/icon_action_search.png); background-repeat: no-repeat; background-position: 98% center; width: 100%; border-radius: 2px; box-shadow: inset 0px 2px 2px #e5e5e5; background-color: rgb(255, 255, 255); height: 28px; padding-left: 10px; padding-right: 10px; border-color: #ccc !important; border-width: 1px; border-style: solid; font-size: 14px; color: #666; cursor: text; box-sizing: border-box; margin-bottom: 8px; } .vertical_form.translation_form .languages_container .languages_list { font-size: 0; } .vertical_form.translation_form .languages_container .languages_list .language_layer { width: calc(20% - 4px); background-color: #f0f0f0; border: 1px solid #ccc; margin: 5px 0px; cursor: pointer; cursor: hand; display: inline-block; min-width: 90px; text-align: center; margin: 2px; vertical-align: top; } .vertical_form.translation_form .languages_container .languages_list .language_layer.active { border: 1px solid #8BC34A; background-color: #DCEDC8; } .vertical_form.translation_form .languages_container .languages_list .language_layer .language_flag { cursor: pointer; cursor: hand; } .vertical_form.translation_form .languages_container .languages_list .language_layer .language_name { font-size: 13px; color: #4d4d4d; text-align: center; padding: 5px; height: 40px; overflow: hidden; margin-bottom: 5px; } .vertical_form.translation_form .categories_list .category_layer { background-color: #f0f0f0; border: 1px solid #ccc; margin-bottom: 15px; text-align: center; padding: 10px; height: 50px; position: relative; overflow: hidden; cursor: pointer; cursor: hand; width: 100%; } .vertical_form.translation_form .categories_list .category_layer i { position: absolute; color: #bbb; font-size: 42px; top: 3px; left: 8px; opacity: 0.2; } .vertical_form.translation_form .categories_list .category_layer .category_name { color: #4d4d4d; font-size: 13px; vertical-align: middle; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 6px; } .vertical_form.translation_form .categories_list .category_layer.active { border: 1px solid #8BC34A; background-color: #DCEDC8; } .vertical_form.translation_form .categories_list .category_layer.active i, .vertical_form.translation_form .categories_list .category_layer.active .category_name { color: #558B2F; } .vertical_form.translation_form .upload_document_table { display: table; width: 100%; margin: 20px auto; } .vertical_form.translation_form .upload_document_table .upload_document_column { display: table-cell; vertical-align: top; text-align: center; width: 50%; padding: 10px 30px; text-align: left; opacity: 0.5; transition: opacity 0.3s; } .vertical_form.translation_form .upload_document_table .upload_document_column.active { opacity: 1; } .vertical_form.translation_form .upload_document_table .upload_document_column:first-child { border-right: 1px solid #ddd; } .vertical_form.translation_form .upload_document_table .upload_document_column label { font-size: 12px; } .vertical_form.translation_form .upload_document_table_or { margin: -110px auto 60px; font-size: 16px; background-color: #fff; padding: 15px 0px; width: 20px; text-align: center; position: relative; font-weight: 600; } .vertical_form.translation_form .translation_summary { margin: 0 auto 20px; position: relative; background-color: #fafafa; padding: 5px; max-width: 450px; border: 1px solid #eee; } .vertical_form.translation_form .translation_summary .loading_layer { position: absolute; width: 100%; height: 100px; background-color: rgba(255, 255, 255, 0.8); text-align: center; z-index: 10; padding-top: 30px; } .vertical_form.translation_form .translation_summary .loading_layer i { color: #666; font-size: 50px; } .vertical_form.translation_form .translation_summary .name { font-size: 14px; font-weight: 600; color: #444; margin-bottom: 5px; } .vertical_form.translation_form .translation_summary .value { font-size: 14px; color: #555; margin-bottom: 5px; } @media (max-width: 767px) { .vertical_form.translation_form .languages_container .languages_list .language_layer { width: calc(33.3333333333% - 4px); } .vertical_form.translation_form .languages_container .languages_list .language_layer .language_name { font-size: 12px; line-height: 13px; height: 32px; } .vertical_form.translation_form .languages_container .languages_list .language_layer .language_flag { height: 50px; } .vertical_form.translation_form .languages_container .languages_list .language_layer.non_available { display: none !important; } .vertical_form.translation_form .languages_container input { font-size: 12px; } .vertical_form.translation_form .categories_list .category_layer .category_name { font-size: 11px; } .vertical_form.translation_form .upload_document_table { display: block; } .vertical_form.translation_form .upload_document_table .upload_document_column { display: block; padding: 10px; width: 100%; } .vertical_form.translation_form .upload_document_table .upload_document_column:first-child { border-right: 0px; } .vertical_form.translation_form .upload_document_table .upload_document_column label { font-size: 12px; } .vertical_form.translation_form .upload_document_table .upload_document_column button { font-size: 12px; } .vertical_form.translation_form .upload_document_table_or { display: none; } .vertical_form.translation_form .translation_summary .name { font-size: 12px; } .vertical_form.translation_form .translation_summary .value { font-size: 12px; } } .vertical_form .vertical_package { margin-bottom: 20px; text-align: left; } .vertical_form .vertical_package .package_top { background-color: #e3e3e3; padding: 2%; } .vertical_form .vertical_package .package_top .package_left .name { font-weight: 600; font-size: 16px; color: #434b5b; } .vertical_form .vertical_package .package_top .package_left .features > div { display: inline-block; vertical-align: middle; font-size: 12px; color: #888; display: inline-block; margin-right: 15px; } .vertical_form .vertical_package .package_top .package_left button { max-width: 250px; text-align: center; width: 100%; text-transform: uppercase; color: #fff; margin-top: 10px; padding: 6px 12px; border: 0px; font-weight: 600; letter-spacing: 1px; } .vertical_form .vertical_package .package_top .package_right { text-align: right; } .vertical_form .vertical_package .package_top .package_right .price { font-size: 16px; color: #434b5b; font-weight: bold; } .vertical_form .vertical_package .package_top .package_right .expand_layer { margin-top: 28px; } .vertical_form .vertical_package .package_top .package_right .expand_layer i { font-size: 28px; color: #888; } .vertical_form .vertical_package .package_bottom { padding: 10px; border: 1px solid #eee; } .vertical_form .vertical_package .package_bottom .feature_description { font-size: 14px; color: #444; font-weight: 600; } .vertical_form .vertical_package .package_bottom .feature_days { font-size: 14px; color: #666; margin-bottom: 10px; } .vertical_form .vertical_package.recommended { border-top: 4px solid #9aae04; } .vertical_form .vertical_package.recommended .package_top button { background-color: #8c9d0c; } .vertical_form .vertical_package.recommended .expand_layer i { color: #8c9d0c; } a, a:focus, a:hover { color: var(--core-primary-color); } .color_instance { color: var(--core-primary-color); } .layout { background-color: rgba(10,0,0, 0.1); } .layout .top_menu .icons i { color: var(--core-primary-color); } .layout .top_menu .initiative_name { color: var(--core-primary-color); } .layout .bottom_menu .central_option { background-color: var(--core-primary-color); } .layout .bottom_menu .central_option.selected i, .layout .bottom_menu .central_option.selected .indicator { color: var(--core-primary-color); } .layout .top_menu .options .option.selected { color: var(--core-primary-color); } .layout .top_menu .messages_layer { background-color: rgba(10,0,0, 0.2); } .layout .top_menu .notifications_layer { background-color: rgba(10,0,0, 0.2); } .layout .top_menu .timetracker_layer { background-color: rgba(10,0,0, 0.2); } .layout .top_menu .create_layer { background-color: rgba(10,0,0, 0.2); } .layout .top_menu .onboarding_layer { background-color: rgba(10,0,0, 0.2); } .layout .top_menu .timetracker_tracking_layer { background-color: rgba(10,0,0, 0.3); } .layout main #main_menu .option:before { background-color: rgba(10,0,0, 0.1); } .layout main #main_menu .option:after { background-color: rgba(10,0,0, 0.2); background: linear-gradient(to right, rgba(10,0,0, 0.1) 0%, rgba(10,0,0, 0.3) 100%); } @media (max-width: 767px) { .layout main #main_menu .option:before { background: none; } .layout main #main_menu .option:after { background: none; } .layout main #main_menu .option.selected { background: rgba(10,0,0, 0.5) !important; } } .layout main #main_menu .option.selected .icon_circle { background-color: var(--core-primary-color); } .layout main #main_menu .add_button { background-color: var(--core-primary-color); } .finutive_tabs .finutive_tab .border { background-color: var(--core-primary-color); } .layout .lateral_menu .close_icon i{ color: var(--core-primary-color); } .layout .lateral_menu .option { color: var(--core-primary-color); border-bottom-color: var(--core-primary-color); } .layout .timetracker_layer.playing i { color: var(--core-primary-color); } .layout .notifications_layer i { color: var(--core-primary-color); } .layout .stop_impersonate { border: 2px solid var(--core-primary-color); } .layout #bottom_menu .option .rounded_icon { background-color: var(--core-primary-color); } .layout #bottom_menu .option .text { background-color: var(--core-primary-color); } .layout #bottom_menu .option .over_icon { background-color: var(--core-primary-color); } .layout #bottom_menu .border_left { background-color: var(--core-primary-color); } .layout #bottom_menu .border_right { background-color: var(--core-primary-color); } input[type=checkbox]:checked + label span { background-color: var(--core-primary-color); border: 1px solid var(--core-primary-color) !important; } .layout .initiatives_selector i { color: var(--core-primary-color); } .list_initiatives_selector .item_initiative_selector .star_default i { color: var(--core-primary-color); } .main_loader { background-image: url('https://platform.finutive.com/app/a6f5690c9fd5695def803f01be65eb20d526e5e979268c3f14ca9d79447cba7b27b4e5aeb580e4ef5d533c8763277ebd2b15abbb61de3183fe7b00fa447806562ce94f88971a1612201152/loader_finutivev2.gif?bp=182463'); } .btn.btn-primary { color: #fff; background-color: var(--core-primary-color); background: var(--core-primary-color); border: 1px solid var(--core-primary-color); } .btn.btn-default { color: var(--core-primary-color); border: 1px solid var(--core-primary-color) !important; } .btn-default .icon_button { background-color: var(--core-primary-color); } .form_talk .form .form_options .main_options button.btn { background-color: var(--core-primary-color) !important; border-color: var(--core-primary-color) !important; text-shadow: none; } .form_talk .form .form_options .main_options button.btn:hover { color: var(--core-primary-color) !important; background-color: #fff !important; } .form_talk .form .form_options .main_options input[type=checkbox]:checked + label i { color: var(--core-primary-color) !important; } .form_talk .form .form_options .main_options input[type=checkbox]:checked + label span { background-color: var(--core-primary-color) !important; } .talk_layer .content_talk .username { color: var(--core-primary-color) !important; } .talk_layer .text a { color: var(--core-primary-color) !important; font-weight: bold; text-decoration: underline; } .talk_layer .content_talk .responsible b { color: var(--core-primary-color) !important; } .talk_layer .talk_footer .button_reply button.btn { border-color: var(--core-primary-color) !important; color: var(--core-primary-color) !important; } .talk_layer .talk_footer .button_reply button.btn:hover { background-color: var(--core-primary-color) !important; color: #fff !important; } .talk_layer .more_actions_icon { color: var(--core-primary-color) !important; } .talk_layer { border-top: 2px solid var(--core-primary-color); } .summary_tasks, .summary_docs { border: 1px solid var(--core-primary-color); } .paginator .paginator-item.selected { background-color: var(--core-primary-color) !important; color: #fff; } .finutive_tabs .finutive_tab.selected { background-color: var(--core-primary-color); } .finutive_sub_tabs .finutive_sub_tab.selected { color: var(--core-primary-color); } .finutive_sub_tabs .finutive_sub_tab.selected:after { background-color: var(--core-primary-color); } .user_selected_layer.selected { background-color: var(--core-primary-color); } .uploading_files_wrapper .uploading_icon i { color: var(--core-primary-color); } i.info_icon { color: var(--core-primary-color); } .feedback_modal .feedback_message a { color: var(--core-primary-color); } .table_mbl_stl2 thead tr { background-color: rgba(10,0,0, 0.2); } .table_mbl_stl2 tfoot tr { background-color: rgba(10,0,0, 0.2); } .talk_layer .text .read_more { color: var(--core-primary-color); } .ranges_selector .range_selector.selected { background-color: rgba(10,0,0, 0.5); } .panel_highlight { background-color: rgba(10,0,0, 0.2); border-radius: 3px; } @charset "UTF-8"; * { box-sizing: border-box; font-size: 14px; } div::-webkit-scrollbar { width: 5px; opacity: 0; background-color: #F5F5F5; } div::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } div::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } div:hover::-webkit-scrollbar { opacity: 1; } div:hover::-webkit-scrollbar-track { opacity: 1; } div:hover::-webkit-scrollbar-thumb { opacity: 1; } *:not(i) { font-family: poppins_regular; } b { font-family: poppins_semibold; } body { overflow: auto; } .row.no-gutter { margin-left: 0; margin-right: 0; } .row.no-gutter > [class*=col-], .row.no-gutter > [class*=col-] { padding-right: 0; padding-left: 0; } .fab { font-family: "Font Awesome 5 Brands" !important; } .far, .fas { font-family: "Font Awesome 5 Free" !important; } .fa, .fas { font-weight: 900; cursor: pointer; } .center { text-align: center !important; } .clickable { cursor: pointer; } .clickable img { cursor: pointer; } label.send_email_check { display: none; } .iframe_contract { width: 100%; height: calc(100vh - 100px); min-height: 500px; border: 0px; } .highcharts-credits { display: none; } .btn-cookie-definition { display: none !important; } .dialog_box { max-width: 800px; } .dialog_box ul { list-style: disc; margin-left: 10px; line-height: 20px; } .notice { position: relative; padding: 15px 15px 15px 65px; border-radius: 4px; font-size: 13px; margin: 10px 10px 0; border: 0px; font-family: poppins_medium; line-height: 22px; background-repeat: no-repeat; background-position: 20px center; } .notice a { text-decoration: underline; font-size: 12px; font-weight: 600; } .notice.yellow { color: #F7B20F; background-color: #FFF3D6; background-image: url("https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/notice_yellow.svg"); } .notice.danger { color: #E60D47; background-color: #FFE3EB; background-image: url("https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/notice_danger.svg"); } @keyframes showPopupAlert { 0% { -webkit-transform: scale(0.7); transform: scale(0.7); } 45% { -webkit-transform: scale(1.05); transform: scale(1.05); } 80% { -webkit-transform: scale(0.95); transform: scale(0.95); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } .aoc_popup { position: fixed !important; max-height: 94vh; overflow: auto; border-radius: 4px; top: 0px !important; } @media (max-width: 1199px) { .aoc_popup { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } } .aoc_popup .aoc_close_popup { font-size: 20px !important; margin-right: 10px; color: #040E28; right: 5px !important; } .aoc_popup.expanded { width: 1400px; max-width: 90vw; } .aoc_popup.all_expanded { max-width: 96vw; } .aoc_popup.feedbackPopup { transition: transform 0.3s, opacity 0.2s; animation: showPopupAlert 0.3s; will-change: transform; transform-origin: 50% 50%; } .aoc_popup.small { max-width: 800px; } .aoc_popup.compact { padding: 0px; border-radius: 5px; } .aoc_popup.compact .aoc_close_popup { position: absolute; top: 10px; right: 10px; } .aoc_popup .finutive_title_content { pointer-events: none; } .aoc_popup .finutive_title_content.in_popup { margin-top: -30px; } .aoc_popup.header_sticky::before { content: ""; width: 100%; height: 50px; background-color: #fff; position: sticky; top: -20px; left: 0; z-index: 1; display: block; margin-bottom: -40px; } .aoc_popup.header_sticky .aoc_close_popup { position: sticky; top: 0; z-index: 3; } .aoc_popup.header_sticky .finutive_title_content { position: sticky; top: 0; z-index: 2; } .popup_content { padding: 0px 20px; } .popup_content .popup_title { font-size: 18px; font-weight: 600; margin-bottom: 10px; } .finutive_section_title { color: #040E28; font-size: 25px; margin: 10px 0px; font-family: poppins_bold; } @media (max-width: 1199px) { .finutive_section_title { font-family: poppins_semibold; font-size: 20px; } } .finutive_section_subtitle { color: #4E5056; font-size: 25px; margin: 10px 0px; font-family: poppins_bold; } .main_action_section { text-align: right; margin-bottom: 5px; } .form_talk .btn_add_url, .form_talk .btn_configure_permissions { display: none; } .btn { box-shadow: none; border: 0px; text-shadow: none; white-space: initial; font-family: poppins_medium; font-weight: 300; box-shadow: 0px 0px 6px #00000029; } .btn.btn-success { color: #fff; background: #00C853; } .btn.btn-info { color: #fff; background: #2aabd2; } .btn.btn-warning { color: #fff; background: #f7b20f; } .btn.btn-danger { color: #E60D47 !important; background: #fff; border: 1px solid #E60D47 !important; } .btn.btn-danger i { color: #E60D47; } .btn-default { background: none; color: #242526; background-color: #fff !important; border: 1px solid #EDF1F1 !important; } .btn-default span { color: #242526 !important; } .main_loader { width: 80px; height: 80px; margin: 10px auto; display: block; background-size: 80px 80px; background-position: 50%; } .aoc_modal_option { font-size: 14px !important; } .user_selected_layer { background-color: #f0f0f0; border-radius: 2px; border: 1px solid #ddd; padding: 10px; font-size: 0; margin: 5px auto; position: relative; } .user_selected_layer .close_icon { position: absolute; top: 0px; right: 0px; cursor: pointer; padding: 5px; } .user_selected_layer .close_icon i { color: #666; font-size: 14px; } .user_selected_layer .avatar_layer { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; display: inline-block; background-position: 50%; background-size: cover; vertical-align: middle; margin-right: 10px; } .user_selected_layer .avatar_layer img { width: 100%; } .user_selected_layer .user_name_layer { font-size: 12px; display: inline-block; color: #4d4d4d; vertical-align: middle; font-weight: 600; } .user_selected_layer.selected .user_name_layer { color: #fff; } .right { text-align: right; } .left { text-align: left; } .component_panel .card { padding: 10px; background-color: #fff; border-radius: 3px; margin-bottom: 15px; position: relative; margin: 10px 5px; box-shadow: 0px 0px 8px 5px #f0f0f0; } @media (max-width: 1199px) { .component_panel .card { margin: 10px 0px; } } .component_panel .card.content { width: 100%; border: 0; float: none; } .component_panel .card .corner_right { position: absolute; right: 20px; top: 20px; text-align: right; max-width: 50%; } .component_panel .card .title { color: #242526; font-size: 14px !important; font-weight: 600; margin-top: 0px; letter-spacing: 0px !important; font-family: poppins_regular; margin-bottom: 15px; } .component_panel .card .subtitle { color: #242526; font-size: 12px; font-weight: 600; margin-top: 0px; } .component_panel .card .cant .number { font-size: 24px; color: #65a594; display: inline-block; } .component_panel .card .cant .decimals { color: #65a594; font-size: 14px; display: inline-block; margin-left: -3px; margin-right: -1px; } .component_panel .card .cant .currency { color: #65a594; font-size: 24px; display: inline-block; } .component_panel .card .cant.negative .number { color: #E60D47; } .component_panel .card .cant.negative .decimals { color: #E60D47; } .component_panel .card .cant.negative .currency { color: #E60D47; } .component_panel .card p { color: #aaa; margin-bottom: 3px; display: inline-block; } .component_panel .card p.medium { font-size: 12px; } .component_panel .card p.small { font-size: 11px; } .component_panel .card p.small i { font-size: 11px; } @media (max-width: 1199px) { .component_panel .card p.medium { font-size: 11px; } .component_panel .card p.small { font-size: 10px; } .component_panel .card p.small i { font-size: 10px; } } .component_panel .highlight_panel { border: 1px solid #ccc; padding: 10px; } .component_panel .data_p { font-size: 12px; color: #666; } .same_height .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .same_height .row > [class*=col-] { flex-direction: column; } .same_height .component_panel { height: 100%; } .same_height .component_panel .card { height: calc(100% - 10px); margin-bottom: 0px; } .lds-roller { display: block; position: relative; width: 64px; height: 64px; margin: 20px auto; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #888; margin: -3px 0 0 -3px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 50px; left: 50px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 54px; left: 45px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 57px; left: 39px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 58px; left: 32px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 57px; left: 25px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 54px; left: 19px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 50px; left: 14px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 45px; left: 10px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ui-slider { border-radius: 5px; height: 8px; background-color: #eee; } .ui-slider span { border-radius: 50%; background-color: #fff; margin-top: -3px; box-sizing: inherit; width: 20px; height: 20px; } input[type=checkbox] { display: none; vertical-align: middle; } input[type=checkbox] + label span { display: inline-block; width: 20px; height: 20px; background-color: #fff; cursor: pointer; cursor: hand; vertical-align: middle; margin-right: 10px; position: relative; background-image: none; border: 1px solid #ccc; margin-top: -4px; margin-left: 5px; border-radius: 4px; } input[type=checkbox]:checked + label span:after { content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); box-sizing: content-box; } input[type=checkbox]:checked + label span { display: inline-block; } input[type=checkbox].denied:checked + label span { background-color: #E60D47; } input[type=checkbox].denied:checked + label span:after { content: "x"; left: 5px; top: -4px; width: 10px; height: 11px; border: 0px; transform: none; color: #fff; font-size: 16px; } .switch { position: relative; display: inline-block; width: 60px; height: 26px; } .switch input { display: none; } .switch .slider23 { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: 0.2s; transition: 0.2s; border: 1px solid #DDDDDD; width: 100%; height: 100%; display: block; } .switch .slider23:before { position: absolute; content: ""; height: 24px; width: 24px; background: #EBEBEB; left: 0; bottom: 0; background-color: #2964C4; -webkit-transition: 0.2s; transition: 0.2s; } .switch .slider23.round { border-radius: 34px; } .switch .slider23.round:before { border-radius: 50%; } .switch input:focus + .slider23 { box-shadow: 0 0 1px #2196F3; } .switch input:checked + .slider23 { background-color: #2196F3; background: transparent; } .switch input + .slider23.round:before { background-color: #888; left: 0; top: 0; position: absolute; } .switch input:checked + .slider23:before { transform: translateX(34px) !important; } .switch input:checked + .slider23.round:before { background-color: #2964C4; } @media (max-width: 1199px) { .switch { width: 50px; height: 21px; } .switch .slider23:before { width: 19px; height: 19px; } .switch input:checked + .slider23:before { transform: translateX(29px) !important; } } .switch.disabled { pointer-events: none; } .switch.disabled input + .slider23 { background-color: #eee; } .feedback_modal { text-align: center; padding: 20px; } .feedback_modal .feedback_icon.success { color: #8BC34A; } .feedback_modal .feedback_icon.error { color: #F44336; } .feedback_modal .feedback_icon.warning { color: #ffa000; } .feedback_modal .feedback_icon i { font-size: 60px; margin-bottom: 20px; } .feedback_modal .feedback_message { color: #666; font-size: 18px; line-height: 30px; font-weight: 600; } .feedback_modal .feedback_message * { color: #666; font-size: 18px; font-weight: 600; } .feedback_modal .aoc_form_buttons { margin-top: 30px; } .subsection_subtitle { color: #666; font-size: 13px; line-height: 17px; margin: 20px auto; font-family: poppins_semibold; } .form_question_title { color: #707070; font-size: 12px; margin-top: 10px; font-family: poppins_semibold; } .form_question_title * { font-size: 12px; } .form_question_value { color: #666; font-size: 12px; margin-bottom: 10px; } .form_question_input { margin-bottom: 10px; } .form_question_input input[type=text].form_input_stl, .form_question_input input[type=password].form_input_stl, .form_question_input input[type=month].form_input_stl, .form_question_input input[type=number].form_input_stl, .form_question_input input[type=tel].form_input_stl, .form_question_input input[type=date].form_input_stl, .form_question_input input[type=time].form_input_stl, .form_question_input input[type=email].form_input_stl, .form_question_input input[type=color].form_input_stl, .form_question_input input[type=time].form_input_stl, .form_question_input textarea.form_input_stl, .form_question_input select.form_select_stl { width: 100%; font-family: poppins_medium; } .form_question_input .radio_input { margin-top: 5px; } .form_question_input .radio_input label { font-size: 12px; color: #666; font-weight: 300; width: calc(100% - 30px); display: inline-block; vertical-align: top; } .form_question_input .checkbox_layer { margin-top: 10px; } .form_question_input .checkbox_layer label { font-size: 12px; color: #666; font-family: poppins_medium; } .form_question_input input[type=number] { -moz-appearance: textfield; } .form_question_input.date_range input, .form_question_input.amount_range input { width: calc(50% - 20px) !important; } .form_question_input.date_range i, .form_question_input.amount_range i { color: #666; font-size: 18px; } .form_select_stl_fake { background-color: #f3f3f3; background: url("https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/icon_select_arrow.svg") calc(100% - 10px) no-repeat, #fff !important; transition: all 0.15s; font-size: 12px; outline: none; background: transparent; color: #404040; appearance: normal; -moz-appearance: none; -webkit-appearance: none; display: inline-block; width: 100%; box-sizing: border-box; line-height: 20px; overflow: hidden; padding: 7px 42px 0px 10px !important; text-overflow: ellipsis; box-shadow: 0px 0px 2px #0000001A; -webkit-box-shadow: 0px 0px 2px #0000001A; border: 1px solid #E8E8E8; border-radius: 5px !important; height: 34px; font-family: poppins_medium; } .form_select_stl_fake * { font-size: 12px; } .form_select_stl_fake_options { padding: 5px; background-color: #fff; border: 1px solid #ccc; line-height: 25px; position: absolute; z-index: 50; display: none; max-height: 300px; overflow: auto; } .form_select_stl_fake_options > div { white-space: nowrap; } .form_select_stl_fake_options > div.checkbox_layer { margin-top: 0px; } .form_icon_required { color: #ff0000; } .error_msg { padding: 5px; text-align: center; font-size: 12px; color: #FF5722; margin: 10px auto; font-family: poppins_medium; } .error_msg.in_input { text-align: left; margin: 0; } .success_msg { background-color: #64DD17; font-size: 12px; margin-bottom: 5px; font-weight: 600; color: #fff; padding: 5px; } .redactor_box.error { border: 1px solid #ff0000 !important; } input[type=text].form_input_stl, input[type=password].form_input_stl, input[type=month].form_input_stl, input[type=number].form_input_stl, input[type=tel].form_input_stl, input[type=date].form_input_stl, input[type=email].form_input_stl, input[type=time].form_input_stl, textarea.form_input_stl, select.form_select_stl { border: 1px solid #E8E8E8; font-size: 12px; outline: none; border-radius: 5px !important; background: transparent; color: #404040 !important; background: white; appearance: normal; -moz-appearance: none; -webkit-appearance: none; padding: 4px 5px; height: 34px; box-sizing: border-box; box-shadow: 0px 0px 2px #0000001A; font-family: "poppins_medium"; } input.form_input_stl.date { background-image: url("../../../../pix/icons/16/icon_element_calendar.png"); background-repeat: no-repeat; background-position: 98% center; } input.form_input_stl.search { background-image: url("https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/icon_search.svg"); background-repeat: no-repeat; background-position: 8px center; padding-left: 30px; } textarea.form_input_stl.error, input.form_input_stl.error, select.form_select_stl.error { border: 1px solid #ff0000 !important; box-shadow: inset 0px 2px 2px #eeaaaa !important; } input[disabled].form_input_stl, textarea[disabled].form_input_stl, select[disabled].form_select_stl { background-color: #eee !important; color: #999 !important; } textarea.form_input_stl { height: 60px; } .form_select_stl { background-color: #f3f3f3; background: url("https://platform.finutive.com/pix/icons/others/chevrons-up-down.png") right no-repeat, #fff !important; transition: all 0.15s; border: 1px solid #CCC; font-size: 12px; padding: 8px 42px 8px 10px !important; outline: none; border-radius: 2px !important; background: transparent; color: #404040 !important; appearance: normal; -moz-appearance: none; -webkit-appearance: none; display: inline-block; } .table_stl1 { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 10px; } .table_stl1 tr th { border: 1px solid #ddd; color: #505050; border-radius: 0; font-size: 12px; font-weight: 700; padding: 15px; background: #F2F2F2; text-transform: uppercase; } .table_stl1 tr td { font-size: 13px; border: 1px solid #ddd !important; color: #888888; padding: 15px 15px; text-align: left; font-weight: 600; cursor: pointer; } .table_stl1 tr td .btn { margin-right: 5px; } .table_stl1 tr:hover { background: #F8F8F8; } .table_stl1 tr .left { text-align: left; } .table_stl1 tr .right { text-align: right; } .table_mbl_stl2 { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 10px; } .table_mbl_stl2 thead tr th, .table_mbl_stl2 tfoot tr th { font-size: 12px; font-family: poppins_semibold; color: #4E5056; padding: 10px 5px; } .table_mbl_stl2 thead tr th span, .table_mbl_stl2 tfoot tr th span { font-size: 12px; font-family: poppins_semibold; color: #4E5056; } .table_mbl_stl2 tbody tr { border-bottom: 1px solid #eee; transition: all 0.3s ease; } .table_mbl_stl2 tbody tr.separator { background-color: #EDF1F1; border-top: 5px solid transparent; } .table_mbl_stl2 tbody tr.separator td { font-family: poppins_medium; } .table_mbl_stl2 tr { background: transparent; } .table_mbl_stl2 tr th { color: #283051; font-weight: 600; text-transform: uppercase; padding: 5px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .table_mbl_stl2 tr th.wrap { white-space: initial; } .table_mbl_stl2 tr th.sorting { cursor: pointer; padding-right: 28px; } .table_mbl_stl2 tr th.sorting:before { position: absolute; bottom: calc(50% - 7px); display: block; opacity: 0.3; right: 18px; content: "↑"; } .table_mbl_stl2 tr th.sorting:after { position: absolute; bottom: calc(50% - 7px); display: block; opacity: 0.3; right: 10px; content: "↓"; } .table_mbl_stl2 tr th.sorting.desc:after { opacity: 1; } .table_mbl_stl2 tr th.sorting.asc:before { opacity: 1; } .table_mbl_stl2 tr td { font-size: 12px; padding: 15px 5px; font-family: poppins_medium; text-align: left; } .table_mbl_stl2 tr td .btn { margin-right: 5px; } .table_mbl_stl2 tr td.positive { color: #65a594; } .table_mbl_stl2 tr td.negative { color: #E60D47; } .table_mbl_stl2 tr td.regular { color: #FF6F00; } .table_mbl_stl2 tr td .avatar { width: 32px; height: 32px; border-radius: 50%; border: 1px solid #ddd; background-color: #fff; margin-right: 10px; margin-top: -5px; vertical-align: middle; } .table_mbl_stl2 tr td .cell_title { font-size: 12px; font-family: poppins_semibold; } .table_mbl_stl2 tr td .cell_content { font-size: 12px; font-family: poppins_medium; } .table_mbl_stl2 tr td div, .table_mbl_stl2 tr td span { font-family: poppins_medium; } .message_no_elements { text-align: center; padding: 15px; font-size: 14px; color: #777; } .message_no_elements.white { color: #fff; } .img_no_elements { margin: 10px auto; max-width: 300px; width: 100%; display: block; } .onboarding_modal_msg { width: 350px; color: black; font-weight: bold; } .onboarding_modal_list { width: 350px; color: black; } .onboarding_modal_list .onboarding_modal_item { padding-block-start: 5px; padding-block-end: 5px; padding-left: 7px; justify-content: space-between; display: flex; align-items: center; } .onboarding_modal_list .onboarding_modal_item .left-content { display: flex; align-items: center; } .layout { position: relative; min-height: 100vh; } .layout .beta_layer { display: inline-block; color: #F44336 !important; vertical-align: middle; padding-top: 28px; font-weight: 600; font-size: 11px; } .layout .top_menu { background-color: #fff; top: 0; left: 0; width: 100%; z-index: 1; height: 60px; white-space: nowrap; box-shadow: 0px 3px 6px #00000029; font-size: 0; display: flex; justify-content: space-between; position: relative; } .layout .top_menu .icon_menu { width: 24px; height: 16px; cursor: pointer; position: relative; margin: 0px 15px; } .layout .top_menu .icon_menu > div { position: absolute; left: 0; width: 24px; height: 4px; border-radius: 2px; background-color: #4E5056; } .layout .top_menu .icon_menu > div:nth-child(1) { top: 0; } .layout .top_menu .icon_menu > div:nth-child(2) { top: 50%; } .layout .top_menu .icon_menu > div:nth-child(3) { top: 100%; } .layout .top_menu .icon_instance { height: 80%; display: flex; justify-content: center; align-items: center; } .layout .top_menu .icon_instance img { max-height: 100%; max-width: 130px; } .layout .top_menu .icon_instance_mobile { height: 49px; width: 49px; border-radius: 50%; background-color: #eee; background-size: contain; background-repeat: no-repeat; background-position: 50%; margin-left: 10px; text-transform: uppercase; font-size: 26px; font-family: poppins_semibold; line-height: 49px; text-align: center; color: #fff; } .layout .top_menu .initiatives_selector_mobile { padding: 15px; margin-right: -15px; margin-left: -5px; } .layout .top_menu .initiatives_selector_mobile i { font-size: 24px; color: #4E5056; } .layout .top_menu .initiatives_selector { margin-right: 10px; } .layout .top_menu .initiatives_selector .form_select_stl_fake { min-width: 200px; display: flex; } .layout .top_menu .initiatives_selector .form_select_stl_fake .logo_initiative { width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; margin-right: 10px; } .layout .top_menu .title_section_mobile { display: none; font-family: poppins_semibold; font-size: 14px; color: #040E28; width: calc(100% - 80px); overflow: hidden; white-space: nowrap; margin: 0 10px; } @media (max-width: 1199px) { .layout .top_menu .title_section_mobile { display: inline-block; } } .layout .top_menu .left_layer { display: flex; flex-direction: row; align-items: center; width: calc(100% - 210px); } .layout .top_menu .right_layer { display: flex; flex-direction: row; align-items: center; } .layout .top_menu .logo_layer { display: inline-block; vertical-align: middle; max-width: 180px; margin-left: 10px; text-align: center; } .layout .top_menu .logo_layer.big { width: 180px; } .layout .top_menu .logo_layer img { max-height: 40px; max-width: 140px; margin-top: 5px; } .layout .top_menu .initiative_name { display: inline-block; vertical-align: middle; margin: 8px 10px 0; font-weight: 600; max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .layout .top_menu .options { display: inline-block; vertical-align: middle; text-align: center; width: calc(100% - 555px); } .layout .top_menu .options .option { display: inline-block; vertical-align: middle; font-weight: 600; margin: 8px 20px 0; color: #666; cursor: pointer; } .layout .top_menu .stop_impersonate { font-size: 12px; width: 100px; padding: 5px; display: inline-block; vertical-align: middle; white-space: normal; font-weight: 600; background-color: #f5f5f5; cursor: pointer; margin-right: 20px; text-align: center; } @media (max-width: 767px) { .layout .top_menu .stop_impersonate { position: absolute; width: auto; right: 0; top: 60px; z-index: 5000; margin-right: 0; } } .layout .top_menu .border { background-color: #ddd; width: 1px; height: 25px; margin: 0 15px; } @media (max-width: 1199px) { .layout .top_menu .border { margin: 0 10px; } } .layout .top_menu .messages_layer { display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin: 0 0px 0 10px; text-align: center; padding-top: 10px; position: relative; cursor: pointer; border-radius: 50%; } .layout .top_menu .messages_layer img { width: 22px; } .layout .top_menu .messages_layer .messages_alert { width: 8px; height: 8px; font-size: 0px; background-color: #F44336; position: absolute; right: 5px; top: 3px; color: #fff; border-radius: 50%; line-height: 20px; font-weight: 600; text-align: center; } @media (max-width: 1199px) { .layout .top_menu .messages_layer { width: 32px; height: 32px; padding-top: 3px; margin-left: 5px; } .layout .top_menu .messages_layer img { height: 20px; margin-left: 2px; } .layout .top_menu .messages_layer .messages_alert { right: 2px; top: 0px; } } .layout .top_menu .create_layer { display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin: 0 0px 0 10px; text-align: center; padding-top: 10px; position: relative; cursor: pointer; border-radius: 50%; } .layout .top_menu .create_layer img { width: 24px; transition: all 0.3s ease; } .layout .top_menu .create_layer:hover img { transform: scale(1.2); } @media (max-width: 1199px) { .layout .top_menu .create_layer { width: 32px; height: 32px; padding-top: 3px; margin-left: 5px; } .layout .top_menu .create_layer img { height: 20px; margin-left: 2px; } } .layout .top_menu .promotions_icon_layer { display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin: 0 0px 0 10px; text-align: center; padding-top: 10px; position: relative; cursor: pointer; border-radius: 50%; background: #f7b20f; } .layout .top_menu .promotions_icon_layer img { width: 24px; transition: all 0.3s ease; } .layout .top_menu .promotions_icon_layer:hover img { transform: scale(1.2); } @media (max-width: 1199px) { .layout .top_menu .promotions_icon_layer { width: 32px; height: 32px; padding-top: 3px; margin-left: 5px; } .layout .top_menu .promotions_icon_layer img { height: 20px; margin-left: 2px; } } .layout .top_menu .onboarding_layer { display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin: 0 0px 0 10px; text-align: center; padding-top: 10px; position: relative; cursor: pointer; border-radius: 50%; } .layout .top_menu .onboarding_layer img { width: 24px; transition: all 0.3s ease; } .layout .top_menu .onboarding_layer:hover img { transform: scale(1.2); } @media (max-width: 1199px) { .layout .top_menu .onboarding_layer { width: 32px; height: 32px; padding-top: 3px; margin-left: 5px; } .layout .top_menu .onboarding_layer img { height: 20px; margin-left: 2px; } } .layout .top_menu .timetracker_menu_widget { white-space: nowrap; display: flex; } .layout .top_menu .timetracker_menu_widget .timetracker_tracking_layer { display: none; border-radius: 50px; padding-right: 59px; padding-left: 10px; margin-right: -49px; align-items: center; cursor: pointer; } .layout .top_menu .timetracker_menu_widget .timetracker_tracking_layer .pause_icon { margin-right: 10px; } .layout .top_menu .timetracker_menu_widget .timetracker_tracking_layer .pause_icon img { width: 31px; } .layout .top_menu .timetracker_menu_widget .timetracker_tracking_layer .actual_time { color: #313131; font-size: 24px; padding-top: 4px; min-width: 110px; font-family: poppins_medium; } .layout .top_menu .timetracker_menu_widget .timetracker_layer { display: inline-block; vertical-align: middle; width: 45px; height: 45px; text-align: center; padding-top: 10px; position: relative; cursor: pointer; border-radius: 50%; } .layout .top_menu .timetracker_menu_widget .timetracker_layer i { font-size: 24px; color: #666; } .layout .top_menu .timetracker_menu_widget .timetracker_layer img { transition: transform 0.2s ease; transform: rotateZ(0deg); width: 22px; } .layout .top_menu .timetracker_menu_widget .timetracker_layer:hover img { transform: rotateZ(35deg); } @media (max-width: 1199px) { .layout .top_menu .timetracker_menu_widget .timetracker_layer { width: 32px; height: 32px; padding-top: 3px; margin-left: 5px; } .layout .top_menu .timetracker_menu_widget .timetracker_layer img { height: 20px; } } .layout .top_menu .timetracker_menu_widget.playing .timetracker_tracking_layer { display: flex; } @media (max-width: 1199px) { .layout .top_menu .timetracker_menu_widget.playing .timetracker_tracking_layer { display: none; } } .layout .top_menu .timetracker_menu_widget.playing .timetracker_layer img { transform: rotateZ(35deg); } .layout .top_menu .notifications_layer { display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin: 0 0px 0 10px; text-align: center; padding-top: 10px; position: relative; cursor: pointer; border-radius: 50%; } .layout .top_menu .notifications_layer i { font-size: 24px; } .layout .top_menu .notifications_layer img { width: 22px; } .layout .top_menu .notifications_layer .notifications_alert { width: 8px; height: 8px; font-size: 0px; background-color: #F44336; position: absolute; right: 5px; top: 3px; color: #fff; border-radius: 50%; line-height: 20px; font-weight: 600; text-align: center; display: none; } @media (max-width: 1199px) { .layout .top_menu .notifications_layer { width: 32px; height: 32px; padding-top: 3px; margin-left: 5px; } .layout .top_menu .notifications_layer img { height: 20px; } .layout .top_menu .notifications_layer .notifications_alert { right: 2px; top: 0px; } } .layout .top_menu .user_layer { display: inline-block; vertical-align: middle; width: 95px; } .layout .top_menu .user_layer .avatar { width: 45px; height: 45px; background-size: cover; border-radius: 50%; border: 1px solid #ccc; cursor: pointer; } @media (max-width: 1199px) { .layout .top_menu .user_layer { width: 55px; } .layout .top_menu .user_layer .avatar { height: 44px; width: 44px; } } .layout main { height: calc(100vh - 60px); overflow: hidden; display: flex; } @media (max-width: 1199px) { .layout main { display: block; } } .layout main #main_menu { position: relative; width: 257px; overflow: hidden; transition: all 0.3s ease; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 17px #00000029; background-color: #fff; height: 100%; border-top: 1px solid #ddd; display: block; z-index: 100; } .layout main #main_menu .option { height: 48px; display: flex; align-items: center; padding: 0 10px; color: #4E5056; font-size: 14px; cursor: pointer; font-family: poppins_medium; position: relative; white-space: nowrap; } .layout main #main_menu .option .icon_circle { border-radius: 50%; width: 42px; height: 42px; margin-right: 10px; margin-left: -5px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .layout main #main_menu .option .icon_circle .icon_mask { width: 21px; height: 21px; text-align: center; line-height: 28px; -webkit-mask-size: contain !important; mask-size: contain !important; background-color: #4E5056; } .layout main #main_menu .option.selected .icon_mask { background-color: #fff; } .layout main #main_menu .option:before { position: absolute; top: 0; right: 0; width: 0%; height: 100%; content: ""; transition: width 0.3s ease; } .layout main #main_menu .option:after { position: absolute; top: 0; left: 0; width: 0%; height: 100%; content: ""; transition: width 0.3s ease; } .layout main #main_menu .option:hover:before { width: 100%; } .layout main #main_menu .option.selected:after { width: 100%; } .layout main #main_menu .option.selected:before { width: 0%; } .layout main #main_menu .tools { height: 55%; overflow-y: auto; } @media (max-width: 1199px) { .layout main #main_menu .tools { height: 100%; } } .layout main #main_menu .tools::-webkit-scrollbar { width: 5px; opacity: 0; background-color: #F5F5F5; } .layout main #main_menu .tools::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } .layout main #main_menu .tools::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } .layout main #main_menu .tools:hover::-webkit-scrollbar { opacity: 1; } .layout main #main_menu .tools:hover::-webkit-scrollbar-track { opacity: 1; } .layout main #main_menu .tools:hover::-webkit-scrollbar-thumb { opacity: 1; } .layout main #main_menu .tools hr { width: calc(100% - 10px); border-top: 1px solid #ddd; position: relative; margin: 10px 0 15px auto; } @media (max-width: 1199px) { .layout main #main_menu { position: absolute; width: 0px; right: 0px; text-align: right; } .layout main #main_menu .tools { display: flex; flex-direction: column; align-items: end; padding: 10px 10px 0 0; } .layout main #main_menu .tools .option { display: inline-block; padding: 5px 10px; height: auto; border-radius: 3px; background-color: #F8F8F8; margin-bottom: 5px; } .layout main #main_menu .tools .option .icon_circle { display: none; } } .layout main #main_menu .communications { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px -2px 17px #00000029; height: 45%; width: 100%; position: absolute; left: 0; bottom: 0; display: flex; flex-direction: column; } @media (max-width: 1199px) { .layout main #main_menu .communications { display: none; } } .layout main #main_menu .communications .no_threads { text-align: center; font-size: 12px; margin: 20px 10px; } .layout main #main_menu .communications .content { overflow-y: auto; padding: 0 10px; margin-top: 10px; } .layout main #main_menu .communications .content::-webkit-scrollbar { width: 5px; opacity: 0; background-color: #F5F5F5; } .layout main #main_menu .communications .content::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } .layout main #main_menu .communications .content::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } .layout main #main_menu .communications .content:hover::-webkit-scrollbar { opacity: 1; } .layout main #main_menu .communications .content:hover::-webkit-scrollbar-track { opacity: 1; } .layout main #main_menu .communications .content:hover::-webkit-scrollbar-thumb { opacity: 1; } .layout main #main_menu .communications .content .message { border-top: 1px solid #ddd; margin-bottom: 10px; cursor: pointer; } .layout main #main_menu .communications .content .message .header_message { display: grid; grid-template-columns: calc(100% - 37px) 27px; grid-gap: 10px; row-gap: 10px; column-gap: 10px; width: 100%; margin-top: 10px; } .layout main #main_menu .communications .content .message .header_message .title { font-size: 14px; font-family: poppins_semibold; color: #242526; } .layout main #main_menu .communications .content .message .header_message img { margin-top: -10px; } .layout main #main_menu .communications .content .message .service, .layout main #main_menu .communications .content .message .user { font-size: 12px; color: #242526; } .layout main #main_menu .communications .content .message .time { border-radius: 20px; padding: 5px 10px; background-color: #E7FDE0; color: #43B820; font-size: 12px; display: inline-block; margin-top: 5px; font-family: poppins_medium; } .layout main #main_menu .communications .content .message .time::first-letter { text-transform: capitalize; } .layout main #main_menu .ui-resizable .header { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; padding: 0 10px; } .layout main #main_menu .ui-resizable .header .title { color: #040E28; font-family: poppins_bold; } .layout main #main_menu .ui-resizable .header .alert_number { color: #fff; background-color: #E60D47; width: 16px; height: 16px; border-radius: 50%; font-size: 10px; text-align: center; font-weight: 600; line-height: 16px; } .layout main #main_menu .ui-resizable .header .add_button { width: 34px; height: 34px; box-shadow: 0px 0px 6px #00000029; border-radius: 5px; color: #fff; border: 0; line-height: 0px; } .layout main #main_menu .ui-resizable .ui-resizable-handle { cursor: row-resize; } .layout main #main_menu .ui-resizable .ui-resizable-handle:before { content: ""; width: 58px; height: 5px; background: #CCCCCC 0% 0% no-repeat padding-box; border-radius: 91px; margin: 15px auto 10px; display: block; } .layout main #main_body { height: 100%; overflow: auto; flex-grow: 1; } @media (max-width: 1199px) { .layout main #main_body { padding: 0px 15px; height: calc(100% - 65px); } } .layout main #main_body #main_content { padding: 20px 20px 50px 20px; } @media (max-width: 1199px) { .layout main #main_body #main_content { padding: 20px 0px 100px; } } .layout main #main_body .message_promotions { background: #fad173; padding: 10px; } .layout main #main_body .message_promotions .img_msg_promotions { margin-left: 10px; margin-top: -5px; margin-right: 5px; } .layout main #main_body .message_promotions .click_here_promotions { font-weight: bold; color: #000000; } .layout main #main_body .message_promotions .close_promotions { float: right; margin-right: 10px; } .layout main #main_body .message_promotions .click_here_onboarding { font-weight: bold; color: #000000; } .layout main #main_body .message_promotions .close_onboarding { float: right; margin-right: 10px; } .layout main #main_body .update_notification_layer .update_notification { position: absolute; z-index: 100; max-width: 330px; width: wrap; right: 30px; top: 100px; background: #cef2e9; height: wrap; box-shadow: 6px 6px 20px grey; display: block; padding-bottom: 60px; } .layout main #main_body .update_notification_layer .update_notification .close_notification { float: right; margin-right: 15px; margin-top: 15px; } .layout main #main_body .update_notification_layer .update_notification .close_bank_alert_1 { float: right; margin-right: 15px; margin-top: 15px; } .layout main #main_body .update_notification_layer .update_notification .update_notification_title { font-family: poppins_semibold; color: #040e28; font-size: 16px; margin-top: 25px; margin-left: 25px; margin-right: 20px; } .layout main #main_body .update_notification_layer .update_notification .update_notification_description { margin-left: 25px; margin-right: 15px; font-size: 13px; } .layout main #main_body .update_notification_layer .update_notification .update_notification_button { position: absolute; right: 20px; bottom: 20px; } .layout main.with_menu #main_body { max-width: calc(100% - 257px); } @media (max-width: 1199px) { .layout main.with_menu #main_body { max-width: 100%; } } .layout #bottom_menu { display: none; } .layout #bottom_menu .border_left { height: 100%; flex-grow: 1; border-radius: 20px 0 0 0; } .layout #bottom_menu .border_right { height: 100%; flex-grow: 1; border-radius: 0px 20px 0 0; margin-left: -1px; } @media (max-width: 1199px) { .layout #bottom_menu { position: fixed; bottom: 0; left: 0; width: 100%; height: calc(60px + env(safe-area-inset-bottom)); z-index: 10; display: flex; border-radius: 30px 30px 0 0; align-items: center; justify-content: stretch; font-size: 0; } .layout #bottom_menu .option { width: 18vw; text-align: center; position: relative; height: 100%; display: flex; flex-direction: column; justify-content: end; overflow: hidden; margin: 0; padding: 0; margin-left: -1px; } .layout #bottom_menu .option .over_icon { height: 70%; } .layout #bottom_menu .option .icon { height: 24px; width: 24px; margin: 0 auto; -webkit-mask-size: contain !important; mask-size: contain !important; background-color: #fff; } .layout #bottom_menu .option .text { font-size: 11px; line-height: 11px; height: 25px; display: flex; justify-content: center; align-items: center; color: #fff; height: 50%; font-weight: 300; font-family: poppins_semibold; position: relative; padding-bottom: env(safe-area-inset-bottom); } .layout #bottom_menu .option .rounded_icon { position: absolute; left: 50%; transform: translateX(-50%); top: -4px; transition: top ease-in-out 0.3s; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; } .layout #bottom_menu .option.selected { overflow: visible; } .layout #bottom_menu .option.selected .rounded_icon { top: -23px; box-sizing: content-box; border: 4px solid #f8f8f8; } .layout #bottom_menu .option.selected .over_icon { -webkit-mask-composite: xor; mask-composite: xor; } } .list_initiatives_selector .item_initiative_selector { padding: 5px; border-bottom: 1px solid #ccc; cursor: pointer; } .list_initiatives_selector .item_initiative_selector .initiative_logo { width: 42px; height: 42px; background-position: 50%; background-size: contain; background-repeat: no-repeat; border: 2px solid #ccc; display: inline-block; vertical-align: middle; margin-right: 10px; border-radius: 50%; } .list_initiatives_selector .item_initiative_selector .name { display: inline-block; vertical-align: middle; width: 200px; color: #242526; font-size: 12px; line-height: 14px; font-weight: 600; } .list_initiatives_selector .item_initiative_selector .star_default { display: inline-block; vertical-align: middle; padding-left: 20px; } .list_initiatives_selector .item_initiative_selector .star_default i { font-size: 16px; } .list_initiatives_selector .paginator { margin-top: 10px; } .finutive_tabs { font-size: 0px; margin-bottom: 10px; display: flex; max-width: 100%; overflow-x: auto; white-space: nowrap; } .finutive_tabs::-webkit-scrollbar { display: none; } .finutive_tabs .finutive_tab { display: inline-block; background-color: #fff; text-align: center; padding: 10px 20px; color: #9F9F9F; cursor: pointer; cursor: hand; font-size: 13px; position: relative; border: 1px solid #EDF1F1; border-right: 0px; font-family: poppins_medium; white-space: nowrap; position: relative; z-index: 10; } .finutive_tabs .finutive_tab span { font-size: 13px; color: #9F9F9F; font-family: poppins_medium; } .finutive_tabs .finutive_tab:first-child { border-radius: 4px 0px 0px 4px; } .finutive_tabs .finutive_tab:last-child { border-radius: 0px 4px 4px 0px; border-right: 1px solid #EDF1F1; } @media (max-width: 1199px) { .finutive_tabs .finutive_tab { padding: 10px 15px; } } .finutive_tabs .finutive_tab.selected { color: #fff; z-index: 10; } .finutive_tabs .finutive_tab.selected span { color: #fff; } .finutive_content { border: 1px solid #eee; background-color: #fff; border-radius: 4px; padding: 20px; position: relative; margin-bottom: 20px; } @media (max-width: 1199px) { .finutive_content { padding: 10px 5px; } } .finutive_title_content { color: #4E5056; font-size: 14px; letter-spacing: 0px; margin-bottom: 15px; padding-bottom: 10px; font-family: poppins_semibold; border-bottom: 1px solid #ccc; } .finutive_title_content span { color: #4E5056; font-size: 14px; font-family: poppins_semibold; } .finutive_title_content.with_grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; } .finutive_title_content.with_grid.grid_70 { grid-template-columns: 70% 30%; } .finutive_title_content.with_grid > div:first-child { color: #4E5056; font-size: 14px; font-family: poppins_semibold; } .finutive_title_content .right_options { float: right; text-align: right; } .finutive_title_content .right_options button { margin-top: -10px; } .finutive_tab_content { border: 1px solid #eee; background-color: #fff; border-radius: 4px; padding: 20px; position: relative; } .finutive_tab_content.no_background { border: 0; background-color: transparent; border-radius: 0; padding: 0; } .finutive_sub_tabs { font-size: 0px; margin-bottom: 10px; display: flex; max-width: 100%; overflow-x: auto; border-bottom: 1px solid #EDF1F1; } .finutive_sub_tabs::-webkit-scrollbar { display: none; } .finutive_sub_tabs .finutive_sub_tab { display: inline-block; vertical-align: middle; font-size: 14px; color: #9F9F9F; margin-right: 15px; padding-bottom: 3px; font-family: poppins_semibold; cursor: pointer; padding: 0 5px; white-space: nowrap; } .finutive_sub_tabs .finutive_sub_tab:after { border-radius: 5px; height: 5px; display: block; width: calc(100% + 10px); margin-left: -5px; content: ""; margin-top: 5px; margin-bottom: -1px; } .finutive_sub_tabs .finutive_sub_tab span { font-size: 14px; color: #9F9F9F; } .chart { height: 80px; position: relative; margin-top: 10px; } .chart .line_x { width: 100%; height: 2px; background-color: #ccc; position: absolute; left: 0px; margin-top: -1px; } .chart .chart_element { display: inline-block; height: 100%; position: relative; width: 16.6666666667%; text-align: center; } .chart .chart_element .chart_bars { position: relative; height: 50px; width: 52px; margin: 0 auto; } .chart .chart_element .chart_bars .bar { border-radius: 3px; position: absolute; bottom: 0; left: 18px; width: 12px; } .chart .chart_element .chart_bars .bar.red { background-color: #E60D47; } .chart .chart_element .chart_bars .bar.green { background-color: #65a594; } .chart .chart_element .chart_axis_x { height: 30px; position: relative; } .chart .chart_element .chart_axis_x .chart_axis_x_element { color: #888; font-size: 12px; text-transform: uppercase; display: inline-block; vertical-align: middle; } .chart.col_12 .chart_element { width: 8.3333333333%; } .mobile_invoices_indicators .row1 { margin-top: 10px; } .mobile_invoices_indicators .row2 { margin-top: 10px; line-height: 14px; } .mobile_invoices_indicators .row2 .cant { margin-top: 20px; } .mobile_invoices_indicators .row2 button { margin-top: 10px; } .tickets_mobile_content .finutive_tab_content { margin-top: 10px; } .mobile_add_section button { white-space: initial; width: 100%; } .mobile_add_section button i { font-size: 24px; display: block; margin: 10px auto; } .floating_tooltip { position: absolute; background: #fff; border: 2px solid #ccc; z-index: 2002; min-width: 120px; padding: 10px; text-align: center; border-radius: 3px; box-shadow: 0px 2px 4px 1px #ccc; } .floating_tooltip.compact { padding: 0px; } .floating_tooltip:after, .floating_tooltip:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .floating_tooltip:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; } .floating_tooltip:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .fin_user_menu { list-style: none; width: 100%; padding: 0px; margin: 0; } .fin_user_menu li { width: 100%; padding: 10px; font-weight: 600; cursor: pointer; cursor: hand; text-decoration: none; color: #4d4d4d; font-size: 14px; } .fin_user_menu li:hover { background-color: #f5f5f5; } .paginator { text-align: center; margin-bottom: 10px; } .paginator .paginator-item { display: inline-block; vertical-align: middle; font-size: 12px; color: #242526; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; margin-right: 3px; min-width: 30px; padding: 5px; cursor: pointer; font-family: poppins_medium; } .paginator .paginator-points { display: inline-block; vertical-align: middle; font-size: 14px; color: #242526; padding: 5px; margin-right: 3px; } .user_profile_module .card { margin-bottom: 10px; } .alert_dialog_arrow.right { position: absolute; background: #000; border: 4px solid #242526; z-index: 30; color: #fff; font-size: 20px; padding: 10px; line-height: 30px; width: 300px; display: none; } .alert_dialog_arrow.right:after, .alert_dialog_arrow.right:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .alert_dialog_arrow.right:after { border-color: rgba(0, 0, 0, 0); border-left-color: #000; border-width: 30px; margin-top: -30px; } .alert_dialog_arrow.right:before { border-color: rgba(68, 68, 68, 0); border-left-color: #242526; border-width: 36px; margin-top: -36px; } .alert_dialog_arrow.top { position: absolute; background: #000; border: 4px solid #242526; z-index: 30; color: #fff; font-size: 20px; padding: 10px; line-height: 30px; width: 300px; display: none; } .alert_dialog_arrow.top:after, .alert_dialog_arrow.top:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .alert_dialog_arrow.top:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #000; border-width: 30px; margin-left: -30px; } .alert_dialog_arrow.top:before { border-color: rgba(68, 68, 68, 0); border-bottom-color: #242526; border-width: 36px; margin-left: -36px; } .modal_terms_of_use_gi .modal_terms_of_use_gi-content * { font-family: poppins_regular; word-break: break-word; white-space: initial; } .modal_terms_of_use_gi .modal_terms_of_use_gi-content input[type=checkbox] { display: inline-block; vertical-align: baseline; } .circle_indicators { text-align: center; margin-top: 20px; margin-bottom: 20px; } .circle_indicators .circle_indicator { display: inline-block; vertical-align: top; width: 100px; cursor: pointer; } .circle_indicators .circle_indicator .circle_indicator_value { width: 90px; height: 90px; background-color: #fafafa; border-radius: 50%; font-size: 24px; color: #666; box-shadow: 0px 2px 1px 0px #ccc; padding-top: 32px; font-weight: 600; background-color: #ccc; color: #fff; } .circle_indicators .circle_indicator .circle_indicator_name { margin-top: 5px; font-size: 14px; color: #242526; text-transform: uppercase; max-width: 100%; font-weight: 600; text-align: center; color: #242526; } .circle_indicators .circle_indicator.level_1 .circle_indicator_value { background-color: #F44336; color: #fff; } .circle_indicators .circle_indicator.level_1 .circle_indicator_name { color: #F44336; } .circle_indicators .circle_indicator.level_1 + .arrow_indicator i { color: #F44336; } .circle_indicators .circle_indicator.level_2 .circle_indicator_value { background-color: #FF5722; color: #fff; } .circle_indicators .circle_indicator.level_2 .circle_indicator_name { color: #FF5722; } .circle_indicators .circle_indicator.level_2 + .arrow_indicator i { color: #FF5722; } .circle_indicators .circle_indicator.level_3 .circle_indicator_value { background-color: #FFC107; color: #fff; } .circle_indicators .circle_indicator.level_3 .circle_indicator_name { color: #FFC107; } .circle_indicators .circle_indicator.level_3 + .arrow_indicator i { color: #FFC107; } .circle_indicators .circle_indicator.level_4 .circle_indicator_value { background-color: #CDDC39; color: #fff; } .circle_indicators .circle_indicator.level_4 .circle_indicator_name { color: #CDDC39; } .circle_indicators .circle_indicator.level_4 + .arrow_indicator i { color: #CDDC39; } .circle_indicators .circle_indicator.level_5 .circle_indicator_value { background-color: #8BC34A; color: #fff; } .circle_indicators .circle_indicator.level_5 .circle_indicator_name { color: #8BC34A; } .circle_indicators .circle_indicator.level_5 + .arrow_indicator i { color: #8BC34A; } .circle_indicators .circle_indicator.level_6 .circle_indicator_value { background-color: #64DD17; color: #fff; } .circle_indicators .circle_indicator.level_6 .circle_indicator_name { color: #64DD17; } .circle_indicators .circle_indicator.level_6 + .arrow_indicator i { color: #64DD17; } .circle_indicators .arrow_indicator { margin-top: 25px; display: inline-block; vertical-align: top; padding: 10px; } .circle_indicators .arrow_indicator i { font-size: 24px; } .popup_form { background-color: #f0f0f0; padding: 10px; } .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 5px; margin-top: 5px; } .file_layer .name { float: left; color: #242526; font-size: 12px; max-width: calc(100% - 40px); } .file_layer i { font-size: 16px; float: right; cursor: pointer; } .btn_upload_doc { margin-top: 10px; } .uploading_files_wrapper { text-align: center; } .uploading_files_wrapper .uploading_title { font-size: 21px; color: #666; font-weight: 600; } .uploading_files_wrapper .uploading_icon { margin: 20px auto; } .uploading_files_wrapper .uploading_icon i { font-size: 62px; } .uploading_files_wrapper .uploading_progress { font-size: 14px; color: #666; font-weight: 600; } .uploading_files_wrapper .uploading_error { color: #E60D47; font-size: 14px; font-weight: 600; } .uploading_files_wrapper .uploading_message { font-size: 13px; color: #aaa; margin-top: 10px; font-weight: 600; } .visible-inline-xs { display: none; } @media (max-width: 767px) { .visible-inline-xs { display: inline-block !important; } } .modal_cookie-content { max-width: 1200px; width: 96% !important; border: 0px !important; } .modal_cookie-content .optionsSliders { float: none; margin-left: 50px; } .modal_cookie-content .aoc_close_cookies { font-size: 32px !important; margin-right: 10px; color: #aaa; margin-bottom: 10px; } .status_tag { border-radius: 20px; padding: 5px; font-family: poppins_medium; } .status_tag.orange { color: #FFB300; } .table_overflow { width: 100%; overflow: auto; } .icon_button { width: 18px; height: 18px; display: inline-block; -webkit-mask-size: contain; margin: -5px 3px -5px 0; } .btn-primary .icon_button { background-color: #fff; } .icon_more_options { cursor: pointer; width: 20px; height: 20px; background-image: url(https://platform.finutive.com/app/0ebba9567615ae9262b8665c5b31c638e84fcf741c5f9d11f7bb05d433e02455b856673289b05bbcf0fb650f9074440dcd17cee787269d24ac4fea540a830ca43513e5465cf51571146712/assets/img/icon_more_options.svg); background-size: contain; background-repeat: no-repeat; background-position: 100% 50%; margin: 0 0 0 auto; } .button_with_icon { max-width: 44px; white-space: nowrap; overflow: hidden; height: 33px; } .button_with_icon i { font-size: 18px; margin: -3px 10px 0 0; display: inline-block; vertical-align: middle; } @media (min-width: 1199px) { .button_with_icon { transition: max-width 0.8s ease; } .button_with_icon:hover { max-width: 500px; } } .date_status { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; } .date_status.soon { color: #43B820; background-color: #E7FDE0; } .date_status.late { color: #E60D47; background-color: #FFE3EB; } .date_status.short_time { color: #FFB300; background-color: #FFF3CC; } .date_status.sm { padding: 10px; } .buttons_wrapper button { margin-bottom: 10px; } @media (max-width: 1199px) { #launcher { display: none; } .buttons_wrapper { text-align: left; } } .form_select_stl:focus { border-color: #6eb3a1; } .btn:focus { outline: none; } .ranges_selector { float: right; } .ranges_selector .range_selector { display: inline-block; padding: 5px; font-size: 12px; font-family: poppins_medium; color: #000; background-color: #F8F8F8; border-radius: 4px; margin-left: 3px; cursor: pointer; } .ranges_selector .range_selector span { font-size: 12px; font-family: poppins_medium; color: #000; } .tags .tag { display: inline-block; margin: 0px 5px 5px 0px; border-radius: 3px; font-size: 12px; color: #555; border: 1px solid #ddd; padding: 3px 7px; background-color: #fff; } .tags .tag .remove_icon { margin-left: 5px; font-size: 14px; cursor: pointer; } .switch_wrapper .switch_option { display: inline-block; vertical-align: text-bottom; font-weight: 300; color: #666; width: calc(50% - 50px); font-size: 12px; } .switch_wrapper .switch_option.selected { color: #444; font-weight: 600; } .switch_wrapper .switch_layer { display: inline-block; vertical-align: middle; width: 90px; text-align: center; } .banner_layer img { max-width: 100%; max-height: 250px; height: auto; } @media (min-width: 1199px) { .buttons_wrapper { white-space: nowrap; overflow: hidden; } } .flex { display: flex; align-items: center; } .notes_view .notes_form .note_files { margin-top: 5px; padding: 10px 0 0; border-top: 1px solid #eee; } .notes_view .notes_form .note_files .file_layer { display: inline-block; margin: 0 3px 3px; } .notes_view .notes_form .note_files .file_layer i { margin-left: 10px; vertical-align: middle; margin-top: -2px; } .notes_view .notes_form .btn_upload_doc { margin-top: 0px !important; } .notes_view .note_layer .card { position: relative; } .notes_view .note_layer .more_actions_icon { position: absolute; font-size: 20px; top: 0px; right: 0px; cursor: pointer; cursor: hand; padding: 10px; text-align: center; } .notes_view .note_layer .username { font-size: 14px; font-weight: 600; display: inline-block; vertical-align: middle; margin-right: 5px; } .notes_view .note_layer .date { color: #999; font-size: 12px; display: inline-block; vertical-align: middle; } .notes_view .note_layer .text { margin-top: 10px; color: #444; font-size: 14px; line-height: 20px; } .notes_view .note_layer .files { margin-top: 10px; } .notes_view .note_layer .files .file_layer { display: inline-block; vertical-align: middle; margin: 0px 3px 3px 0; } .big_title { font-size: 16px; } .admin_tickets .finutive_section_title { display: none; } .admin_tickets .finutive_tabs { display: none; } @charset "UTF-8"; .add_account_view { margin-top: 10px; } .add_account_view .form_inputs { display: none; } .add_account_view .form_otp, .add_account_view .form_multiaccount { display: none; } .add_account_view .btn_submit, .add_account_view .btn_cancel { display: none; } .add_account_view .selected_bank { display: none; } .add_account_view .selected_bank .logo { max-height: 70px; } .add_account_view .selected_bank .text { color: #666; font-size: 13px; line-height: 17px; margin: 20px auto; font-weight: 600; } .add_account_view .form_widget { display: none; } .add_account_view .form_widget iframe { width: 100%; height: 670px; } .add_account_view .load_warning { text-align: center; } .add_account_view .warning_manual_bank { display: flex; text-align: center; padding: 20px; font-weight: bold; background: rgba(110, 179, 161, 0.2); } .add_account_view .add_credentials_bank { text-align: center; padding: 20px; } .add_account_view .banks_step2 { display: none; } .add_account_view .banks_step2 .buttons { font-size: 0; } .add_account_view .banks_step2 .buttons button { width: 46%; margin: 15px 2%; padding: 10px; } .add_account_view .link { font-size: 12px; text-align: left; display: block; text-decoration: underline; } .add_account_view .banks_security .element { font-size: 0; margin: 20px 0; } .add_account_view .banks_security .element .icon { display: inline-block; vertical-align: middle; width: 50px; text-align: left; } .add_account_view .banks_security .element .icon img { max-width: 36px; max-height: 36px; } .add_account_view .banks_security .element .icon i { color: #2a3c52; font-size: 30px; margin-left: 6px; } @media (max-width: 1199px) { .add_account_view .banks_security .element .icon { width: 40px; } .add_account_view .banks_security .element .icon img { max-width: 30px; max-height: 30px; } } .add_account_view .banks_security .element .text { display: inline-block; vertical-align: middle; width: calc(100% - 50px); font-family: poppins_medium; color: #707070; font-size: 16px; text-align: left; } @media (max-width: 1199px) { .add_account_view .banks_security .element .text { font-size: 12px; } } .add_account_view .banks_security .element .security_partners { margin-left: 30px; } .add_account_view .banks_security .element .security_partners img { width: 200px; margin: 10px 20px; } @media (max-width: 1199px) { .add_account_view .banks_security .element .security_partners img { width: 40%; margin: 10px; } } .add_account_view .banks_security .buttons { text-align: center; } .add_account_view .banks_security .buttons button { padding: 5px; width: auto; margin-top: 10px; } .add_account_view .info_layer { border: 2px solid #ccc; padding: 5px; color: #555; font-size: 12px; background-color: #f0f0f0; margin: 10px 0; } .add_account_view .info_layer .buttons { text-align: center; margin-top: 10px; } .add_account_view .info_layer .buttons button { padding: 5px; width: auto; } .add_account_view .bank_search { width: inherit; } .add_account_view .banks_container { margin-top: 20px; } .add_account_view .banks_container .banks_container_grid { display: grid; grid-template-columns: 33% 33% 33%; grid-gap: 8px; align-items: center; padding: 8px; } @media (max-width: 1199px) { .add_account_view .banks_container .banks_container_grid { grid-template-columns: 31% 31% 31%; } } .add_account_view .banks_container .banks_container_grid .bank_button { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 120px; cursor: pointer; } .add_account_view .banks_container .banks_container_grid .bank_button .bank_status { align-self: flex-end; font-size: 20px; color: #6eb3a1; } .add_account_view .banks_container .banks_container_grid .bank_button .bank_logo { object-fit: contain; max-width: 50px; } .add_account_view .banks_container .banks_container_grid .bank_button .bank_name { text-align: center; color: #666; font-size: 13px; line-height: 17px; margin: 10px auto; font-weight: 600; margin-bottom: 0; } .add_account_view .banks_container .banks_container_grid .bank_button.active { border: #6eb3a1 solid 3px; } .add_account_view .banks_container .error_msg { background-color: transparent; color: #000; text-align: start; } .add_account_view .banks_container .error_msg i.fas.fa-exclamation-circle { color: red; font-size: 30px; vertical-align: sub; cursor: default; } .add_account_view .banks_container .error_msg a.error_action { color: #fff; background-color: #293253; padding: 12px; border-radius: 20px; } .add_account_view .form_credentials { display: none; max-width: 500px; margin: 0 auto; } .add_account_view .form_credentials .selected_bank { text-align: center; } .add_account_view .btn_back_to_banks { font-family: poppins_semibold; font-size: 16px; cursor: pointer; width: 250px; } .add_account_view .btn_back_to_banks i { font-size: 40px; vertical-align: middle; } .add_account_view .form_manually { display: none; max-width: 500px; margin: 0 auto; } .upload_n43_view #norma_43 { margin-left: 20px; } .delete_account_form button { width: 100%; margin-bottom: 10px; } .accept_accounts .card.selected { border: 1px solid #00C853; box-shadow: 0 0 5px #00C853; animation: accountSelected 1.5s ease-in-out infinite; border-radius: 10px; /* opcional, para que quede más suave */ } @keyframes accountSelected { 0% { box-shadow: 0 0 5px #00C853; } 50% { box-shadow: 0 0 10px #00C853; } 100% { box-shadow: 0 0 5px #00C853; } } .accept_accounts .owl-carousel .owl-item .card.account { width: auto; height: calc(100% - 6px); padding: 20px 20px 25px; border-radius: 0; } .accept_accounts .owl-carousel .owl-item .card.account .bank_name { font-family: poppins_semibold; font-size: 14px; } .accept_accounts .owl-carousel .owl-item .card.account .account_name { font-size: 12px; } .accept_accounts .owl-carousel .owl-item .card.account .iban_name { font-size: 12px; } .accept_accounts .owl-carousel .owl-item .card.account .logo_bank img { max-width: 80px; max-height: 65px; width: auto; margin-bottom: 5px; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 768px) { .add_account_view .banks_container .banks_container_grid { grid-template-columns: 25% 25% 25% 25%; } .add_account_view .banks_container .banks_container_grid .bank_logo { object-fit: contain; max-width: 50px; } } .list_accounts .row_account { background-color: #fff; padding: 15px; margin-bottom: 10px; box-shadow: 0px 0px 15px rgba(4, 14, 40, 0.2); border-radius: 4px; } .list_accounts .row_account.not_connected { background-color: #FFEBF1; } .list_accounts .row_account.has_to_reload { background: linear-gradient(45deg, #dcdcdc 25%, transparent 25%, transparent 50%, #dcdcdc 50%, #dcdcdc 75%, transparent 75%, transparent), linear-gradient(45deg, #dcdcdc 25%, #fad173 25%, #fad173 50%, #dcdcdc 50%, #dcdcdc 75%, #fad173 75%, #fad173); } .list_accounts .row_account .list_content { display: flex; align-items: center; justify-content: space-between; } .list_accounts .row_account .card_content { display: none; } .list_accounts .row_account .account_info { display: grid; grid-template-columns: 80px auto; width: 600px; max-width: 35%; } .list_accounts .row_account .account_info div { color: #4E5056; font-size: 12px; } .list_accounts .row_account .account_info .bank_name { font-family: poppins_semibold; color: #040E28; font-size: 14px; } .list_accounts .row_account .balance_info { width: 200px; max-width: 15%; } .list_accounts .row_account .balance_info .amount_status { font-family: poppins_semibold; } .list_accounts .row_account .bank_update { text-align: right; font-family: "poppins_semibold"; font-size: 12px; margin-bottom: 5px; color: #444; } .list_accounts .row_account .bank_update.has_to_reload { font-size: medium; } .list_accounts .row_account .bank_update .reload_warning { cursor: pointer; } .list_accounts .row_account .account_status_info { flex-grow: 1; } .list_accounts .row_account .account_status_info > div { font-family: poppins_semibold; font-size: 13px; display: inline-block; margin-right: 10px; } .list_accounts .row_account .account_status_info > div i { margin-right: 10px; font-size: 20px; vertical-align: middle; } .list_accounts .row_account .account_status_info > div.positive { color: #040E28; } .list_accounts .row_account .account_status_info > div.positive i { color: #43B820; } .list_accounts .row_account .account_status_info > div .has_to_reload { font-size: xx-large; animation: blink 2s infinite; /* Adjust the duration as needed */ } .list_accounts .row_account .account_status_info > div .bank_update.has_to_reload { font-size: medium; animation: none; } .list_accounts .row_account .account_status_info > div .bank_update .reload_warning { cursor: pointer; } .list_accounts .row_account .account_options { text-align: right; width: 20%; white-space: nowrap; max-width: 200px; } .list_accounts .row_account .bank_logo { max-width: 57px; max-height: 57px; } @media (max-width: 1199px) { .list_accounts .row_account .bank_logo { max-width: 25px; } } .list_accounts .row_account .alert_account { margin-right: -27px; font-size: 22px; color: #F44336; vertical-align: middle; position: relative; margin-top: -40px; background-color: #fff; border-radius: 50%; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .list_accounts.card { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; margin-bottom: 10px; } @media (max-width: 1600px) { .list_accounts.card { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1199px) { .list_accounts.card { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .list_accounts.card { grid-template-columns: 1fr; } } .list_accounts.card .row_account { margin-bottom: 0; } .list_accounts.card .row_account .list_content { display: none; } .list_accounts.card .row_account.has_to_reload { background: linear-gradient(45deg, #dcdcdc 25%, transparent 25%, transparent 50%, #dcdcdc 50%, #dcdcdc 75%, transparent 75%, transparent), linear-gradient(45deg, #dcdcdc 25%, #fad173 25%, #fad173 50%, #dcdcdc 50%, #dcdcdc 75%, #fad173 75%, #fad173); } .list_accounts.card .row_account .card_content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .list_accounts.card .row_account .card_content .account_info { width: 100%; max-width: 100%; } .list_accounts.card .row_account .card_content .balance_info { width: 100%; max-width: 100%; padding-left: 80px; } .list_accounts.card .row_account .card_content .has_to_reload { font-size: xx-large; animation: blink 2s infinite; /* Adjust the duration as needed */ } .list_accounts.card .row_account .card_content .bank_update.has_to_reload { font-size: medium; animation: none; } .list_accounts.card .row_account .card_content .bank_update .reload_warning { cursor: pointer; } .list_accounts.card .row_account .account_footer { display: flex; justify-content: space-between; margin-top: 10px; white-space: nowrap; align-items: center; } .my_accounts_options input { vertical-align: middle; } .my_accounts_options button.btn_add_account { margin-bottom: 30px; margin-top: -40px; } .my_accounts_options button.btn_cards, .my_accounts_options button.btn_list { height: 33px; width: 33px; padding: 0; } .my_accounts_options button.btn_cards i, .my_accounts_options button.btn_list i { font-size: 20px; } .aoc_popup .my_accounts_options button.btn_add_account { margin-top: 20px; } .team_member_layer { position: relative; display: grid; grid-template-columns: 75px minmax(270px, 20%) auto 40px; align-items: center; } @media (max-width: 767px) { .team_member_layer { grid-template-columns: 0px minmax(150px, 30%) auto 30px; } } .team_member_layer .avatar_layer { display: inline-block; vertical-align: top; width: 60px; border-radius: 60px; overflow: hidden; background-color: #f0f0f0; border: 1px solid #eee; } .team_member_layer .avatar_layer img { width: 60px; height: 60px; } @media (max-width: 767px) { .team_member_layer .avatar_layer { display: none; } } .team_member_layer .member_info { display: inline-block; vertical-align: top; width: calc(100% - 10px); } .team_member_layer .member_info .user_name { font-size: 14px; font-family: poppins_semibold; color: #040E28; } .team_member_layer .member_info .role_name { font-size: 12px; color: #4E5056; } .team_member_layer .timetracker_icon { position: absolute; z-index: 10; right: 7px; top: -2px; cursor: pointer; text-align: left; width: 20px; } .team_member_layer .timetracker_icon i { font-size: 15px; color: #666; } .team_member_layer .menu_icon { position: absolute; z-index: 10; right: -17px; top: -2px; cursor: pointer; text-align: left; width: 20px; } .team_member_layer .menu_icon i { font-size: 15px; color: #666; } .team_member_layer.disabled { opacity: 0.5; pointer-events: none; } .list-tools { list-style: none; padding: 0; margin-top: 10px; } .list-tools li { background-color: #fafafa; padding: 5px 10px; box-shadow: 0px 0px 3px 1px #ccc; margin-bottom: 10px; } .list-tools li .switch { vertical-align: middle; margin-top: 5px; } .laboral_form .switch_layer { padding-top: 25px; } .laboral_form .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 5px; margin-top: 5px; } .laboral_form .file_layer .name { float: left; color: #444; font-size: 12px; max-width: calc(100% - 40px); } .laboral_form .file_layer i { font-size: 16px; float: right; cursor: pointer; } .laboral_form .btn_upload_doc, .laboral_form .btn_upload145_doc { margin-top: 10px; } .laboral_form .notice.notice_end_contract { margin: 10px 0 0; } .laboral_form .notice.notice_dismissal { margin: 10px 0 0; } .laboral_form .notice.notice_objective { margin: 10px 0 0; } .laboral_form .notice.notice_disciplinary { margin: 10px 0 0; } .wizard_flow .flow_main_title { padding: 3px; border-bottom-width: 4px; border-bottom-style: solid; color: #444; font-size: 24px; font-weight: 600; margin-bottom: 40px; } .wizard_flow .flow_options_icon { float: right; padding: 10px; cursor: pointer; } .wizard_flow .flow_options_icon i { color: #888; font-size: 20px; } .wizard_flow .flow_position { margin-top: 40px; } .wizard_flow .flow_position.flow_position_no_visible { display: none; } .wizard_flow .flow_position .flow_number { border-radius: 50px; width: 42px; height: 42px; background-color: #fff; font-size: 24px; text-align: center; line-height: 42px; font-weight: 600; display: inline-block; vertical-align: middle; } .wizard_flow .flow_position .flow_title { display: inline-block; vertical-align: middle; width: calc(100% - 80px); padding-left: 20px; font-weight: 600; font-size: 20px; color: #444; } .wizard_flow .flow_position .flow_content { padding: 20px 70px; } .wizard_flow .flow_position .flow_content input[type=text], .wizard_flow .flow_position .flow_content input[type=number], .wizard_flow .flow_position .flow_content input[type=date] { width: 100%; margin-bottom: 20px; font-size: 18px; padding: 15px; height: 40px; } .wizard_flow .flow_position .flow_content .files_list, .wizard_flow .flow_position .flow_content .related_files_list { text-align: left; } .wizard_flow .flow_position .flow_content .files_list .related_files_title, .wizard_flow .flow_position .flow_content .files_list .files_list_title, .wizard_flow .flow_position .flow_content .related_files_list .related_files_title, .wizard_flow .flow_position .flow_content .related_files_list .files_list_title { font-family: poppins_semibold; font-size: 12px; } .wizard_flow .flow_position .flow_content .files_list .file_layer, .wizard_flow .flow_position .flow_content .related_files_list .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; display: inline-block; margin-right: 10px; border-radius: 3px; } .wizard_flow .flow_position .flow_content .files_list .file_layer .name, .wizard_flow .flow_position .flow_content .related_files_list .file_layer .name { float: left; color: #444; font-size: 12px; margin-right: 15px; text-decoration: underline; } .wizard_flow .flow_position .flow_content .files_list .file_layer i, .wizard_flow .flow_position .flow_content .related_files_list .file_layer i { font-size: 16px; float: right; cursor: pointer; } .wizard_flow .flow_position .flow_content .notice { margin-bottom: 10px; } .wizard_flow .flow_position .flow_content .flow_completed { margin: 20px auto; font-weight: 600; text-align: center; font-size: 18px; color: #444; } .wizard_flow .flow_position .flow_content iframe { width: 100%; height: 500px; border: 1px solid #ddd; } .wizard_flow .flow_position .flow_options { text-align: center; } .wizard_flow .flow_position .flow_question { padding: 10px; background-color: #fafafa; margin: 20px 0; } .wizard_flow .flow_position .flow_answer { padding: 10px; background-color: #fafafa; margin: 20px 0; font-weight: 600; font-size: 18px; } .flows_section .results_indicator { text-align: right; font-weight: 600; color: #444; margin-bottom: 20px; } .flows_section table .avatar { width: 42px; height: 42px; border-radius: 50%; margin-right: 10px; vertical-align: middle; } .alert_new_services { font-size: 14px; text-decoration: underline; margin-top: 5px; font-weight: 600; margin-right: 20px; } .team_members_section .results_indicator { text-align: right; font-weight: 600; color: #444; margin-bottom: 10px; } .team_members_section .has_contract { display: grid; grid-template-columns: 30px auto; align-items: center; } .team_members_section .has_contract span { font-size: 12px; color: #4E5056; } .team_members_section .has_contract i { font-size: 26px; vertical-align: middle; } .team_members_section .form_talk { margin-top: 0; } .flow_indicators_layer { text-align: center; margin-bottom: 20px; } .flow_indicators_layer .flow_indicator { display: inline-block; vertical-align: top; width: 100px; cursor: pointer; cursor: hand; } .flow_indicators_layer .flow_indicator .flow_indicator_value { width: 90px; height: 90px; background-color: #fafafa; border-radius: 50%; font-size: 24px; color: #666; box-shadow: 0px 2px 1px 0px #ccc; padding-top: 32px; font-weight: 600; } .flow_indicators_layer .flow_indicator .flow_indicator_value .original_indicator { font-size: 12px; color: #fff; font-weight: 600; margin-top: 5px; } .flow_indicators_layer .flow_indicator .flow_indicator_name { margin-top: 5px; font-size: 14px; color: #444; text-transform: uppercase; max-width: 100%; font-weight: 600; text-align: center; } .flow_indicators_layer .flow_indicator.no_info .flow_indicator_value { background-color: #F44336; color: #fff; } .flow_indicators_layer .flow_indicator.no_info .flow_indicator_name { color: #F44336; } .flow_indicators_layer .flow_indicator.no_info + .flow_arrow i { color: #F44336; } .flow_indicators_layer .flow_indicator.with_info .flow_indicator_value { background-color: #FF5722; color: #fff; } .flow_indicators_layer .flow_indicator.with_info .flow_indicator_name { color: #FF5722; } .flow_indicators_layer .flow_indicator.with_info + .flow_arrow i { color: #FF5722; } .flow_indicators_layer .flow_indicator.uploaded_invoices .flow_indicator_value { background-color: #FF9800; color: #fff; } .flow_indicators_layer .flow_indicator.uploaded_invoices .flow_indicator_name { color: #FF9800; } .flow_indicators_layer .flow_indicator.uploaded_invoices + .flow_arrow i { color: #FF9800; } .flow_indicators_layer .flow_indicator.assigned_crowd .flow_indicator_value { background-color: #FFC107; color: #fff; } .flow_indicators_layer .flow_indicator.assigned_crowd .flow_indicator_name { color: #FFC107; } .flow_indicators_layer .flow_indicator.assigned_crowd + .flow_arrow i { color: #FFC107; } .flow_indicators_layer .flow_indicator.period_closing .flow_indicator_value { background-color: #CDDC39; color: #fff; } .flow_indicators_layer .flow_indicator.period_closing .flow_indicator_name { color: #CDDC39; } .flow_indicators_layer .flow_indicator.period_closing + .flow_arrow i { color: #CDDC39; } .flow_indicators_layer .flow_indicator.in_process_draft .flow_indicator_value { background-color: #8BC34A; color: #fff; } .flow_indicators_layer .flow_indicator.in_process_draft .flow_indicator_name { color: #8BC34A; } .flow_indicators_layer .flow_indicator.in_process_draft + .flow_arrow i { color: #8BC34A; } .flow_indicators_layer .flow_indicator.flow_completed .flow_indicator_value { background-color: #64DD17; color: #fff; } .flow_indicators_layer .flow_indicator.flow_completed .flow_indicator_name { color: #64DD17; } .flow_indicators_layer .flow_arrow { margin-top: 25px; display: inline-block; vertical-align: top; padding: 10px; } .flow_indicators_layer .flow_arrow i { font-size: 24px; } .flow_indicators_layer .flow_indicator_reset_filters { display: inline-block; vertical-align: top; width: 90px; margin-left: 20px; cursor: pointer; cursor: hand; } .flow_indicators_layer .flow_indicator_reset_filters .icon_layer { height: 90px; } .flow_indicators_layer .flow_indicator_reset_filters .icon_layer i { color: #555; font-size: 80px; margin-top: 7px; } .flow_indicators_layer .flow_indicator_reset_filters .flow_indicator_name { margin-top: 5px; font-size: 14px; color: #444; text-transform: uppercase; max-width: 100%; font-weight: 600; text-align: center; } .dashboard_current_processes .filters_wrappers { display: none; } .dashboard_current_processes .results_indicator { display: none; } .dashboard_current_processes table button { font-size: 12px; margin: -5px 0; } .dashboard_current_processes .paginator { margin-bottom: 0; } .panel-width-1 .dashboard_current_processes table .visible-xs, .panel-width-2 .dashboard_current_processes table .visible-xs { display: table-cell !important; } .panel-width-1 .dashboard_current_processes table .hidden-xs, .panel-width-2 .dashboard_current_processes table .hidden-xs { display: none !important; } .panel-width-1 .dashboard_current_processes table .cell_content, .panel-width-2 .dashboard_current_processes table .cell_content { font-size: 11px; } .table_flows .status { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; font-family: poppins_medium; } @media (max-width: 767px) { .table_flows .status { padding: 5px 10px; } } .table_flows .status.status_cancelled { color: #E60D47; background-color: #FFE3EB; } .table_flows .status.status_completed { color: #43B820; background-color: #E7FDE0; } .table_flows .status.status_in_progress { color: #FFB300; background-color: #FFF3CC; } .table_flows .status.status_waiting_reply { color: #0080FF; background-color: #E6F2FF; } .table_flows .user_cell { display: grid; grid-template-columns: 40px auto; align-items: center; } .table_flows .user_cell div { font-size: 12px; } .table_flows .user_cell div .avatar { margin-top: 0; } .playrolls_section .table_container span.payroll_title_mobile { width: 70%; display: inline-block; } .playrolls_section .table_container .payroll_date { text-transform: capitalize; font-size: 12px; } .playrolls_section .table_container .payroll_name_mobile { margin-bottom: 7px; } .dashboard_payrolls .results_indicator { display: none; } .table_payrolls .mobile_row { display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding: 5px 0; } .table_payrolls .mobile_row * { font-size: 12px; } .wizard_flow .flow_position .flow_number { box-shadow: 0px 0px 1px 10px rgba(var(--core-primary-color-rgb), 0.5); border: 1px solid var(--core-primary-color); } .wizard_flow .flow_main_title { border-bottom-color: var(--core-primary-color); } .laboral_form .info_icon { color: var(--core-primary-color); } .laboral_form .add_time_icon { color: var(--core-primary-color); } .team_members_section .has_contract i { color: var(--core-primary-color); } .alert_new_services { color: var(--core-primary-color); } .project_task_view { margin-top: 10px; } .project_task_view .tasks_versions_buttons { display: none; } .project_summary_view { margin-top: 10px; } .project_summary_view .project_summary_message { padding: 5px 0; border-bottom: 1px solid #eee; font-size: 0px; } .project_summary_view .project_summary_message .avatar { display: inline-block; vertical-align: middle; width: 30px; text-align: left; } .project_summary_view .project_summary_message .avatar img { width: 24px; height: 24px; border-radius: 50%; } .project_summary_view .project_summary_message .message { width: calc(100% - 110px); display: inline-block; vertical-align: middle; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #444; } .project_summary_view .project_summary_message .date { display: inline-block; vertical-align: middle; text-align: right; width: 80px; font-size: 11px; font-weight: 600; color: #888888; } .transactions_table .sticky_table tr { position: sticky; top: -20px; z-index: 100; background: #e2f0ec; } .transactions_table td { vertical-align: middle; } .transactions_table .mobile_date { font-size: 11px; font-family: poppins_semibold; text-align: left; display: inline-block; } .transactions_table .conciliated_tag { background-color: #65a594; color: #fff; font-size: 11px; padding: 1px 3px; display: inline-block; border-radius: 2px; margin-left: 3px; } .transactions_table .mobile_concept { color: #666; font-size: 11px; height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 50vw; text-align: left; } .transactions_table .mobile_category { color: #888; font-size: 11px; height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 50vw; font-weight: 300; } .transactions_table .bank_logo { border-radius: 50%; max-width: 42px; max-height: 42px; display: inline-block; vertical-align: middle; } .transactions_table .account_number { text-align: center; margin-top: 5px; } .transactions_table .conciliations_indicator { text-align: center; color: #65a594; font-family: poppins_semibold; font-size: 12px; } .transactions_table .invoices_conciliated { cursor: pointer; } .transactions_table .conciliated_text { color: #65a594; margin-top: 5px; } .transactions_table .btn_conciliate_centered { text-align: center; } .transactions_table .analytics_column { display: flex; align-items: center; } .transactions_table .analytics_column button { width: 40px; } @media (max-width: 767px) { .transactions_table .row_detail { background-color: #f5f5f5; } } .transactions_table .row_detail .popup_content { padding: 0px; } .transactions_table .row_detail .popup_content .popup_title { white-space: initial; } @media (max-width: 767px) { .transactions_table .row_detail .popup_content .popup_title { font-size: 14px; padding: 0 20px; } } .transactions_table .row_detail .popup_content .popup_subtitle { white-space: initial; } @media (max-width: 767px) { .transactions_table .row_detail .popup_content .popup_subtitle { font-size: 12px; padding: 0 20px; } } .transactions_table .row_detail > td { position: relative; background: white; z-index: 1000; } .transactions_table .row_detail > td .close_row_detail { position: absolute; top: 0; right: 0; padding: 10px; z-index: 10; } .transactions_table .row_detail > td .close_row_detail i { font-size: 24px; color: #444; } .categorize_transaction_form { font-size: 0px; white-space: nowrap; } .categorize_transaction_form .categories_column { width: 50%; display: inline-block; vertical-align: top; } .categorize_transaction_form .categories_column .categories_list { height: 350px; overflow: auto; white-space: initial; } .categorize_transaction_form .categories_column .categories_list > div { color: #444; margin-bottom: 10px; padding: 5px; cursor: pointer; background-color: #fafafa; } .categorize_transaction_form .categories_column .categories_list > div.selected { color: #fff; background-color: #9CCC65; } @media (max-width: 767px) { .categorize_transaction_form .categories_column .categories_list > div { font-size: 11px; } } .categorize_transaction_form .categories_column:first-child { padding-right: 5px; border-right: 1px solid #ddd; } .categorize_transaction_form .categories_column:last-child { padding-left: 5px; } .conciliate_transaction_form { font-size: 0; white-space: nowrap; } .conciliate_transaction_form .conciliate_tabs { margin: 10px 0; } @media (max-width: 767px) { .conciliate_transaction_form .conciliate_tabs { font-size: 3px; text-align: left; } } .conciliate_transaction_form .conciliate_tabs .conciliate_tab { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; background-color: #dfdfdf; padding: 8px; width: 25%; } .conciliate_transaction_form .conciliate_tabs .conciliate_tab span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #888; display: block; } .conciliate_transaction_form .conciliate_tabs .conciliate_tab:first-child { border-radius: 15px 0 0 15px; } .conciliate_transaction_form .conciliate_tabs .conciliate_tab:last-child { border-radius: 0 15px 15px 0; } .conciliate_transaction_form .conciliate_tabs .conciliate_tab.selected { background-color: rgba(110, 179, 161, 0.3); } .conciliate_transaction_form .conciliate_tabs .conciliate_tab.selected span { color: #6eb3a1; font-weight: 600; } @media (max-width: 767px) { .conciliate_transaction_form .conciliate_tabs .conciliate_tab span { font-size: 11px; } } .conciliate_transaction_form .conciliate_content { padding: 10px; background-color: #fff; } .conciliate_transaction_form .conciliate_content .content_add { text-align: center; } .conciliate_transaction_form .conciliate_content .content_add .text { font-weight: 600; margin-bottom: 10px; font-size: 14px; color: #666; white-space: initial; } @media (max-width: 767px) { .conciliate_transaction_form .conciliate_content .content_add .text { font-size: 11px; } } .conciliate_transaction_form .table_conciliations { width: 100%; text-align: center; margin-bottom: 10px; position: relative; } .conciliate_transaction_form .table_conciliations thead tr { /* background-color: #fff; /* border-bottom: 2px solid #6eb3a1; */ /* border-bottom: none !important; /* Importante quitar el borde que haya anteriormente */ /* box-shadow: inset 0 -2px 0 #6eb3a1; /* Es el borde inferior nuevo que ponemos */ /* position: sticky; top: -20px; */ position: sticky; top: -20px; z-index: 100; background: #e2f0ec; } .conciliate_transaction_form .table_conciliations thead tr td { font-weight: 600; } .conciliate_transaction_form .table_conciliations tbody tr { background-color: #fff; border-bottom: 1px solid #ddd; } .conciliate_transaction_form .table_conciliations tbody tr td { white-space: initial; } @media (max-width: 767px) { .conciliate_transaction_form .table_conciliations tbody tr td { font-size: 11px; } } .conciliate_transaction_form .table_conciliations .date { white-space: nowrap; } @media (max-width: 767px) { .conciliate_transaction_form .table_conciliations .date { font-size: 11px; } } .conciliate_transaction_form .table_conciliations .buttons { text-align: center; white-space: nowrap; } .conciliate_transaction_form .table_conciliations .buttons button { width: 32px; border: 1px solid #ccc; height: 32px; border-radius: 50%; background-color: #fff; } .conciliate_transaction_form .table_conciliations .buttons button i { color: #666; } .conciliate_transaction_form .table_conciliations .buttons button.btn_accept:hover { background-color: #6eb3a1; } .conciliate_transaction_form .table_conciliations .buttons button.btn_accept:hover i { color: #fff; } .conciliate_transaction_form .table_conciliations .buttons button.btn_accept.selected { background-color: #6eb3a1; } .conciliate_transaction_form .table_conciliations .buttons button.btn_accept.selected i { color: #fff; } .conciliate_transaction_form .table_conciliations .paid { color: #65a594; font-size: 12px; } @media (max-width: 767px) { .conciliate_transaction_form .table_conciliations .paid { font-size: 11px; } } .conciliate_transaction_form .table_conciliations .not_paid { color: #e16567; font-size: 12px; } @media (max-width: 767px) { .conciliate_transaction_form .table_conciliations .not_paid { font-size: 11px; } } .conciliate_transaction_form .table_conciliations .mobile_date { font-size: 11px; font-family: poppins_semibold; text-align: left; } .conciliate_transaction_form .table_conciliations .mobile_client { font-size: 11px; text-align: left; } .conciliate_transaction_form .table_conciliations .mobile_number { font-size: 11px; text-align: left; } .dashboard_conciliate_movements .finutive_title_content { display: none; } .dashboard_conciliate_movements .buttons_wrapper { display: none; } .dashboard_conciliate_movements table .sticky_table tr { position: relative !important; z-index: 1 !important; top: 0 !important; } .dashboard_conciliate_movements table td { font-size: 12px; } .dashboard_conciliate_movements table td .account_number { display: none; } .dashboard_conciliate_movements table td .mobile_concept { max-width: 90%; white-space: initial !important; } .dashboard_conciliate_movements table .checkbox_cell { display: none; } .panel-width-1 .dashboard_conciliate_movements table .visible-xs, .panel-width-2 .dashboard_conciliate_movements table .visible-xs { display: table-cell !important; } .panel-width-1 .dashboard_conciliate_movements table .hidden-xs, .panel-width-2 .dashboard_conciliate_movements table .hidden-xs { display: none !important; } .panel-width-1 .dashboard_conciliate_movements table .mobile_category, .panel-width-2 .dashboard_conciliate_movements table .mobile_category { display: none !important; } /**********************************************************************************************/ /* DASHBOARD TRANSACTIONS CATEGORIES */ /**********************************************************************************************/ .dashboard_transactions_categories { height: 100%; font-size: 0; } .dashboard_transactions_categories .incomes_category { display: none; } .dashboard_transactions_categories .transactions_categories_title { font-size: 12px; font-family: poppins_semibold; color: #444; display: none; text-align: center; margin-bottom: 10px; } .dashboard_transactions_categories .transactions_categories_chart, .dashboard_transactions_categories .transactions_categories_legend { display: inline-block; width: 49%; height: 100%; font-size: 12px; vertical-align: top; } .dashboard_transactions_categories .transactions_grid { height: calc(100% - 80px); } .dashboard_transactions_categories .expenses_category, .dashboard_transactions_categories .incomes_category { height: 100%; } .dashboard_transactions_categories .transactions_categories_legend { overflow: auto; padding-right: 10px; } .dashboard_transactions_categories .transactions_categories_legend > div { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding: 5px 0; } .dashboard_transactions_categories .transactions_categories_legend > div .icon { display: inline-block; vertical-align: middle; width: 30px; } .dashboard_transactions_categories .transactions_categories_legend > div > div { font-size: 12px; font-family: poppins_semibold; } .dashboard_transactions_categories .transactions_categories_legend > div > div i { width: 30px; } .panel-height-1.panel-width-1 .dashboard_transactions_categories .transactions_categories_chart, .panel-height-2.panel-width-1 .dashboard_transactions_categories .transactions_categories_chart { width: 100%; display: block; } .panel-height-1.panel-width-1 .dashboard_transactions_categories .transactions_categories_legend, .panel-height-2.panel-width-1 .dashboard_transactions_categories .transactions_categories_legend { display: none; } @media (max-width: 767px) { .dashboard_transactions_categories .transactions_categories_chart { width: 100%; display: block; } .dashboard_transactions_categories .transactions_categories_legend { display: none; } } .panel-height-1 .dashboard_transactions_categories .dashboard_tabs, .panel-width-3 .dashboard_transactions_categories .dashboard_tabs, .panel-width-4 .dashboard_transactions_categories .dashboard_tabs { display: none; } .panel-height-1 .dashboard_transactions_categories .transactions_categories_title, .panel-width-3 .dashboard_transactions_categories .transactions_categories_title, .panel-width-4 .dashboard_transactions_categories .transactions_categories_title { display: block; } .panel-width-3 .dashboard_transactions_categories .transactions_grid, .panel-width-4 .dashboard_transactions_categories .transactions_grid { white-space: nowrap; } .panel-width-3 .dashboard_transactions_categories .transactions_grid .expenses_category, .panel-width-3 .dashboard_transactions_categories .transactions_grid .incomes_category, .panel-width-4 .dashboard_transactions_categories .transactions_grid .expenses_category, .panel-width-4 .dashboard_transactions_categories .transactions_grid .incomes_category { display: inline-block; width: 50%; } .panel-height-3 .dashboard_transactions_categories .transactions_categories_chart, .panel-height-3 .dashboard_transactions_categories .transactions_categories_legend, .panel-height-4 .dashboard_transactions_categories .transactions_categories_chart, .panel-height-4 .dashboard_transactions_categories .transactions_categories_legend, .panel-height-5 .dashboard_transactions_categories .transactions_categories_chart, .panel-height-5 .dashboard_transactions_categories .transactions_categories_legend, .panel-height-6 .dashboard_transactions_categories .transactions_categories_chart, .panel-height-6 .dashboard_transactions_categories .transactions_categories_legend, .panel-height-7 .dashboard_transactions_categories .transactions_categories_chart, .panel-height-7 .dashboard_transactions_categories .transactions_categories_legend { display: block; width: 100%; height: 49%; } .panel-width-1 .transactions_categories_chart, .panel-width-1 .transactions_categories_legend { display: block; width: 100%; } .dashboard_suggestions_conciliate_item .item_title { padding: 10px; display: flex; justify-content: space-between; } .dashboard_suggestions_conciliate_item .item_title > div { font-family: poppins_semibold; font-size: 12px; color: #4E5056; } .dashboard_suggestions_conciliate_item .transaction_wrapper { display: grid; grid-template-columns: repeat(2, 1fr); background-color: #EDF1F1; margin: 5px 0; border-radius: 3px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .transaction_info { display: flex; align-items: center; justify-content: space-between; padding: 5px 0px 5px 10px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .transaction_info .transaction_concept { font-family: poppins_semibold; font-size: 12px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .transaction_info .transaction_date { font-size: 12px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .transaction_info .transaction_amount { font-family: poppins_bold; font-size: 28px; border-right: 1px solid #ddd; padding: 0 10px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .bank_info { display: flex; align-items: center; padding: 5px 10px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .bank_info .bank_logo { padding: 5px 15px 5px 0px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .bank_info .bank_logo img { width: 60px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .bank_info .bank_name { font-family: poppins_semibold; font-size: 12px; } .dashboard_suggestions_conciliate_item .transaction_wrapper .bank_info .bank_account { font-size: 12px; } .dashboard_suggestions_conciliate_item .suggested_invoice { display: flex; background-color: #EDF1F1; margin: 5px 0; border-radius: 3px; padding: 10px; justify-content: space-between; align-items: center; } .dashboard_suggestions_conciliate_item .suggested_invoice b { font-family: poppins_semibold; } .dashboard_suggestions_conciliate_item .suggested_invoice .invoice_amount { font-family: poppins_bold; font-size: 28px; padding: 0 0 0 10px; } .dashboard_suggestions_conciliate_item .suggested_invoice .invoice_date { font-size: 12px; display: inline-block; } .dashboard_suggestions_conciliate_item .suggested_invoice .suggestion_number { font-size: 12px; font-family: poppins_semibold; display: inline-block; } .dashboard_suggestions_conciliate_item .suggested_invoice .suggestion_client { font-size: 12px; font-family: poppins_semibold; } .dashboard_suggestions_conciliate_item .suggested_payrolls { background-color: #EDF1F1; margin: 5px 0; border-radius: 3px; padding: 10px; } .dashboard_suggestions_conciliate_item .suggested_payrolls .suggested_payroll { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; } .dashboard_suggestions_conciliate_item .suggested_payrolls .suggested_payroll:last-child { border-bottom: 0px; } .dashboard_suggestions_conciliate_item .suggested_payrolls .suggested_payroll b { font-family: poppins_semibold; } .dashboard_suggestions_conciliate_item .suggested_payrolls .suggested_payroll .payroll_name { font-family: poppins_semibold; font-size: 12px; } .dashboard_suggestions_conciliate_item .suggested_payrolls .suggested_payroll .payroll_amount { font-family: poppins_bold; font-size: 18px; padding: 0 0 0 10px; } .dashboard_suggestions_conciliate_item .suggestion_options_buttons { display: flex; justify-content: space-evenly; padding: 10px 0; gap: 10px; } .sm .dashboard_suggestions_conciliate_item .transaction_wrapper { grid-template-columns: 1fr; } .sm .dashboard_suggestions_conciliate_item .transaction_wrapper .bank_info { display: none; } .sm .dashboard_suggestions_conciliate_item .transaction_wrapper .transaction_amount { border-right: 0px; } .sm .dashboard_suggestions_conciliate_item .view_invoice_layer { display: none; } .business_config_module .img_change_delete_container { display: flex; justify-content: center; } .business_config_module .admin_form .remove_admin_layer { text-align: right; } .business_config_module .admin_form .remove_admin_layer i { color: #555; font-size: 24px; } .business_config_module .admin_form .switch_layer { margin: 20px 0 15px; } .business_config_module .admin_form .switch_layer .slider23 { margin-top: 7px; } .business_config_module .ccc_form .remove_ccc_layer { text-align: right; } .business_config_module .ccc_form .remove_ccc_layer i { color: #555; font-size: 24px; } .business_config_module .headquearter_form .remove_headquarter_layer { text-align: right; } .business_config_module .headquearter_form .remove_headquarter_layer i { color: #555; font-size: 24px; } .business_config_module .expenseAccount_form .remove_expenseAccount_layer { text-align: right; } .business_config_module .expenseAccount_form .remove_expenseAccount_layer i { color: #555; font-size: 24px; } .business_config_module .lineActivity_form .remove_lineActivity_layer { text-align: right; } .business_config_module .lineActivity_form .remove_lineActivity_layer i { color: #555; font-size: 24px; } .business_config_module .email_extra_container .div_email_extra { display: flex; } .business_config_module .email_extra_container .div_email_extra .btn_add_email_extra { white-space: nowrap; } .business_config_module .email_extra_container .email_extra_directions { display: flex; flex-wrap: wrap; margin-bottom: 8px; } .business_config_module .email_extra_container .email_extra_directions .email_extra_mail { margin: 0px 5px 5px 0px; border-radius: 3px; font-size: 12px; color: #555; border: 1px solid #ddd; padding: 3px 7px; background-color: #fff; } .business_config_module .email_extra_container .email_extra_directions .email_extra_mail .remove_icon { margin-left: 5px; font-size: 14px; vertical-align: text-top; cursor: pointer; } .business_config_module .add_signature_button { width: 100%; } .edit_signature_modal .logo_container { display: flex; align-items: center; } .edit_signature_modal .logo_container .signature_subtitle { font-size: 12px; font-weight: 300; color: #666; } .edit_signature_modal .logo_container .logo_img { justify-content: center; } .edit_signature_modal .logo_container .logo_img img { max-width: 100%; max-height: 100%; } .edit_signature_modal .logo_container .vertical_bar { border-left: 1px solid black; height: 150px; margin: 0px 10px; } .edit_signature_modal .logo_container .redactor_box { width: 100%; } .company_data_form .business_img { display: block; margin: 0px auto 20px; max-width: 100%; width: 250px; } .company_data_form .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 5px; margin-top: 5px; } .company_data_form .file_layer .name { float: left; color: #444; font-size: 12px; max-width: calc(100% - 40px); } .company_data_form .file_layer i { font-size: 16px; float: right; cursor: pointer; } .company_data_form .btn_upload_doc { margin-top: 10px; } .company_data_form .form_question_title.center { text-align: center; margin-bottom: 20px; } .company_data_form .text { font-size: 12px; color: #444; margin-top: 5px; } .company_data_form .text a { color: #72B7A3; font-size: 12px; } .census_statements_view .quarter_selector { font-size: 0; white-space: nowrap; } .census_statements_view .quarter_selector button { width: 30px; height: 30px; color: #444; font-size: 12px; vertical-align: middle; } .census_statements_view .quarter_selector select { width: calc(100% - 60px); vertical-align: middle; height: 30px; font-size: 12px; } .census_statements_view .census_list { margin: 20px auto; } .census_statements_view .census_list .icon_tooltip_census { margin-left: 8px; } .generalAccountingPlan { text-align: left; margin: 0 50px; font-weight: normal; } .generalAccountingPlan span.generalAccountingPlan-title { font-size: 18px; font-weight: bold; } .generalAccountingPlan .generalAccountingPlan-error { padding-left: 25px; } .table_census .mobile_title { font-size: 11px; font-weight: 600; color: #444; text-align: left; } .table_census .mobile_subtitle { font-size: 11px; color: #444; text-align: left; } .table_census .mobile_subtitle i { font-size: 11px; color: #444; } .table_census .btn_copy_csv { margin-left: 10px; } $break-small: 767px; .team_member_layer { position: relative; display: grid; grid-template-columns: 75px minmax(270px, 20%) auto 40px; align-items: center; @media (max-width: $break-small) { grid-template-columns: 0px minmax(150px, 30%) auto 30px; } .avatar_layer { display: inline-block; vertical-align: top; width: 60px; border-radius: 60px; overflow: hidden; background-color: #f0f0f0; border: 1px solid #eee; img { width: 60px; height: 60px; } @media (max-width: $break-small) { display: none; } } .member_info { display: inline-block; vertical-align: top; width: calc(100% - 10px); .user_name { font-size: 14px; font-family: poppins_semibold; color: #040E28; } .role_name { font-size: 12px; color: #4E5056; &.admin { } } } .timetracker_icon { position: absolute; z-index: 10; right: 7px; top: -2px; cursor: pointer; text-align: left; width: 20px; i { font-size: 15px; color: #666; } } .menu_icon { position: absolute; z-index: 10; right: -17px; top: -2px; cursor: pointer; text-align: left; width: 20px; i { font-size: 15px; color: #666; } } &.disabled { opacity: 0.5; pointer-events: none } } .list-tools { list-style: none; padding: 0; margin-top: 10px; li { background-color: #fafafa; padding: 5px 10px; box-shadow: 0px 0px 3px 1px #ccc; margin-bottom: 10px; .switch { vertical-align: middle; margin-top: 5px; } } } .laboral_form { .switch_layer { padding-top: 25px; } .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 5px; margin-top: 5px; .name { float: left; color: #444; font-size: 12px; max-width: calc(100% - 40px); } i { font-size: 16px; float: right; cursor: pointer; } } .btn_upload_doc, .btn_upload145_doc { margin-top: 10px; } .notice { &.notice_end_contract { margin: 10px 0 0; } &.notice_dismissal { margin: 10px 0 0; } &.notice_objective { margin: 10px 0 0; } &.notice_disciplinary { margin: 10px 0 0; } } } .wizard_flow { .flow_main_title { padding: 3px; border-bottom-width: 4px; border-bottom-style: solid; color: #444; font-size: 24px; font-weight: 600; margin-bottom: 40px; } .flow_options_icon { float: right; padding: 10px; cursor: pointer; i { color: #888; font-size: 20px; } } .progress-dissolution-flow { margin: 15px 15px 0; } .bar { display: inline-block; width: 50px; height: 9px; background-color: #DDD; position: relative; left: -6px; top: 2px; } .milestone { width: 25px; height: 25px; background-color: #DDD; border-radius: 13px; display: inline-block; margin-left: -11px; position: relative; z-index: 1; text-align: center; vertical-align: middle; padding-top: 3px; cursor: default; color: #666; font-weight: 600; } .bar.active, .milestone.active { background-color: #6eb3a1; } .flow_position { margin-top: 40px; &.flow_position_no_visible { display: none; } .flow_number { border-radius: 50px; width: 42px; height: 42px; background-color: #fff; font-size: 24px; text-align: center; line-height: 42px; font-weight: 600; display: inline-block; vertical-align: middle; } .flow_title_dissolution { display: inline-block; vertical-align: middle; width: calc(100% - 170px); padding-left: 20px; font-weight: 600; font-size: 20px; color: #444; cursor: pointer; } .btn_omit_dissolution { display: inline-block; vertical-align: middle; } .flow_content { padding: 20px 70px; input[type='text'], input[type='number'], input[type='date'] { width: 100%; margin-bottom: 20px; font-size: 18px; padding: 15px; height: 40px; } .files_list,.related_files_list { text-align: left; .related_files_title, .files_list_title { font-family: poppins_semibold; font-size: 12px; } .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; display: inline-block; margin-right: 10px; border-radius: 3px; .name { float: left; color: #444; font-size: 12px; margin-right: 15px; text-decoration: underline; } i { font-size: 16px; float: right; cursor: pointer; } } } .notice { margin-bottom: 10px; } .flow_completed { margin: 20px auto; font-weight: 600; text-align: center; font-size: 18px; color: #444; } iframe { width: 100%; height: 500px; border: 1px solid #ddd; } } .flow_options_one { text-align: center; } .flow_options_two { text-align: center; } .flow_question { padding: 10px; background-color: #fafafa; margin: 20px 0; } .flow_answer { padding: 10px; background-color: #fafafa; margin: 20px 0; font-weight: 600; font-size: 18px; } } } .flows_section { .results_indicator { text-align: right; font-weight: 600; color: #444; margin-bottom: 20px; } table { .avatar { width: 42px; height: 42px; border-radius: 50%; margin-right: 10px; vertical-align: middle; } } } .alert_new_services { font-size: 14px; text-decoration: underline; margin-top: 5px; font-weight: 600; margin-right: 20px; } .team_members_section { .results_indicator { text-align: right; font-weight: 600; color: #444; margin-bottom: 10px; } .has_contract { display: grid; grid-template-columns: 30px auto; align-items: center; span { font-size: 12px; color: #4E5056; } i { font-size: 26px; vertical-align: middle; } } .form_talk { margin-top: 0; } } .flow_indicators_layer { text-align: center; margin-bottom: 20px; .flow_indicator { display: inline-block; vertical-align: top; width: 100px; cursor: pointer; cursor: hand; .flow_indicator_value { width: 90px; height: 90px; background-color: #fafafa; border-radius: 50%; font-size: 24px; color: #666; box-shadow: 0px 2px 1px 0px #ccc; padding-top: 32px; font-weight: 600; .original_indicator { font-size: 12px; color: #fff; font-weight: 600; margin-top: 5px; } } .flow_indicator_name { margin-top: 5px; font-size: 14px; color: #444; text-transform: uppercase; max-width: 100%; font-weight: 600; text-align: center; } &.no_info { .flow_indicator_value { background-color: #F44336; color: #fff; } .flow_indicator_name { color: #F44336; } } &.no_info + .flow_arrow i { color: #F44336; } &.with_info { .flow_indicator_value { background-color: #FF5722; color: #fff; } .flow_indicator_name { color: #FF5722; } } &.with_info + .flow_arrow i { color: #FF5722; } &.uploaded_invoices { .flow_indicator_value { background-color: #FF9800; color: #fff; } .flow_indicator_name { color: #FF9800; } } &.uploaded_invoices + .flow_arrow i { color: #FF9800; } &.assigned_crowd { .flow_indicator_value { background-color: #FFC107; color: #fff; } .flow_indicator_name { color: #FFC107; } } &.assigned_crowd + .flow_arrow i { color: #FFC107; } &.period_closing { .flow_indicator_value { background-color: #CDDC39; color: #fff; } .flow_indicator_name { color: #CDDC39; } } &.period_closing + .flow_arrow i { color: #CDDC39; } &.in_process_draft { .flow_indicator_value { background-color: #8BC34A; color: #fff; } .flow_indicator_name { color: #8BC34A; } } &.in_process_draft + .flow_arrow i { color: #8BC34A; } &.flow_completed { .flow_indicator_value { background-color: #64DD17; color: #fff; } .flow_indicator_name { color: #64DD17; } } } .flow_arrow { margin-top: 25px; display: inline-block; vertical-align: top; padding: 10px; i { font-size: 24px; } } .flow_indicator_reset_filters { display: inline-block; vertical-align: top; width: 90px; margin-left: 20px; cursor: pointer; cursor: hand; .icon_layer { height: 90px; i { color: #555; font-size: 80px; margin-top: 7px; } } .flow_indicator_name { margin-top: 5px; font-size: 14px; color: #444; text-transform: uppercase; max-width: 100%; font-weight: 600; text-align: center; } } } .dashboard_current_processes { .filters_wrappers { display: none; } .results_indicator { display: none; } table { button { font-size: 12px; margin: -5px 0; } } .paginator { margin-bottom: 0; } } .panel-width-1, .panel-width-2 { .dashboard_current_processes { table { .visible-xs { display: table-cell!important; } .hidden-xs { display: none!important; } } table { .cell_content { font-size: 11px; } } } } .table_flows { .status { padding: 10px 20px; border-radius: 20px; font-size: 12px; white-space: nowrap; display: inline-block; font-family: poppins_medium; @media (max-width: $break-small) { padding: 5px 10px; } &.status_cancelled { color: #E60D47; background-color: #FFE3EB; } &.status_completed { color: #43B820; background-color: #E7FDE0; } &.status_in_progress { color: #FFB300; background-color: #FFF3CC; } &.status_waiting_reply { color: #0080FF; background-color: #E6F2FF; } } .user_cell { display: grid; grid-template-columns: 40px auto; align-items: center; div { font-size: 12px; .avatar { margin-top: 0; } } } } .playrolls_section { .table_container { span.payroll_title_mobile { width: 70%; display: inline-block; } .payroll_date { text-transform: capitalize; font-size: 12px; } .payroll_name_mobile { margin-bottom: 7px; } } } .dashboard_payrolls { .results_indicator { display: none; } } .table_payrolls { .mobile_row { display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding: 5px 0; * { font-size: 12px; } } } .notifications_modal_list { width: 400px; max-height: 400px; overflow-y: auto; padding-right: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; max-width: 85vw; } .notifications_modal_list::-webkit-scrollbar { height: 10px; width: 8px; border-radius: 4px; background: transparent; transition: all 0.3s ease; } .notifications_modal_list::-webkit-scrollbar:hover { background: #c6c7ca; } .notifications_modal_list::-webkit-scrollbar-thumb { background: #777779; border-radius: 4px; } .notifications_modal_list::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); border-radius: 4px; } .notifications_modal_list .no_notifications { padding: 10px; text-align: center; color: #444; font-size: 14px; } .btn_notifications_set_all_as_read { width: 100%; } .notification_row { padding: 10px; border-bottom: 1px solid #ccc; white-space: nowrap; cursor: pointer; } .notification_row.not_read { background-color: #dae5ff; } .notification_row .avatar_layer { display: inline-block; vertical-align: top; width: 60px; } .notification_row .avatar_layer img { width: 50px; border-radius: 5px; cursor: pointer; } .notification_row .notification_data { display: inline-block; vertical-align: top; width: calc(100% - 60px); white-space: initial; } .notification_row .notification_data .text { font-size: 12px; color: #444; line-height: 14px; margin-bottom: 3px; } .notification_row .notification_data .text * { font-size: 12px; } .notification_row .notification_data .date { font-size: 11px; color: #888; } @media (max-width: 767px) { .nps_feedback_modal { padding: 20px; } } .nps_feedback_modal .nps_title { margin: 20px 0px; font-size: 20px; color: #040E28; font-family: poppins_semibold; text-align: center; } .nps_feedback_modal .nps_subtitle { margin: 0px 0px 20px; font-size: 16px; color: #4E5056; font-family: poppins_semibold; text-align: center; } .nps_feedback_modal .service-create-business .progress-create-business { margin: 15px 15px 0; } .nps_feedback_modal .service-create-business .bar { display: inline-block; width: 50px; height: 9px; background-color: #DDD; position: relative; left: -6px; top: 2px; } .nps_feedback_modal .service-create-business .milestone { width: 25px; height: 25px; background-color: #DDD; border-radius: 13px; display: inline-block; margin-left: -11px; position: relative; z-index: 1; text-align: center; vertical-align: middle; padding-top: 3px; cursor: default; color: #666; font-weight: 600; } .nps_feedback_modal .service-create-business .bar.active, .nps_feedback_modal .service-create-business .milestone.active { background-color: #6eb3a1; } .nps_feedback_modal .error_msg_1 { padding: 5px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; background-color: #FF5722; margin: 10px auto; } .nps_feedback_modal .error_msg_2 { padding: 5px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; background-color: #FF5722; margin: 10px auto; } .nps_feedback_modal .error_msg_3 { padding: 5px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; background-color: #FF5722; margin: 10px auto; } .nps_feedback_modal .error_msg_4 { padding: 5px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; background-color: #FF5722; margin: 10px auto; } .nps_feedback_modal .error_msg_5 { padding: 5px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; background-color: #FF5722; margin: 10px auto; } .nps_feedback_modal .error_msg_6 { padding: 5px; text-align: center; color: #fff; font-size: 12px; font-weight: 600; background-color: #FF5722; margin: 10px auto; } .nps_feedback_modal .nps_buttons_explanation { max-width: 690px; margin: -20px auto 0; display: flex; justify-content: space-between; } @media (max-width: 767px) { .nps_feedback_modal .nps_buttons_explanation { display: none; } } .nps_feedback_modal .nps_buttons_explanation > div { width: 150px; font-size: 14px; font-family: poppins_medium; } .nps_feedback_modal .nps_buttons_explanation > div:first-child { text-align: left; } .nps_feedback_modal .nps_buttons_explanation > div:last-child { text-align: right; } .nps_feedback_modal .nps_buttons { text-align: center; margin-bottom: 30px; display: grid; grid-template-columns: repeat(10, 70px); justify-content: center; } @media (max-width: 767px) { .nps_feedback_modal .nps_buttons { grid-template-columns: repeat(5, 60px); } } .nps_feedback_modal .nps_buttons .nps_button { width: 60px; height: 60px; border-radius: 50%; text-align: center; color: #fff; font-weight: 600; background-color: #fafafa; border: 0px; margin: 5px; font-size: 16px; outline: none !important; transition: all 0.3s ease; } @media (max-width: 767px) { .nps_feedback_modal .nps_buttons .nps_button { font-size: 14px; width: 44px; height: 44px; margin: 5px 3px; } } .nps_feedback_modal .nps_buttons .nps_button.not_selected { opacity: 0.5; } .nps_feedback_modal .nps_buttons .nps_button.selected { transform: scale(1.1); } .nps_feedback_modal .nps_buttons .nps_button[data-vote="1"] { background-color: #FF5722; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="2"] { background-color: #ef6520; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="3"] { background-color: #e07220; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="4"] { background-color: #cf811e; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="5"] { background-color: #bc911e; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="6"] { background-color: #a8a21c; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="7"] { background-color: #95b31a; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="8"] { background-color: #83c219; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="9"] { background-color: #74cf18; } .nps_feedback_modal .nps_buttons .nps_button[data-vote="10"] { background-color: #64DD17; } .nps_indicators .indicator_value { display: inline-block; vertical-align: baseline; font-family: poppins_bold; font-size: 42px; } .nps_indicators .indicator_name { font-size: 18px; font-weight: 600; } .dashboard_section .dashboard_panel { position: relative; background-color: #fff; border-radius: 5px; border: 1px solid transparent; font-size: 12px; overflow: auto; } .dashboard_section .dashboard_panel .content { padding: 10px; overflow-y: auto; height: 100%; overflow-x: hidden; } .dashboard_section .dashboard_panel .content::-webkit-scrollbar { width: 5px; height: 10px; opacity: 0; background-color: #F5F5F5; } .dashboard_section .dashboard_panel .content::-webkit-scrollbar-track { background-color: #F5F5F5; opacity: 0; } .dashboard_section .dashboard_panel .content::-webkit-scrollbar-thumb { background-color: #ccc; opacity: 0; } .dashboard_section .dashboard_panel .content:hover::-webkit-scrollbar { opacity: 1; } .dashboard_section .dashboard_panel .content:hover::-webkit-scrollbar-track { opacity: 1; } .dashboard_section .dashboard_panel .content:hover::-webkit-scrollbar-thumb { opacity: 1; } .dashboard_section .dashboard_panel .content .dashboard_title { color: #4E5056; font-size: 14px !important; margin-top: 0px; letter-spacing: 0px !important; margin-bottom: 10px; padding-bottom: 10px; font-family: poppins_semibold; border-bottom: 1px solid #ccc; } .dashboard_section .dashboard_panel.transparent_panel { background-color: transparent; border-radius: 0px; border: 0; } .dashboard_section .dashboard_panel.transparent_panel .content { padding: 0; } .dashboard_section .dashboard_panel .fade_panel { position: absolute; display: none; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 5px; background-color: rgba(0, 0, 0, 0.2); } .dashboard_section .dashboard_panel .fade_panel .dashboard_move_button { position: absolute; border: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 5px; cursor: move; /*display: none;*/ } .dashboard_section .dashboard_panel .fade_panel .dashboard_move_button i { font-size: 56px; color: #888; cursor: move; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button { position: absolute; width: 60px; height: 60px; left: 5px; color: #fff; border: 0; border-radius: 50%; cursor: pointer; text-align: center; line-height: 100%; display: none; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button.plus { top: 5px; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button.plus i { font-size: 24px; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button.plus.horizontal { right: 5px; left: auto; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button.minus { top: 70px; left: 10px; width: 50px; height: 50px; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button.minus i { font-size: 16px; } .dashboard_section .dashboard_panel .fade_panel .dashboard_size_button.minus.horizontal { right: 70px; top: 10px; left: auto; } @media (max-width: 1199px) { .dashboard_section .dashboard_panel .dashboard_manage_accounts .owl-dots { margin-top: -7px !important; } } .dashboard_section .dashboard_panel .ranges_selector .short_text { display: none; } .dashboard_section .dashboard_panel.panel-width-1 .ranges_selector .long_text { display: none; } .dashboard_section .dashboard_panel.panel-width-1 .ranges_selector .short_text { display: inline-block; } @media (max-width: 1199px) { .dashboard_section .dashboard_panel .ranges_selector .long_text { display: none; } .dashboard_section .dashboard_panel .ranges_selector .short_text { display: inline-block; } } .dashboard_section .dashboard_grids_container { position: relative; } .dashboard_section .dashboard_grids_container .dashboard_grid_helper { position: absolute; width: 100%; top: 0px; left: 0px; display: grid; z-index: 10; pointer-events: none; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 10vw); grid-gap: 10px; } .dashboard_section .dashboard_grids_container .dashboard_grid_helper > div { background-color: rgba(0, 0, 0, 0.02); } .dashboard_section .dashboard_grids_container .dashboard_grid_helper > div.highlight { background-color: rgba(64, 196, 255, 0.5); } .dashboard_section .dashboard_grids_container .dashboard_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 10vw); grid-gap: 10px; position: relative; } .dashboard_section .dashboard_grids_container .dashboard_grid.edit_mode .dashboard_panel { overflow: hidden; } .dashboard_section .dashboard_grids_container .dashboard_grid.edit_mode .dashboard_panel .fade_panel { cursor: move; display: block; } .dashboard_section .dashboard_grids_container .dashboard_grid.edit_mode .dashboard_panel:hover { box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2); border: 1px solid #bbb; } .dashboard_section .dashboard_grids_container .dashboard_grid.edit_mode .dashboard_panel:hover .dashboard_size_button { display: block; } .dashboard_section .dashboard_grids_container .dashboard_grid.edit_mode .dashboard_panel:hover .dashboard_move_button { display: block; } @media (max-width: 1199px) { .dashboard_section .dashboard_grids_container .dashboard_grid { display: block; } .dashboard_section .dashboard_grids_container .dashboard_grid .dashboard_panel { margin-bottom: 10px; } } .dashboard_add_panel { min-height: 50rem; background-color: #F3F4F6; display: grid; grid-template-columns: 20% 80%; } .dashboard_add_panel .left_menu { padding-top: 50px; } .dashboard_add_panel .left_menu .option { cursor: pointer; padding: 15px; border-radius: 5px; margin: 10px; } .dashboard_add_panel .left_menu .option div { color: #fff; font-size: 12px; display: inline-block; vertical-align: middle; } .dashboard_add_panel .left_menu .option i { color: #fff; margin-right: 10px; font-size: 24px; vertical-align: middle; } .dashboard_add_panel .left_menu .option:hover, .dashboard_add_panel .left_menu .option.selected { background-color: rgba(0, 0, 0, 0.05); } .dashboard_add_panel .main_content { padding: 20px; } .dashboard_add_panel .main_content .finutive_tabs { display: none; } .dashboard_add_panel .main_content .panel { height: 200px; position: relative; } .dashboard_add_panel .main_content .panel .fade_panel { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 5px; background-color: rgba(0, 0, 0, 0.2); text-align: center; line-height: 190px; } .dashboard_add_panel .main_content .panel:hover .fade_panel { display: block; } @media (max-width: 1199px) { .dashboard_add_panel { display: block; } .dashboard_add_panel .left_menu { display: none; } .dashboard_add_panel .main_content { margin-top: 40px; padding: 10px; } .dashboard_add_panel .main_content .finutive_tabs { display: block; background-color: #fff; } .dashboard_add_panel .main_content .fade_panel { display: block !important; } } .dashboard_current_processes .finutive_content { border: 0px; padding: 0; } .dashboard_current_processes .finutive_content .finutive_title_content { display: none; } .dashboard_tabs { text-align: center; font-size: 0; margin-bottom: 10px; } .dashboard_tabs .dashboard_tab { background-color: #f4f4f4; color: #666; font-size: 12px; font-family: poppins_semibold; display: inline-block; padding: 5px 10px; cursor: pointer; } .dashboard_tabs .dashboard_tab:first-child { border-radius: 3px 0 0 3px; } .dashboard_tabs .dashboard_tab:last-child { border-radius: 0 3px 3px 0; } .dashboard_section .dashboard_panel .dashboard_size_button { background-color: #6eb3a1; } .dashboard_add_panel .left_menu { background-color: #6eb3a1; } .dashboard_tabs .dashboard_tab.selected { background-color: #6eb3a1; color: #fff; } .timetracker_widget { width: 400px; color: #444; max-width: 80vw; } .timetracker_widget button { margin-top: 10px; width: 100%; } .timetracker_widget button.btn-primary { padding: 20px 10px; } .timetracker_widget button.btn-primary i { font-size: 24px; vertical-align: sub; } .timetracker_widget .text { font-size: 16px; font-weight: 600; padding-top: 6px; } .timetracker_widget .time { font-size: 22px; font-weight: 600; text-align: right; } @media (max-width: 768px) { .timetracker_widget .text { font-size: 13px; padding-top: 3px; } .timetracker_widget .time { font-size: 16px; } .timetracker_widget button.btn-primary { padding: 10px; } } .dashboard_your_timetracker .finutive_sub_tabs { display: none; } .dashboard_your_timetracker .indicators > div { text-align: center; margin: 5px; } .dashboard_your_timetracker .indicators > div .timetracker_value { font-size: 36px; margin-bottom: -5px; } .dashboard_your_timetracker .indicators > div .timetracker_value span { font-size: 16px; } .dashboard_your_timetracker .indicators > div .timetracker_unit { color: #444; font-size: 12px; text-transform: uppercase; font-weight: 600; } .dashboard_your_timetracker.compress .finutive_sub_tabs { display: block; } .dashboard_your_timetracker.compress .timetracker_unit { display: none; } .dashboard_your_timetracker.compress .indicators { margin-top: 1vw; } .dashboard_your_timetracker.horizontal .indicators { display: flex; justify-content: space-between; } .dashboard_your_timetracker.vertical .indicators > div { display: flex; flex-direction: column; justify-content: center; } .timetracker_business_supervision .buttons_wrapper { margin-top: 30px; } @media (max-width: 767px) { .timetracker_business_supervision .buttons_wrapper { margin-top: 0px; } } .timetracker_business_supervision .table_timetracker_sticky { position: sticky; left: 0; z-index: 1; } .timetracker_business_supervision .table_timetracker_header { background: #e2f0ec; } .timetracker_business_supervision .table_timetracker_body { background: white; } .chatbot { position: fixed; bottom: 0; right: 200px; width: 400px; background-color: #fff; z-index: 1; box-shadow: 0px 0px 10px 0px #ddd; outline: 0; } @media (max-width: 767px) { .chatbot { display: none; } } .chatbot .header { border-radius: 4px 4px 0 0; color: #fff; padding: 10px; cursor: pointer; } .chatbot .body { height: 450px; display: none; overflow: auto; } .chatbot .body .message { display: flex; } .chatbot .body .message .content { border-radius: 20px; padding: 10px; max-width: 80%; margin: 10px; word-break: break-word; } .chatbot .body .message.speaker_21285887 { /* Chatbot */ justify-content: start; } .chatbot .body .message.speaker_21285887 .content { background-color: #eeeeee; color: #444; } .chatbot .body .message.speaker_21285886 { /* Usuario */ justify-content: end; } .chatbot .body .message.speaker_21285886 .content { color: #fff; } .chatbot .footer { padding: 3px; display: none; } .chatbot .footer input { width: 100%; border: 0px; border-top: 1px solid #ddd; font-size: 14px; padding: 5px; outline: 0; } .chatbot.show .body { display: block; } .chatbot.show .footer { display: block; } .chatbot .header { background-color: #6eb3a1; } .chatbot .body .message.speaker_21285886 .content { background-color: #6eb3a1; } .service-create-business .form_question_subtitle { color: #888; font-size: 11px; min-height: 30px; } .service-create-business .documents_uploaded { margin-top: 10px; } .service-create-business .documents_uploaded .file_layer { background-color: #f0f0f0; border: 1px solid #ddd; padding: 10px; margin-bottom: 5px; display: inline-block; margin-right: 10px; border-radius: 3px; } .service-create-business .documents_uploaded .file_layer i { font-size: 16px; float: right; cursor: pointer; } .service-create-business .documents_uploaded .file_layer .name { float: left; color: #444; font-size: 14px; margin-right: 15px; text-decoration: underline; } .service-create-business .progress-create-business { margin: 15px 15px 0; } .service-create-business .bar { display: inline-block; width: 50px; height: 9px; background-color: #DDD; position: relative; left: -6px; top: 2px; } .service-create-business .milestone { width: 25px; height: 25px; background-color: #DDD; border-radius: 13px; display: inline-block; margin-left: -11px; position: relative; z-index: 1; text-align: center; vertical-align: middle; padding-top: 3px; cursor: default; color: #666; font-weight: 600; } .service-create-business .bar.active, .service-create-business .milestone.active { background-color: #6eb3a1; } .service-create-business .progress-description-create-business { margin-top: 15px; } .service-create-business .company_info { height: 900px; overflow: auto; } .service-create-business .comunication { height: 900px; overflow: auto; } .service-create-business .promo_fq_div { width: 100%; } .service-create-business .promo_fq { width: 100%; } .service-create-business .switch_option { display: inline-block; vertical-align: text-bottom; font-weight: 300; color: #666; width: calc(50% - 50px); font-size: 12px; } .service-create-business .switch_layer { display: inline-block; vertical-align: middle; width: 90px; text-align: center; } .service-create-business .big_select { font-size: 16px; height: auto; } .selected { color: #444; font-weight: 600; } @media (max-width: 768px) { .service-create-business .bar { width: 20px; } } @media (max-width: 400px) { .service-create-business .bar { width: 10px; } }