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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: 'Gilroy', sans-serif;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*FONTS*/
@font-face {
font-family: 'Gilroy';
src: local('Gilroy Regular'), local('Gilroy-Regular'),
url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('../fonts/Gilroy-Regular.woff') format('woff'),
url('../fonts/Gilroy-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Gilroy Medium';
src: local('Gilroy Medium'), local('Gilroy-Medium'),
url('../fonts/Gilroy-Medium.woff2') format('woff2'),
url('../fonts/Gilroy-Medium.woff') format('woff'),
url('../fonts/Gilroy-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gilroy Semibold';
src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
url('../fonts/Gilroy-Semibold.woff') format('woff'),
url('../fonts/Gilroy-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gilroy Bold';
src: local('Gilroy Bold'), local('Gilroy-Bold'),
url('../fonts/Gilroy-Bold.woff2') format('woff2'),
url('../fonts/Gilroy-Bold.woff') format('woff'),
url('../fonts/Gilroy-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
/* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{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-active,.ui-menu .ui-state-focus{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:active,.ui-button:hover,.ui-button:link,.ui-button:visited{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}button.ui-button::-moz-focus-inner,input.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.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item: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-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-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-next span,.ui-datepicker .ui-datepicker-prev 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:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{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:0 0;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-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{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:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .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%;opacity:.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 #000}.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:700;line-height:1.5;padding:2px .4em;margin:.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:0 0;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-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .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:0 0}.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 button,.ui-widget input,.ui-widget select,.ui-widget textarea{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:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.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{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;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:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.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-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
body{
background-color: #F7F7F7;
}
*{
outline: none;
box-sizing: border-box;
}
.flx{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
span, p, div, a{
font-size: 14px;
color: #3C434A;
line-height: 1.3;
}
span{
display: inline-block;
}
a{
text-decoration: none;
border-bottom: 1px solid transparent;
color: #F5A32A;
font-family: 'Gilroy Semibold', sans-serif;
}
a:hover{
border-bottom: 1px solid #D28B23;
color: #D28B23;
}
a.btn{
font-family: 'Gilroy Medium', sans-serif;
}
a.btn:hover{
color: #fff;
}
span.page_title{
margin-right: 20px;
font-size: 27px;
font-family: 'Gilroy Bold', sans-serif;
}
span.page_subtitle{
font-size: 20px;
font-family: 'Gilroy Semibold', sans-serif;
display: inline-block;
}
.btn{
display: inline-block;
cursor: pointer;
text-decoration: none;
background: #F5A32A;
color: #fff;
padding: 9px 12px;
font-size: 14px;
line-height: 1;
border-radius: 6px;
font-family: 'Gilroy Medium', sans-serif;
text-align: center;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.btn:hover{
background-color: #D28B23;
border: 1px solid #D28B23;
}
.btn.empty{
background: transparent;
border: 1px solid #F5A32A;
color: #F5A32A;
}
.btn.empty:hover{
background-color: #D28B23;
border: 1px solid #D28B23;
color: #fff;
}
.btn.disabled{
background: transparent;
border: 1px solid #ADB8C6;
color: #ADB8C6;
}
.btn span{
color: #fff;
line-height: 1;
vertical-align: bottom;
}
.popup_box{
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(24,26,29,0.2);
z-index: 100;
}
.popup{
position: relative;
max-width: 100%;
max-height: 350px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
padding: 20px;
background-color: rgba(8,8,11,.9);
border-radius: 12px;
}
.close_popup{
position: absolute;
top: 20px;
right: 20px;
width: 15px;
height: 15px;
background-image: url('../images/close_ico.svg');
background-size: 10px 10px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.container{
width: 100%;
max-width: 1366px;
padding: 0 24px;
margin: 0 auto;
}
input{
width: 100%;
height: 36px;
padding: 10px 12px;
margin-bottom: 17px;
background-color: #FFFFFF;
border: 1px solid #E4EBF6;
border-radius: 6px;
font-size: 14px;
line-height: 1.2;
color: #3C434A;
font-family: 'Gilroy', sans-serif;
}
input:placeholder{
color: #ADB8C6;
}
.box_shadow{
background: #FFFFFF;
border: 1px solid #E4EBF6;
box-shadow: 0px 0px 20px rgba(114, 93, 93, 0.1);
border-radius: 6px;
}
.mobile_v{
display: none;
}
/*ADMIN LOGIN PAGE*/
.login_page{
position: relative;
width: 100%;
height: 100vh;
background: linear-gradient(107.54deg, #3F3F3F 0%, #3E3E3E 6.67%, #3E3E3E 13.33%, #3C3C3C 20%, #3A3A3A 26.67%, #373838 33.33%, #343535 40%, #313132 46.67%, #2D2E2E 53.33%, #2A2A2B 60%, #272728 66.67%, #242525 73.33%, #222323 80%, #212122 86.67%, #202021 93.33%, #202021 100%);
}
.admin_login{
position: absolute;
max-width: 404px;
min-width: 404px;
min-height: 422px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 42px;
border-radius: 12px;
background: rgba(255,255,255, 0.05);
font-family: 'Gilroy Medium', sans-serif;
}
.admin_login span{
font-family: 'Gilroy Medium', sans-serif;
}
.logo_wrap{
margin-bottom: 42px;
justify-content: flex-start;
align-items: flex-end;
}
.admin_login .logo img{
width: 30px;
height: 30px;
margin-right: 15px;
}
.logo_text{
color: #FFFFFF;
font-size: 29px;
font-family: 'Gilroy Semibold', sans-serif;
}
.admin_login p{
margin-bottom: 4px;
color: #fff;
font-family: 'Gilroy Medium', sans-serif;
}
.admin_login .btn{
width: 100%;
margin-top: 32px;
margin-bottom: 16px;
}
.admin_login .btn.check,
.admin_login .btn:hover{
background-color: #D28B23;
}
.admin_login button+p{
text-align: center;
}
.admin_login p a{
padding-bottom: 2px;
margin: 0 auto;
color: #fff;
border-bottom: 1px solid #fff;
font-family: 'Gilroy Medium', sans-serif;
}
.pass_wrap{
width: 100%;
position: relative;
}
.pass_wrap{
margin-bottom: 16px;
}
.pass_wrap input{
margin-bottom: 0;
}
.show_pass{
color: #F5A32A;
position: absolute;
bottom: 8px;
right: 12px;
border-bottom: 1px solid transparent;
cursor: pointer;
}
.show_pass:hover{
color: #D28B23;
border-bottom: 1px solid #D28B23;
}
/*CUSTOM CHECKBOX*/
.custom-checkbox {
position: relative;
z-index: 1;
width: fit-content;
}
.custom-checkbox input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-checkbox input+span{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
background-color: #fff;
border: 1px solid #DDDDDD;
border-radius: 4px;
cursor: pointer;
user-select: none;
vertical-align: middle;
}
.custom-checkbox input:checked+span{
background-color: #F5A32A;
border-color: #F5A32A;
}
.custom-checkbox input:checked+span:before{
position: absolute;
content: '';
display: inline-block;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: background 0.3s ease;
background-repeat: no-repeat;
background-position: center center;
background-size: 11px 11px;
background-image: url('../images/checked_ico.svg');
}
.custom-checkbox input:checked+span:hover:before {
filter: brightness(110%);
}
.custom-checkbox input+span+span{
color: #fff;
font-family: 'Gilroy Medium', sans-serif;
}
/*HEADER*/
.navigation{
width: 100%;
max-width: 1366px;
margin: 0 auto;
}
header{
width: 100%;
min-height: 52px;
background-color: #15181B;
position: relative;
}
header .logo{
padding: 15px 20px 15px 24px;
border-right: 1px solid rgba(97, 108, 118, 0.20);
}
header .logo img{
display: block;
width: 22px;
height: 22px;
}
nav.menu{
flex-grow: 1;
padding-left: 20px;
}
nav.menu .item{
padding: 10px 13px 10px 15px;
margin-right: 2px;
border-radius: 6px;
border: none;
position: relative;
}
nav.menu .item.active, nav.menu .item:hover{
background-color: #3C434A;
}
nav .item p{
font-family: 'Gilroy Medium', sans-serif;
color: #616C76;
}
nav.sub_menu .item p{
color: #ADB8C6;
}
nav.sub_menu .item span{
color: #ADB8C6;
}
nav.menu .item.calc{
padding-right: 35px;
}
nav.menu .item .notice_calc{
position: absolute;
left: 75%;
top: 3px;
padding: 1px 5px 0;
color: #212427;
background-color: #F5A32A;
border-radius: 46px;
font-size: 11px;
font-family: 'Gilroy Semibold', sans-serif;
}
nav .item.active p, nav .item:hover p{
color: #fff;
font-family: 'Gilroy Semibold', sans-serif;
}
nav.menu svg{
margin-right: 10px;
}
nav.menu .item.active svg path, nav.menu .item:hover svg path{
fill: #F5A32A;
}
nav.menu .admin{
position: relative;
padding: 10px 24px 10px 30px;
margin-left: 13px;
border-left: 1px solid rgba(97, 108, 118, 0.20);
background: #141516;
}
nav.menu .admin:hover .open_drop svg path, nav.menu .admin .open_drop.active svg path{
fill: #fff;
}
nav.menu .open_drop:hover{
cursor: pointer;
}
nav.menu .open_drop:after{
position: absolute;
content: '';
right: 0;
top: calc(50% - 3px);
width: 8px;
height: 6px;
background-image: url(../images/angle_down.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all 0.2s ease;
}
nav.menu .open_drop.active:after{
transform: rotate(180deg);
}
.admin p{
color: #fff;
font-family: 'Gilroy Medium', sans-serif;
}
nav.menu .admin span{
display: block;
color: #F5A32A;
font-size: 10px;
font-family: 'Gilroy Medium', sans-serif;
}
nav.menu .open_drop{
padding-right: 22px;
position: relative;
}
.menu_drop{
display: none;
min-width: 188px;
position: absolute;
right: 0;
background: #FFFFFF;
border: 1px solid #E3EBF6;
border-radius: 12px 12px 12px 12px;
z-index: 2;
}
.menu_drop.active{
display: block;
}
.menu_drop .dropdown:after{
position: absolute;
content: '';
top: -11px;
right: -1px;
width: 0;
height: 0;
border-width: 10.5px 12px 10.5px 0;
border-color: transparent #E3EBF6 transparent transparent;
border-style: solid;
}
.menu_drop .dropdown:before{
position: absolute;
content: '';
top: -9px;
right: 0;
width: 0;
height: 0;
border-width: 10.5px 12px 10.5px 0;
border-color: transparent #fff transparent transparent;
border-style: solid;
z-index: 1;
}
.row:nth-last-child(-n+2) .menu_drop .dropdown:before{
top: inherit;
bottom: -9px;
}
.row:nth-last-child(-n+2) .menu_drop .dropdown:after{
top: inherit;
bottom: -11px;
}
.row:first-child .decl_number_wrap .menu_drop .dropdown:before{
bottom: calc(50% - 14px)!important;
left: -11px !important;
right: inherit !important;
top: inherit;
}
.row:first-child .decl_number_wrap .menu_drop .dropdown:after{
bottom: calc(50% - 14px)!important;
left: -12px !important;
right: inherit !important;
top: inherit;
}
.menu_drop .dropdown{
position: relative;
}
.menu_drop[data-id="admin_drop"]{
top: 51px;
right: 30px;
}
.drop_item{
position: relative;
padding: 20px 19px;
border-bottom: 1px solid #E3EBF6;
}
.drop_item:last-child{
border-bottom: none;
}
.drop_item p{
color: #8492A6;
}
.drop_item p.active{
color: #F5A32A;
font-family: 'Gilroy Semibold', sans-serif;
}
.drop_item a{
margin-bottom: 12px;
justify-content: flex-start;
}
.drop_item a:last-child{
margin-bottom: 0;
}
.admin .drop_item a span{
color: #8492A6;
font-size: 14px;
}
.admin .drop_item a:hover{
border-bottom: 1px solid transparent;
}
.admin .drop_item a:hover span{
color: #F5A32A;
}
.admin .drop_item a:hover svg path{
fill: #F5A32A;
}
.drop_item a.log_out span{
color: #ADB8C6;
}
/*CUSTOM TOGGLE*/
.wrap_toggle label {
display: block;
width: 28px;
height: 16px;
margin: 0px auto;
border-radius: 100px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
background-color: #ADB8C6;
cursor: pointer;
}
.wrap_toggle input {
display: none;
}
.wrap_toggle i {
height: 12px;
width: 12px;
background: #ffffff;
display: inline-block;
border-radius: 100px;
margin-top: 2px;
margin-left: 3px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
pointer-events: none;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.wrap_toggle label:hover>i {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20);
transform: scale(1.01);
}
.wrap_toggle input:checked+label>i {
margin-left: 13px;
}
.wrap_toggle label:active {
background-color: #A6B9CB;
}
.wrap_toggle label:active>i {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20);
}
.wrap_toggle input:checked+label:active>i {
margin-left: 13px;
}
.wrap_toggle input:checked+label {
background-color: #F5A32A;
}
.sub_header{
width: 100%;
background: #212427;
}
nav.sub_menu .item{
display: block;
padding: 17px 0;
margin-right: 30px;
border-bottom: 4px solid transparent;
}
nav.sub_menu{
justify-content: flex-start;
margin-bottom: 15px;
}
nav.sub_menu .item.active, nav.sub_menu .item:hover{
border-bottom: 4px solid #F5A32A;
}
nav.sub_menu .item.active span, nav.sub_menu .item:hover span{
color: #F5A32A;
font-family: 'Gilroy Semibold', sans-serif;
}
/*BURGER MENU*/
.side_menu{
display: none;
overflow-y: auto;
background: transparent;
z-index: 99;
width: 100%;
height: 100vh;
animation: hide_menu 0.3s ease forwards;
border-top: 1px solid rgba(97, 108, 118, 0.20);
}
.side_menu.active{
animation: show_menu 0.3s ease forwards;
}
.side_menu .menu_content{
padding: 20px 0;
border-top: 1px solid rgba(97, 108, 118, 0.20);
}
@keyframes hide_menu{
0%{
transform: translateY(0%);
opacity: 1;
}
100%{
transform: translateY(0%);
opacity: 0;
}
}
@keyframes show_menu{
0%{
transform: translateY(0%);
opacity: 0;
}
100%{
transform: translateY(0%);
opacity: 1;
}
}
.side_menu .item{
width: 100%;
justify-content: flex-start;
padding: 8px 24px;
border: none;
position: relative;
}
.side_menu .item svg{
margin-right: 10px;
}
.side_menu .item p {
font-family: 'Gilroy Medium', sans-serif;
color: #616C76;
}
.side_menu .wrap_item_menu .item p {
/* color: #fff;*/
font-family: 'Gilroy Semibold', sans-serif;
}
.side_menu .item .notice_calc {
margin-left: 8px;
margin-bottom: 2px;
padding: 1px 5px 0;
color: #212427;
background-color: #F5A32A;
border-radius: 46px;
font-size: 11px;
font-family: 'Gilroy Semibold', sans-serif;
}
.side_menu .sub_menu{
width: 100%;
}
.side_menu .sub_menu .item_sub{
padding: 7px 0 7px 55px;
display: block;
}
.side_menu .sub_menu .item_sub.active{
background-color: #3C434A;
}
.side_menu .sub_menu .item_sub:hover{
border-color: transparent;
}
.side_menu .sub_menu .item_sub p{
color: #fff;
}
.side_menu .sub_menu .item_sub.active p {
font-family: 'Gilroy Semibold', sans-serif;
}
.side_menu .sub_menu .item_sub p span{
color: #F5A32A;
}
.side_menu .sub_menu .item_sub.active p span{
font-family: 'Gilroy Semibold', sans-serif;
}
.side_menu .sub_menu .item_sub p span.red{
color: #E63757;
}
#burger{
padding: 0 24px;
display: none;
align-items:center;
flex-direction:column;
cursor:pointer;
}
#burger span{
background-color:ghostwhite;
width: 18px;
height: 2px;
margin: 2px 0;
border-radius: 3px;
display:block;
transition: all .4s ease;
transform-origin:0 0;
}
#burger.active span:nth-child(1) {
transform: rotate(45deg) translate(1px, -1.5px);
}
#burger.active span:nth-child(2) {
Transform: scaleX(0);
}
#burger.active span:nth-child(3) {
transform: rotate(-44deg);
}
/*FILTERS*/
.table_box{
position: relative;
padding-bottom: 90px;
}
.table_box .table_head{
margin-bottom: 13px;
justify-content: flex-start;
}
.table_box .table_head+.wrap_btn{
margin-bottom: 15px;
min-height: 45px;
}
.table_head .item{
display: inline-block;
padding: 8px 13px 7px;
margin-right: 9px;
border: 1px solid #E4EBF6;
border-radius: 106px;
background-color: #FFFFFF;
font-family: 'Gilroy Medium', sans-serif;
font-size: 12px;
line-height: 1;
}
.table_head .item:last-child{
margin-right: 0;
}
.table_head .item span{
font-size: 12px;
color: #8492A6;
}
.grey{
color: #ADB8C6;
}
.green, .table_head .item span.green{
color: #17B268;
}
.red, .table_head .item span.red{
color: #E63757;
}
.yellow{
color: #F2C94C;
}
.orange{
color: #F5A32A;
}
.blue{
color: #2E84F4;
}
.wrap_action{
padding: 6px 5px;
}
.wrap_action.active{
display: flex;
background-color: #fff;
border-radius: 10px;
align-items: baseline;
}
.quantity{
display: none;
padding: 0 10px;
font-family: 'Gilroy Medium', sans-serif;
white-space: nowrap;
}
.wrap_action.active .quantity{
display: block;
}
.point{
width: 4px;
height: 4px;
margin-left: 10px;
margin-right: 15px;
background-color: #ADB8C6;
border-radius: 50%;
}
.actions_btn{
margin-right: 15px;
}
.actions_btn.disabled svg path{
stroke: #ADB8C6;
}
.actions_btn span{
color: #F5A32A;
font-family: 'Gilroy Medium', sans-serif;
}
.actions_btn.active{
border-radius: 8px 8px 0 0;
background: #212427;
border: 1px solid transparent;
}
.actions_btn:hover span{
color: #fff;
}
.actions_btn.active span{
color: #FFFFFF;
}
.actions_btn.active svg path{
stroke: #FFFFFF;
}
.actions_btn:hover svg path{
stroke: #FFFFFF;
}
.actions_btn.active:hover{
background: #212427;
border: 1px solid #212427;
}
.create:hover{
color: #fff;
}
input.required{
border: 1px solid #F7C3CD;
}
.required.select-search a.trigger{
border: 1px solid #F7C3CD;
}
.filters_box{
display: none;
width: 100%;
max-width: 100%;
padding: 18px 24px 12px 24px;
margin-top: -22px;
margin-bottom: 10px;
background: #212427;
border-radius: 12px;
transition: all 0.2s ease;
z-index: 1;
}
.filters_box.active{
display: block;
}
.filters_head{
margin-bottom: 8px;
}
.wrap_title{
align-items: baseline;
}
.filters_head .page_title{
color: #ADB8C6;
line-height: 1.2;
}
.filters_head .result{
color: #616C76;
line-height: 1.2;
font-family: 'Gilroy Medium', sans-serif;
}
.reset{
padding: 1px;
margin-right: 18px;
font-family: 'Gilroy Medium', sans-serif;
color: #F5A32A;
cursor: pointer;
border-bottom: 1px solid transparent;
}
.reset:hover{
color: #D28B23;
border-bottom: 1px solid #D28B23;
}
.filter_title{
margin-bottom: 7px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
text-transform: uppercase;
}
.filters_table{
align-items: flex-start;
}
.filters_table .column{
width: 24%;
flex-direction: column;
align-items: flex-start;
margin-right: 15px;
}
.filters_table .column:last-child{
margin-right: 0;
}
.filters_table .column p{
margin-bottom: 3px;
font-size: 12px;
color: #8492A6;
font-family: 'Gilroy Semibold', sans-serif;
}
.filters_table .column .wrap{
width: 100%;
padding: 13px 10px 10px;
background-color: #15181B;
border-radius: 6px;
}
.wrap_from_to{
width: 100%;
}
.wrap_from_to input{
width: 48%;
}
.wrap_radiobutton{
width: 100%;
flex-wrap: nowrap;
}
.actions_btn .counter_filters{
padding: 3px 6px 1px;
margin-left: 3px;
background: #F5A32A;
border-radius: 20px;
vertical-align: middle;
color: #fff;
font-family: 'Gilroy Medium', sans-serif;
font-size: 12px;
}
.actions_btn:hover .counter_filters{
background: #fff;
color: #F5A32A;
}
.actions_btn.active:hover .counter_filters{
background: #F5A32A;
color: #fff;
}
.reset_wrap{
display: none;
}
.wrap_action.active .reset_wrap{
display: block;
margin-right: 10px;
}
.reset_wrap .close{
margin-right: 4px;
}
.import_csv{
margin-left: 10px;
}
/*CUSTOM SELECT*/
.select-search {
height: 36px;
position: relative;
min-width: 200px;
width: 100%;
margin-bottom: 17px;
}
.select-search.active .select-search-sub {
z-index: 99!important;
opacity: 1!important;
transform: translateZ(0)!important;
-webkit-transform: translateZ(0)!important;
-moz-transform: translateZ(0)!important;
visibility: visible!important;
}
.select-search.disabled {
pointer-events: none!important;
opacity: .7!important;
}
.select-search a.trigger {
height: 36px;
background: #fff;
width: 100%;
overflow: hidden;
border-radius: 6px;
border: 1px solid #E4EBF6;
outline: 0;
padding-left: 12px;
padding-right: 25px;
position: relative;
color: #3C434A;
text-decoration: none;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
cursor: pointer;
display: flex;
align-items: center;
font-family: 'Gilroy', sans-serif;
}
.select-search .sub-wrapper .select-search-sub ul li a:hover{
border-bottom: 1px solid transparent;
}
.select-search.active a.trigger{
border-radius: 6px 6px 0 0;
border-bottom: none;
}
/*.select-search a.trigger span.clear-btn {
background-repeat: no-repeat;
background-size: 14px 14px;
width: 14px;
height: 14px;
display: inline-block;
margin-right: 12px!important;
cursor: pointer;
opacity: .5;
}*/
.select-search a.trigger span.clear-btn:hover {
opacity: 1!important;
}
.select-search i {
position: absolute;
font-size: 18px;
right: 14px;
top: calc(50% - 3px);
z-index: 2;
pointer-events: none;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
cursor: pointer;
background-image: url(../images/angle_down.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 8px;
height: 6px;
}
.select-search.active i{
transform: rotate(180deg);
}
.select-search select {
display: none!important;
}
.select-search .sub-wrapper {
position: relative;
}
.select-search .sub-wrapper .select-search-sub {
width: 100%;
position: absolute;
z-index: -99;
opacity: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
visibility: hidden;
padding: 10px;
border: 1px solid #ededed;
box-shadow: 0 10px 40px -6px rgba(0, 0, 0, .1);
background: #fff;
border-radius: 0 0 6px 6px;
}
.select-search .sub-wrapper .select-search-sub input {
box-sizing: border-box;
width: 100%;
padding: 6px;
border: 1px solid #ededed;
margin-bottom: 16px;
}
.select-search .sub-wrapper .select-search-sub ul {
padding: 0;
margin: 0;
list-style: none;
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
}
.select-search .sub-wrapper .select-search-sub ul li {
clear: both;
float: none;
margin-bottom: 5px;
}
.select-search .sub-wrapper .select-search-sub ul li:last-child {
margin-bottom: 0!important;
}
.select-search .sub-wrapper .select-search-sub ul li a {
display: block;
color: #242424;
opacity: .6;
text-decoration: none;
}
.select-search .sub-wrapper .select-search-sub ul li a:hover {
opacity: 1;
}
/*CUSTOM RADIOBUTTON*/
.custom-radiobutton {
width: fit-content;
position: relative;
z-index: 1;
display: inline-block;
cursor: pointer;
}
.custom-radiobutton input {
position: absolute;
z-index: -1;
opacity: 0;
height: fit-content;
margin-bottom: 0;
}
.custom-radiobutton input+span{
position: relative;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 2px;
margin-bottom: 3px;
background-color: transparent;
border: 1px solid #F5A32A;
border-radius: 50%;
user-select: none;
vertical-align: middle;
}
.custom-radiobutton input:checked+span:before{
position: absolute;
content: '';
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 14px;
height: 14px;
border-radius: 50%;
transition: background 0.3s ease;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-color: #FFFFFF;
border: 3px solid #F5A32A;
box-sizing: border-box;
}
.custom-radiobutton input+span+span{
color: #F5A32A;
}
.custom-radiobutton input:checked+span+span{
color: #FFFFFF;
}
.table_body{
width: 100%;
background: #FFFFFF;
border: 1px solid #E4EBF6;
box-shadow: 0px 0px 20px rgba(114, 93, 93, 0.1);
border-radius: 6px;
}
.top_table{
width: 100%;
padding: 10px 16px;
flex-wrap: nowrap;
align-items: flex-start;
border-radius: 6px 6px 0 0;
}
.top_table .flx:not(.search_box){
flex-wrap: nowrap;
}
.search_box .select-search{
min-width: 225px;
max-width: 100%;
height: 24px;
margin-bottom: 0;
margin-right: 20px;
}
.search_box .select-search a.trigger{
height: 24px;
background: #F9FAFC;
}
.search_box p{
margin-right: 9px;
color: #ADB8C6;
font-family: 'Gilroy Medium', sans-serif;
}
.wrap_search {
position: relative;
width: 300px;
}
.wrap_search input {
width: 100%;
height: 24px;
margin-bottom: 0;
background: transparent;
padding-left: 25px;
font-family: 'Gilroy Medium', sans-serif;
border: none;
color: #3C434A;
}
.wrap_search button {
height: 14px;
width: 14px;
position: absolute;
top: 5px;
left: 0;
cursor: pointer;
background-image: url('../images/search_ico.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: none;
background-color: transparent;
}
.wrap_search .search_list_box{
display: none;
position: absolute;
left: 0;
top: 34px;
width: inherit;
background-color: #fff;
box-shadow: 0px 0px 20px rgba(114, 93, 93, 0.01);
border-radius: 0 0 6px 6px;
z-index: 2;
}
.search_list_box a{
display: block;
width: 100%;
padding: 7px 10px;
cursor: pointer;
color: #3C434A;
font-family: 'Gilroy Medium', sans-serif;
}
.search_list_box a:hover{
border-bottom: 1px solid transparent;
}
.search_list_box li:last-child a{
padding-bottom: 12px;
}
.search_list_box a:hover{
background-color: rgba(114, 93, 93, 0.1);
}
.wrap_search.active .search_list_box{
display: block;
}
.pagination .select-search{
height: 24px;
min-width: 60px;
width: fit-content;
margin-bottom: 0;
margin-left: 9px;
margin-right: 16px;
}
.pagination .select-search a.trigger{
height: 24px;
padding-left: 7px;
padding-right: 15px;
background: #F9FAFC;
}
.pagination .select-search i{
right: 7px;
}
.pagination ul li a{
padding: 2px 6px 0 6px;
color: #ADB8C6;
border-radius: 4px;
font-family: 'Gilroy Medium', sans-serif;
}
.pagination ul li.active a{
background-color: #EDF2F9;
color: #3B516C;
}
.pagination ul li a:hover{
border-bottom: none;
color: #3B516C;
}
.bot_table{
width: 100%;
display: grid;
overflow-x: auto;
}
.headline_table{
min-width: 1315px;
padding: 6px 18px;
background: #F9FAFC;
border-top: 1px solid #E4EBF6;
border-bottom: 1px solid #E4EBF6;
flex-wrap: nowrap;
justify-content: flex-start;
}
.headline_table p{
text-transform: uppercase;
color: #8492A6;
font-size: 10px;
font-family: "Gilroy Semibold", sans-serif;
}
.table_body span:not:span.status{
display: block;
}
.table_all_orders .row_list{
min-width: 1315px;
}
.table_all_orders .custom-checkbox{
margin-right: 16px;
}
.table_all_orders .order_info{
width: 90px;
margin-right: 30px;
}
.table_all_orders .declaration_info{
width: 170px;
margin-right: 30px;
}
.table_all_orders .delivery_info{
width: 168px;
margin-right: 30px;
}
.table_all_orders .status_info{
width: 103px;
margin-right: 30px;
text-align: center;
}
.table_all_orders .payment_info{
width: 162px;
margin-right: 30px;
}
.table_all_orders .delivery_status_info{
width: 82px;
margin-right: 47px;
text-align: center;
}
.table_all_orders .items_info{
width: 272px;
position: relative;
padding-right: 20px;
}
.table_body .row{
width: 100%;
padding: 15px 18px;
border-bottom: 1px solid #E4EBF6;
justify-content: flex-start;
flex-wrap: nowrap;
cursor: pointer;
}
.row_list .row:last-child{
border-bottom: none;
}
.table_body .row:hover{
background: rgba(245, 163, 42, 0.05);
}
.table_body .row.attention{
background: rgba(230, 55, 87, 0.05);
}
.table_body .row.closed_return{
background: #F9FAFC;
}
.table_body .row.checked{
background: rgba(245, 163, 42, 0.05);
}
.table_body .row.closed_return span{
color: #ADB8C6;
}
.table_body .row.attention .decl_number{
color: #E63757;
}
.table_body .row.success .decl_number{
color: #17B268;
}
.table_body .row.attention.return span{
color: #ADB8C6;
}
.table_body .row .flx{
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
}
.status{
min-width: 55px;
padding: 4px 8px;
font-family: 'Gilroy Semibold', sans-serif;
font-size: 12px;
border-radius: 10px;
line-height: 1;
}
.status.yellow{
background: #FCF4DB;
}
.status.grey{
background: #EEF1F5;
}
.table_body .row .status.red, .table_body .row.attention .status.red, .table_body .row.attention.return .status.red, .table_body .row.closed_return .status.red{
background: #FAD7DD;
color: #E63757;
}
.status.green{
background: #D1F0E1;
}
.status.blue{
background: #D5E6FD;
}
.status.orange, .table_body .row.closed_return .status.orange{
background: #FDEDD4;
color: #F5A32A;
}
.decl_number_wrap{
position: relative;
}
.pencil{
display: none;
position: absolute;
content: '';
top: 0;
right: -23px;
width: 10px;
height: 10px;
min-width: 10px;
cursor: pointer;
}
.table_body .row:hover .pencil{
display: block;
}
.row .pencil.active{
display: block;
}
.pencil:hover path{
stroke: #F5A32A;
fill: transparent !important;
}
.pencil.active path{
stroke: #F5A32A;
fill: transparent !important;
}
.payment_info .pay_count{
font-family: 'Gilroy Medium', sans-serif;
}
.declaration_info .menu_drop{
right: -20px;
top: 23px;
}
.row:nth-last-child(-n+2) .declaration_info .menu_drop{
top: inherit;
bottom: 28px;
}
.row:first-child .declaration_info .menu_drop{
right: -245px;
bottom: -40px;
top: inherit;
}
.declaration_info .menu_drop .change_decl_number{
max-width: 208px;
min-width: 208px;
padding: 9px 21px;
position: relative;
text-align: center;
}
.declaration_info .change_decl_number p{
margin-bottom: 7px;
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
}
.declaration_info .change_decl_number button{
padding: 6px 17px;
font-size: 12px;
}
.declaration_info .change_decl_number input{
text-align: center;
margin-bottom: 12px;
}
.items_info svg{
position: absolute;
content: '';
top: calc(50% - 7px) ;
right: 0;
width: 14px;
height: 14px;
background-size: 12px 12px;
cursor: pointer;
}
.row svg{
display: none;
}
.row svg:hover path{
fill: #F5A32A;
}
.row svg.active path{
fill: #F5A32A;
}
.items_info span+a{
color: #E63757;
font-family: 'Gilroy Medium', sans-serif;
}
.items_info span+a:hover{
border-bottom: 1px solid transparent;
}
.table_body .row:hover svg{
display: block;
}
.popup .page_title{
display: inline-block;
margin-bottom: 17px;
color: #fff;
font-family: 'Gilroy Semibold', sans-serif;
}
.popup.list_prod .headline_table{
min-width: 865px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 6px 6px 0 0;
border-top: none;
}
.popup.list_prod .code_prod{
width: 68px;
margin-right: 15px;
}
.popup.list_prod .code_prod p{
font-family: 'Gilroy Semibold', sans-serif;
}
.popup.list_prod .name_prod{
width: 300px;
margin-right: 15px;
}
.popup.list_prod .color_prod{
width: 138px;
margin-right: 15px;
}
.popup.list_prod .size_prod{
width: 51px;
margin-right: 15px;
}
.popup.list_prod .quantity_prod{
width: 93px;
margin-right: 15px;
}
.popup.list_prod .price_drop_prod{
width: 104px;
}
.popup.list_prod .table_body .row{
padding-top: 14px;
padding-bottom: 14px;
}
.popup.list_prod .table_body {
overflow-x: auto;
}
.popup.list_prod .table_body .row_list{
max-height: 220px;
overflow-x: hidden;
min-width: 865px;
}
.popup.list_prod .table_body .name_prod p{
font-family: 'Gilroy', sans-serif;
}
/*NEW ORDER*/
.actions_btn svg{
margin-left: 5px;
transition: all 0.2s ease;
vertical-align: middle;
}
.actions_btn[data-id="filters_box"] svg{
margin: 0 4px 0 0;
vertical-align: middle;
}
.actions_btn[data-id="filters_box"]{
padding-top: 8px;
padding-bottom: 8px;
}
.actions_cont .actions_btn.active svg{
transform: rotate(180deg);
}
.inner .actions_btn.disabled svg path{
stroke: #ADB8C6;
}
.actions_btn.disabled span{
color: #ADB8C6;
}
.actions_cont{
position: relative;
}
.actions_box{
display: none;
position: absolute;
flex-wrap: nowrap;
left: 0;
top: 34px;
min-width: fit-content;
padding: 13px 14px;
background: #212427;
border-radius: 0 12px 12px 12px;
transition: all 0.2s ease;
}
.actions_box.active{
display: flex;
z-index: 3;
}
.table_box .order_form{
align-items: stretch;
margin-bottom: 0;
}
.order_form .seller_form{
width: 480px;
max-width: 100%;
padding: 16px 20px 22px 20px;
margin: 0 20px 20px 0;
background: #F7F7F7;
}
.order_form p{
margin-bottom: 3px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.order_form .summary_wrap .item p{
width: 155px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.delivery_form .top p{
margin-bottom: 0;
}
.seller_form .balance{
font-family: 'Gilroy Semibold', sans-serif;
}
.order_form .select-search{
margin-bottom: 0;
min-width: 100%;
}
.seller_form .select-search{
margin-top: 16px;
}
.actions_box .btn{
white-space: nowrap;
margin-right: 10px;
}
.actions_box .btn:last-child{
margin-right: 0;
}
.actions_box .btn span{
color: #F5A32A;
font-family: 'Gilroy Medium', sans-serif;
}
.actions_box .btn:hover span{
color: #fff;
}
.actions_box .btn span.grey{
color: #ADB8C6;
font-family: 'Gilroy', sans-serif;
}
.actions_box .btn svg{
margin-right: 6px;
width: 14px;
height: 15px;
vertical-align: middle;
}
.actions_box .btn:hover svg path{
stroke: #fff;
}
.new_seller .actions_box .btn:hover svg path{
fill: #fff;
stroke: none;
}
.wrap_btn .back{
margin-right: 20px;
padding: 7px;
}
.wrap_btn .back span{
color: #F5A32A;
font-family: 'Gilroy Medium', sans-serif;
}
.wrap_btn .back svg{
margin-right: 12px;
margin-bottom: 3px;
}
.wrap_btn .back:hover{
border-bottom: 1px solid transparent;
}
.wrap_btn .back:hover span{
color: #D28B23;
}
.wrap_btn .back:hover svg path{
fill: #D28B23;
}
.order_form .column{
max-width: 100%;
}
.order_form .customer_form{
width: 480px;
max-width: 100%;
margin: 0 20px 20px 0;
}
.order_form .top{
width: 100%;
padding: 16px 20px;
border-bottom: 1px solid #E4EBF6;
}
.customer_form .page_subtitle span{
font-size: 16px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
}
.order_form .bot{
width: 100%;
padding: 12px 20px 21px 20px;
}
.order_form .inp_wrap{
width: 48%;
margin-right: 11px;
}
.order_form .inp_wrap:last-child{
margin-right: 0;
}
.order_form .inp_wrap input{
margin-bottom: 0;
}
.order_form .row p span{
color: #E63757;
font-size: 14px;
}
.order_form .row{
margin-bottom: 11px;
}
.customer_form .row:last-child{
margin-bottom: 0;
margin-top: 16px;
}
.order_form .delivery_form{
width: 480px;
max-width: 100%;
margin: 0 20px 20px 0;
}
.note.red{
padding: 4px 7px 3px;
background-color: #FAD7DD;
border-radius: 3px;
font-size: 10px;
font-family: 'Gilroy Semibold', sans-serif;
}
.delivery_form .registr_post{
display: none;
margin-top: 27px;
margin-bottom: 0;
}
.delivery_form .registr_post.active{
display: flex;
}
.delivery_form .registr_post span{
max-width: 184px;
color: #ADB8C6;
font-family: 'Gilroy Medium', sans-serif;
}
.delivery_form .registr_post .select-search{
width: 95px;
min-width: 95px;
}
.delivery_form .registr_post .select-search a.trigger{
font-size: 12px;
}
.order_form .btn{
font-size: 12px;
}
.delivery_form .sender_form{
width: 100%;
padding: 11px 20px 17px 21px;
background: rgba(249, 250, 252, 0.5);
border-bottom: 1px solid #E4EBF6;
border-top: 1px solid #E4EBF6;
}
.delivery_form .delivery_bot{
padding: 14px 20px 21px 20px;
}
.delivery_form .row.declaration_post{
display: none;
margin-bottom: 0;
margin-top: 27px;
}
.delivery_form .declaration_post.active{
display: flex;
}
.delivery_form .decl_number_wrap{
flex-direction: column;
align-items: flex-start;
}
.delivery_form .decl_number_wrap .decl_number{
margin-bottom: 3px;
padding-right: 20px;
font-family: 'Gilroy Medium', sans-serif;
position: relative;
}
.close{
width: 10px;
height: 10px;
min-width: 10px;
background-image: url('../images/close_red_ico.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
display: inline-block;
vertical-align: baseline;
}
.declaration_post .close{
position: absolute;
top: calc(50% - 5px);
right: 0;
}
.delivery_form .declaration_post .btn{
max-width: 108px;
padding: 6px 17px;
}
.note.blue{
padding: 3px 8px;
background-color: #EAF3FE;
border-radius: 10px;
font-size: 10px;
font-family: 'Gilroy Semibold', sans-serif;
}
.order_form .delivery_bot .inp_wrap{
width: 133px;
}
.delivery_form .delivery_bot{
width: 100%;
}
.delivery_bot .package .select-search{
width: 133px;
}
.delivery_bot .row.package{
margin-top: 0;
}
.delivery_bot .weight_package .select-search{
width: 102px;
}
.delivery_bot .weight_package .inp_wrap.weight{
width: 102px;
margin-right: 20px;
}
.weight_package .select.select-search a.trigger{
background: rgba(249, 250, 252, 0.5);
color: #C8CFD8;
}
.delivery_bot .weight_package .custom-checkbox{
margin-right: 1px;
}
.weight_package{
margin-bottom: 0;
}
.weight_package .wrap {
margin-top: 12px;
}
.info{
position: relative;
margin-left: 10px;
margin-right: 18px;
width: 12px;
height: 12px;
background-image: url('../images/info_green_ico.svg');
background-size: 12px 12px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.info_grey{
position: relative;
display: inline-block;
margin-left: 4px;
width: 12px;
height: 12px;
background-image: url(../images/info_grey_ico.svg);
background-size: 12px 12px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
vertical-align: top;
}
.weight_package .wrap .info:hover .menu_drop{
display: block;
top: 25px;
}
.weight_package .wrap .info .menu_drop .dropdown{
padding: 16px 19px;
width: 291px;
max-width: 100%;
}
.weight_package .wrap p{
margin-bottom: 0;
}
.weight_package .wrap span{
font-family: 'Gilroy Medium', sans-serif;
}
.weight_package .wrap .sum_weight{
margin-right: 15px;
}
.weight_package .info .menu_drop .dropdown:before{
bottom: inherit;
top: -9px;
}
.weight_package .info .menu_drop .dropdown:after{
top: -11px;
bottom: inherit;
}
.order_form .payment_form{
width: 318px;
max-width: 100%;
margin-bottom: 20px;
background: #F7F7F7;
}
.order_form .payment_form .note.red{
margin-bottom: 5px;
}
.payment_form .top{
width: 100%;
padding: 16px 20px;
border-bottom: 1px solid #E4EBF6;
}
.payment_form .select-search{
width: 65px;
min-width: 51px;
}
.payment_form .row{
margin: 0;
padding: 12px 21px 17px 21px;
border-bottom: 1px solid #E4EBF6;
}
.payment_form .row:last-child{
border-bottom: none;
font-family: 'Gilroy Semibold', sans-serif;
}
.payment_form .row:last-child span{
font-family: 'Gilroy Semibold', sans-serif;
}
.payment_form .customer_price+.row{
justify-content: flex-start;
align-items: flex-end;
}
.payment_form .customer_price+.row .inp_wrap{
width: 128px;
margin-right: 20px;
}
.payment_form .summary_wrap{
width: 100%;
padding: 20px 21px 16px 21px;
border-bottom: 1px solid #E4EBF6;
background: #fff;
}
.summary_wrap .item{
margin-bottom: 2px;
}
.summary_wrap .item p{
margin-bottom: 0;
}
textarea{
width: 100%;
height: 60px;
resize: none;
overflow-x: hidden;
padding: 10px;
color: #3C434A;
font-size: 14px;
line-height: 1.3;
font-family: 'Gilroy', sans-serif;
border: 1px solid #E4EBF6;
border-radius: 6px;
}
.summary{
font-family: 'Gilroy Bold', sans-serif;
}
.payment_form .to_pay{
font-size: 16px;
}
.summary_wrap .item .note{
display: none;
margin: 13px 0;
}
.summary_wrap .item .note.active{
display: block;
}
.adds_product_table{
margin-bottom: 30px;
}
.adds_product_table .top_table{
padding: 0 16px;
}
.adds_product_table .top_table .page_subtitle{
padding: 16px 0;
}
.adds_product_table .info_sum p{
margin-right: 30px;
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
}
.adds_product_table .info_sum p:last-child{
margin-right: 0;
}
.adds_product_table .info_sum{
padding: 20px 0;
height: 100%;
}
.payment_form .customer_price{
padding: 18px 21px;
flex-wrap: nowrap;
background: #FFFFFF;
border-bottom: 1px solid #E4EBF6;
}
.payment_form .customer_price p{
width: 45%;
}
.payment_form .customer_price input{
margin-bottom: 0;
padding-right: 35px;
font-family: 'Gilroy Semibold', sans-serif;
}
.payment_form .customer_price .inp_wrap input::placeholder{
color: #E63757;
}
.payment_form .customer_price .inp_wrap{
position: relative;
width: 153px;
}
.payment_form .customer_price .inp_wrap:after{
position: absolute;
content: 'грн';
font-family: 'Gilroy Semibold', sans-serif;
top: calc(50% - 9px);
right: 10px;
}
.payment_form .customer_price p span{
font-size: 14px;
color: #E63757;
line-height: 0;
}
.wrap_tbl{
overflow-x: auto;
}
.adds_product_table .row_list{
min-width: 1315px;
}
.adds_product_table .page_subtitle{
color: #F5A32A;
}
.adds_product_table .img_prod{
width: 60px;
margin-right: 15px;
}
.adds_product_table .name_prod{
width: 135px;
margin-right: 20px;
}
.adds_product_table .category_prod{
width: 170px;
margin-right: 40px;
}
.adds_product_table .characteristic_prod{
width: 190px;
margin-right: 40px;
}
.adds_product_table .price_prod{
width: 250px;
margin-right: 40px;
}
.adds_product_table .discount_prod{
width: 50px;
margin-right: 40px;
text-align: center;
}
.adds_product_table .quantity_prod{
width: 40px;
margin-right: 40px;
text-align: center;
}
.adds_product_table .sum_drop_prod{
width: 85px;
margin-right: 40px;
}
.adds_product_table .available_prod{
width: 50px;
margin-right: 30px;
text-align: center;
}
.adds_product_table .cross{
width: 10px;
}
.adds_product_table .img_prod img{
width: 60px;
height: 90px;
border-radius: 6px;
}
.adds_product_table .row_list .row{
padding: 15px 21px;
}
.adds_product_table .row_list .row:last-child{
border-bottom: none;
}
.adds_product_table .row_list .category_prod p{
color: #ADB8C6;
}
.row_list .row .item {
width: 100%;
flex-direction: row;
align-items: flex-end;
}
.row_list .item span{
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.row_list .item .line{
margin: 0 4px 5px 4px;
flex-grow: 1;
border-bottom: 1px solid #E0E5EB;
}
.adds_product_table .discount_prod span{
font-family: 'Gilroy Medium', sans-serif;
}
.adds_product_table .quantity_prod input{
width: 40px;
height: 36px;
margin-bottom: 0;
text-align: center;
padding-left: 6px;
padding-right: 6px;
font-family: 'Gilroy Medium', sans-serif;
}
.adds_product_table .sum_drop_prod p{
font-family: 'Gilroy Medium', sans-serif;
}
.available_prod span{
font-family: 'Gilroy Semibold', sans-serif;
}
.infinity{
width: 18px;
height: 9px;
background-image: url('../images/infinity_ico.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.adds_product_table .close{
position: relative;
}
.table_body.adds_product_table .row:hover{
background: transparent;
}
.add_item_wrap{
width: 100%;
border-radius: 6px;
background: #3C434A;
align-items: stretch;
}
.add_item_wrap .filters_box{
width: 280px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 19px;
display: block;
border-radius: 6px 0 0 6px;
}
.add_item_wrap .filters_box .page_subtitle{
margin-bottom: 15px;
color: #ADB8C6;
display: inline-block;
}
.add_item_wrap .filters_box p{
color: #8492A6;
font-family: 'Gilroy Semibold', sans-serif;
font-size: 12px;
}
.add_item_wrap .filters_box .reset{
display: inline-block;
}
.add_item_table{
flex-grow: 1;
padding: 20px 22px 0;
overflow: auto;
position: relative;
}
.add_item_table .headline_table{
min-width: 978px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 6px 6px 0 0;
border-top: none;
justify-content: space-between;
}
.add_item_table .table_body{
min-width: 980px;
border-radius: 6px 6px 0 0;
border-bottom: none;
position: relative;
}
.add_item_table .row_list:after{
position: absolute;
content: '';
left: 0;
bottom: 0;
width: 100%;
height: 23px;
background: linear-gradient(180deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.add_item_table .img_prod{
width: 60px;
margin-right: 20px;
}
.add_item_table .name_prod{
width: 110px;
margin-right: 20px;
}
.add_item_table .code_prod{
width: 64px;
margin-right: 20px;
}
.add_item_table .size_prod{
width: 57px;
margin-right: 20px;
}
.add_item_table .color_prod{
width: 65px;
margin-right: 20px;
}
.add_item_table .category_prod{
width: 95px;
margin-right: 20px;
}
.add_item_table .season_prod{
width: 102px;
margin-right: 20px;
}
.add_item_table .price_prod{
width: 177px;
margin-right: 29px;
}
.add_item_table .available_prod{
width: 56px;
text-align: center;
}
.add_item_table .row{
padding-top: 15px;
padding-bottom: 15px;
}
.add_item_table .img_prod img{
width: 60px;
height: 70px;
border-radius: 6px;
}
.add_item_table .row_list{
max-height: 816px;
overflow-x: hidden;
}
.add_item_table .row_list .row{
cursor: pointer;
justify-content: space-between;
}
.add_item_table .row_list .row:last-child{
border-bottom: none;
}
.popup.delete_ttn{
padding-top: 38px;
padding-bottom: 31px;
text-align: center;
}
.popup.delete_ttn .page_title{
width: 100%;
}
.popup.delete_ttn .btn{
min-width: 146px;
}
.popup.delete_ttn .btn:first-child{
margin-right: 18px;
}
/*ALL PRODUCTS*/
.export .actions_box p{
margin-right: 19px;
white-space: nowrap;
color: #fff;
}
.export .actions_btn{
margin-right: 0;
}
.export .actions_box{
right: 0;
left: inherit;
border-radius: 12px 0 12px 12px;
}
.all_products .actions_cont+.delete{
margin-left: 6px;
}
.del_wrap{
cursor: pointer;
}
.all_products .del_wrap{
margin-right: 20px;
margin-left: 15px;
}
.all_products .point{
margin-left: 15px;
}
.all_products .img_prod{
width: 60px;
margin-right: 20px;
}
.all_products .name_prod{
width: 160px;
margin-right: 20px;
}
.all_products .name_prod_long{
width: 300px;
margin-right: 20px;
}
.all_products .row .name_prod{
flex-direction: row;
align-items: center;
}
.all_products .code_prod{
width: 60px;
margin-right: 15px;
}
.all_products .code_prod_long{
width: 160px;
margin-right: 15px;
}
.all_products .size_prod{
width: 80px;
margin-right: 20px;
}
.all_products .color_prod{
width: 108px;
margin-right: 20px;
}
.all_products .category_prod{
width: 112px;
margin-right: 20px;
}
.all_products .season_prod{
width: 112px;
margin-right: 20px;
}
.all_products .price_prod{
width: 230px;
margin-right: 24px;
}
.all_products .discount_prod{
width: 67px;
margin-right: 20px;
}
.all_products .available_prod, .all_products .row .available_prod{
width: 50px;
margin-right: 12px;
flex-direction: row;
align-items: center;
}
.all_products .ico_wrap{
width: 13px;
margin-bottom: 5px;
}
.all_products .available_prod .av_wrap svg{
margin-bottom: 2px;
}
.all_products .custom-checkbox{
margin-right: 12px;
}
.all_products .row .name_prod span{
width: calc(100% - 20px);
}
.all_products .season_prod span, .all_products .category_prod span{
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.all_products .table_body span{
display: block;
}
.all_products .img_prod img{
width: 60px;
height: 70px;
border-radius: 6px;
}
.all_products .headline_table{
padding-top: 5px;
padding-bottom: 5px;
}
.all_products .row_list{
min-width: 1315px;
}
.all_products .row>svg{
margin-bottom: 3px;
}
.av_wrap{
position: relative;
}
.av_wrap:hover .menu_drop{
display: block;
}
.available_prod .menu_drop{
min-width: 118px;
top: 25px;
right: 5px;
}
.all_products .row:nth-last-child(-n+2) .menu_drop{
top: inherit;
bottom: -40px;
right: 25px;
}
.all_products .row .menu_drop .wrap{
width: 70px;
}
.all_products .row:nth-last-child(-n+2) .menu_drop .wrap{
margin-right: 20px;
}
.all_products .row:nth-last-child(-n+2) .menu_drop .wrap:last-child{
margin-right: 0;
}
.all_products .row:nth-last-child(-n+2) .menu_drop .all_av{
flex-direction: row;
}
.all_products .row:nth-last-child(-n+2) .menu_drop .dropdown:before{
bottom: calc(50% - 15px);
transform: rotate(180deg);
right: -11px;
}
.all_products .row:nth-last-child(-n+2) .menu_drop .dropdown:after{
bottom: calc(50% - 15px);
transform: rotate(180deg);
right: -13px;
}
.available_prod .dropdown{
padding: 10px 23px;
}
.available_prod .dropdown p{
font-size: 12px;
margin-bottom: 10px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
text-align: center;
}
.available_prod .dropdown span{
font-size: 14px;
font-family: 'Gilroy', sans-serif;
color: #3B516C;
}
.available_prod .dropdown .item{
margin-bottom: 4px;
}
.available_prod .dropdown .item:last-child{
margin-bottom: 0;
}
.available_prod .dropdown .infinity{
margin-bottom: 5px;
}
.clock{
width: 12px;
height: 12px;
margin-bottom: 5px;
background-image: url(../images/clock_ico.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.dropdown .item .grey{
color: #ADB8C6;
}
.dropdown .item .green{
color: #17B268;
}
.dropdown .item .red{
color: #E63757;
}
.dropdown .item .orange{
color: #F5A32A;
}
.dropdown .item .blue{
color: #2E84F4;
}
/*ALL SELLERS*/
.table_all_sellers span{
display: block;
}
.table_all_sellers .id_seller{
width: 50px;
margin-right: 15px;
}
.table_all_sellers .login_phone_seller{
width: 129px;
margin-right: 20px;
}
.table_all_sellers .full_name_seller{
width: 206px;
margin-right: 90px;
}
.table_all_sellers .balance_seller{
width: 130px;
margin-right: 40px;
}
.table_all_sellers .orders_seller{
width: 56px;
margin-right: 30px;
}
.table_all_sellers .returs_seller{
width: 77px;
margin-right: 40px;
}
.table_all_sellers .discount_seller{
width: 100px;
margin-right: 92px;
}
.table_all_sellers .active_seller{
width: 75px;
margin-right: 38px;
}
.table_all_sellers .icon_wrap_sel{
width: 79px;
}
.table_all_sellers .id_seller span{
font-family: 'Gilroy Semibold', sans-serif;
}
.table_all_sellers .row .icon_wrap_sel{
flex-wrap: nowrap;
flex-direction: row;
}
.table_all_sellers .icon_wrap_sel .close{
position: relative;
margin-top: 2px;
}
.table_all_sellers.table_body .row svg{
display: initial;
}
.row.block{
background-color: #F9FAFC;
}
.row.block span{
color: #ADB8C6;
}
.row.block p{
color: #ADB8C6;
}
.table_all_sellers .row.block .discount_seller p{
color: #F5A32A;
}
.row .lock_open{
display: inline-block;
width: 13px;
height: 13px;
background-image: url('../images/lock_open_ico.svg');
background-size: 13px 13px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.row .lock_block{
display: none;
width: 13px;
height: 13px;
background-image: url('../images/lock_block_ico.svg');
background-size: 13px 13px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.row.block .lock_open{
display: none;
}
.row.block .lock_block{
display: inline-block;
}
/*INVOICES PAGE*/
nav.sub_menu .item.active span.red, nav.sub_menu .item:hover span.red{
color: #E63757;
font-family: 'Gilroy Semibold', sans-serif;
}
nav.sub_menu .item.active span.green, nav.sub_menu .item:hover span.green{
color: #17B268;
font-family: 'Gilroy Semibold', sans-serif;
}
.seller_selection .id_seller{
width: 42px;
margin-right: 20px;
}
.seller_selection .name_seller{
width: 377px;
margin-right: 40px;
}
.seller_selection .last_invoice_seller{
width: 171px;
margin-right: 50px;
}
.seller_selection .balance_seller{
width: 185px;
margin-right: 50px;
}
.seller_selection .last_payment_seller{
width: 118px;
margin-right: 50px;
}
.seller_selection .bot_table .btn_wrap{
width: 143px;
}
.seller_selection .bot_table .btn_wrap .btn{
padding: 5px 10px 5px;
}
.seller_selection .row .btn_wrap svg{
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin-right: 7px;
}
.seller_selection .btn_wrap .btn.empty span{
color: #F5A32A;
font-family: 'Gilroy Medium', sans-serif;
font-size: 12px;
}
.seller_selection .btn_wrap .btn.empty:hover span{
color: #fff;
}
.seller_selection .row .btn_wrap .btn:hover svg path{
stroke: #fff;
}
.popup.add_payment{
width: 392px;
padding-left: 41px;
padding-right: 40px;
}
.popup.add_payment .sum_payment{
width: 165px;
}
.popup.add_payment .date_payment{
width: 126px;
margin-right: 20px;
}
.popup.add_payment button{
width: 100%;
margin-top: 20px;
}
.invoices_table .point{
margin-left: 15px;
}
/*SELLER'S INVOICES*/
.invoices_table .number_doc{
width: 50px;
margin-right: 27px;
}
.invoices_table .date_doc{
width: 79px;
margin-right: 40px;
}
.invoices_table .quantity_item_doc{
width: 68px;
margin-right: 30px;
}
.invoices_table .manager_doc{
width: 155px;
margin-right: 40px;
}
.invoices_table .sum_doc{
width: 121px;
margin-right: 30px;
}
.invoices_table .comment_doc{
width: 360px;
margin-right: 40px;
}
.invoices_table .print_doc{
width: 56px;
margin-right: 40px;
}
.invoices_table .attached_file{
width: 143px;
cursor: pointer;
}
.invoices_table .attached_file a:hover{
border-bottom: 1px solid transparent;
}
.invoices_table .row.block span:not(.invoices_table .manager_doc span), .invoices_table .row.block .number_doc a{
color: #ADB8C6;
}
.invoices_table .row .comment_doc svg{
display: inline-block;
}
.invoices_table .manager_doc a{
font-family: 'Gilroy', sans-serif;
}
.invoices_table .manager_doc span{
display: block;
}
.invoices_table .print_doc .btn{
padding: 6px 9px;
font-size: 12px;
}
.invoices_table .row .comment_doc{
flex-direction: row;
}
.invoices_table .row.invoice .comment_doc p{
color: #ADB8C6;
}
.clip_ico{
display: block;
width: 12px;
height: 12px;
background-image: url('../images/clip_ico.svg');
background-size: 12px 12px;
background-position: center;
background-repeat: no-repeat;
}
a.clip_link span{
display: block;
}
a.clip_link{
margin-top: -2px;
font-size: 12px;
border-bottom: none;
}
a.clip_link:hover{
border-bottom: none;
}
.invoices_table .payment .number_doc a{
color: #17B268;
}
.invoices_table .payment .number_doc a:hover{
border-color: #17B268;
}
/*SINGLE INVOICE*/
.inv_wrap{
align-items: flex-start;
flex-wrap: nowrap;
}
.inv_wrap .column{
margin-bottom: 20px;
margin-right: 20px;
}
.inv_wrap .wrap_tbl{
flex-grow: 1;
margin-right: 0;
position: relative;
}
.info_invoice{
width: 320px;
margin-bottom: 26px;
}
.info_invoice .row{
padding: 16px 22px;
flex-wrap: nowrap;
justify-content: flex-start;
border-bottom: 1px solid #E4EBF6;
}
.info_invoice .row .item{
flex-wrap: nowrap;
justify-content: flex-start;
margin-bottom: 6px;
}
.info_invoice .row .item:last-child{
margin-bottom: 0;
}
.info_invoice .row:last-child{
border-bottom: none;
}
.info_invoice .row:nth-child(even){
background: rgba(249, 250, 252, 0.5);
}
.info_invoice .name{
width: 100px;
margin-right: 20px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.info_invoice a.clip_link span{
display: inline-block;
}
.info_invoice .descr{
width: 158px;
}
.info_invoice .descr a{
font-family: 'Gilroy Medium', sans-serif;
}
.info_invoice+.page_subtitle{
margin-bottom: 8px;
}
.single_invoice .column>.btn{
margin-top: 22px;
}
/*.info_invoice_table{
min-width: 978px;
}*/
.info_invoice_table .headline_table{
min-width: initial;
border-top: none;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 6px 6px 0 0;
}
.info_invoice_table .id_product{
width: 50px;
margin-right: 20px;
}
.info_invoice_table .code_product{
width: 53px;
margin-right: 30px;
}
.info_invoice_table .name_product{
width: 200px;
margin-right: 15px;
flex-grow: 1;
}
.info_invoice_table .color_product{
width: 113px;
margin-right: 20px;
}
.info_invoice_table .size_product{
width: 41px;
margin-right: 20px;
}
.info_invoice_table .quantity_product{
width: 68px;
margin-right: 20px;
}
.info_invoice_table .price_product{
width: 103px;
}
.info_invoice_table .name_product span{
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
/*NEW INVOICE*/
.adds_product_invoice{
margin-bottom: 20px;
position: relative;
}
.adds_product_invoice .headline_table{
padding: 12px 21px 10px 21px;
min-width: initial;
}
.adds_product_invoice .top_info_wrap p{
margin-right: 9px;
}
.adds_product_invoice .top_table{
align-items: center;
}
.adds_product_invoice .pencil{
display: block;
position: initial;
margin-bottom: 2px;
}
.adds_product_invoice .change_sum_wrap{
position: relative;
}
.adds_product_invoice .change_sum_wrap .menu_drop{
top: 20px;
}
.adds_product_invoice .row .change_sum_wrap{
flex-direction: row;
align-items: baseline;
}
.adds_product_invoice .change_sum_wrap .dropdown{
padding: 7px 20px;
text-align: center;
}
.adds_product_invoice .change_sum_wrap .dropdown p{
margin-bottom: 5px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.adds_product_invoice .change_sum_wrap .dropdown input{
height: 29px;
margin-bottom: 8px;
text-align: center;
}
.adds_product_invoice .change_sum_wrap .dropdown .btn{
font-size: 12px;
padding: 6px 12px;
}
.adds_product_invoice .row:nth-last-child(-n+2) .change_sum_wrap .menu_drop{
top: inherit;
bottom: -23px;
right: 22px;
}
.adds_product_invoice .row:nth-last-child(-n+2) .menu_drop .dropdown:before {
bottom: 20px;
transform: rotate(180deg);
right: -11px;
}
.adds_product_invoice .row:nth-last-child(-n+2) .menu_drop .dropdown:after {
bottom: 20px;
transform: rotate(180deg);
right: -13px;
}
.adds_product_invoice .id_product{
width: 50px;
margin-right: 20px;
}
.adds_product_invoice .code_product{
width: 58px;
margin-right: 25px;
}
.adds_product_invoice .name_product{
width: 220px;
margin-right: 20px;
flex-grow: 1;
}
.adds_product_invoice .color_product{
width: 106px;
margin-right: 40px;
}
.adds_product_invoice .size_product{
width: 60px;
margin-right: 46px;
}
.adds_product_invoice .quantity_product{
width: 60px;
margin-right: 60px;
text-align: center;
}
.adds_product_invoice .price_product{
width: 102px;
margin-right: 30px;
}
.adds_product_invoice .cross{
width: 10px;
margin-bottom: 4px;
position: relative;
}
.adds_product_invoice .quantity_product input{
margin-bottom: 0;
width: 43px;
height: 36px;
text-align: center;
padding-left: 6px;
padding-right: 6px;
font-family: 'Gilroy Medium', sans-serif;
}
.wrap_action.active .btn.delete{
display: inline-block;
}
.btn.delete{
border: 1px solid #E63757;
background: transparent;
display: none;
}
.btn.delete span{
color: #E63757;
vertical-align: baseline;
}
.new_edit_invoice .add_item_table .img_prod{
width: 40px;
margin-right: 40px;
}
.new_edit_invoice .add_item_table .id_prod{
width: 55px;
margin-right: 10px;
}
.new_edit_invoice .add_item_table .code_prod{
width: 70px;
margin-right: 10px;
}
.new_edit_invoice .add_item_table .name_prod{
width: 130px;
margin-right: 15px;
flex-grow: 1;
}
.new_edit_invoice .add_item_table .category_prod{
width: 210px;
margin-right: 50px;
}
.new_edit_invoice .add_item_table .size_prod{
width: 49px;
margin-right: 0;
}
.new_edit_invoice .add_item_table .img_prod img{
width: 40px;
height: 50px;
}
.new_edit_invoice .add_item_table .name_prod span,
.new_edit_invoice .add_item_table .category_prod span,
.new_edit_invoice .add_item_table .color_prod span{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.new_edit_invoice .add_item_table .table_body{
min-width: 640px;
}
.new_edit_invoice .add_item_table .headline_table{
min-width: 638px;
}
.general_info_invoice{
margin-bottom: 20px;
}
.general_info_invoice .top{
padding: 16px 21px;
border-bottom: 1px solid #E4EBF6;
}
.general_info_invoice .wrap_file_add{
align-items: baseline;
}
.custom_upload_file{
position: relative;
z-index: 1;
width: fit-content;
}
.wrap_file_add span{
margin-right: 10px;
}
.wrap_file_add span:last-child{
margin-right: 0;
}
.wrap_file_add .btn{
margin-right: 10px;
}
.custom_upload_file input{
position: absolute;
z-index: -1;
opacity: 0;
}
.custom_upload_file input+span{
position: relative;
display: inline-block;
}
.general_info_invoice .bot{
padding: 12px 21px 20px 21px;
align-items: baseline;
}
.general_info_invoice .inp_wrap.invoice_id{
width: 10%;
margin-right: 15px;
}
.general_info_invoice .inp_wrap.invoice_date{
width: 12%;
margin-right: 15px;
}
.general_info_invoice .inp_wrap.seller{
width: 27%;
margin-right: 15px;
flex-grow: 1;
}
.general_info_invoice .inp_wrap.comment{
width: 46%;
}
.general_info_invoice .inp_wrap.comment textarea{
height: 36px;
}
.general_info_invoice .inp_wrap input{
margin-bottom: 0;
}
.general_info_invoice .inp_wrap .select-search{
margin-bottom: 0;
}
/*SINGLE PRODUCT*/
.single_product .actions_cont{
margin-right: 5px;
}
.wrap_btn .btn[data-id="history_change"]{
margin-right: 10px;
}
.images_product{
width: 280px;
margin-right: 21px;
}
.about_product{
width: 870px;
max-width: 100%;
padding: 18px 19px;
margin: 0 20px 20px 0;
align-items: flex-start;
background: #FFFFFF;
border: 1px solid #E4EBF6;
box-shadow: 0px 0px 20px rgba(114, 93, 93, 0.1);
border-radius: 6px;
}
.info_product{
width: 527px;
}
.info_product .top{
margin-bottom: 20px;
}
.info_product .page_subtitle{
margin-right: 20px;
margin-bottom: 15px;
}
.info_product .top span.grey{
padding: 3px 9px;
background-color: #F7F7F7;
border-radius: 4px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.info_product .row{
margin-bottom: 24px;
}
.info_product .data_item{
justify-content: flex-start;
margin-bottom: 6px;
flex-wrap: nowrap;
}
.info_product .data_item .name{
width: 94px;
min-width: 94px;
margin-right: 15px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.data_item .wrap_name{
width: 94px;
min-width: 94px;
margin-right: 15px;
}
.size_wrap .size{
min-width: 40px;
height: 50px;
padding: 6px;
margin-right: 10px;
flex-direction: column;
border: 1px solid #E4EBF6;
border-radius: 6px;
background: #FFFFFF;
}
.size_wrap .size span:last-child{
font-size: 12px;
}
.size_wrap .size.pending{
background-color: #E0E5EB;
}
.size_wrap .size.pending span{
color: #fff;
}
.size_wrap .size span:first-child{
font-family: 'Gilroy Medium', sans-serif;
}
.size_wrap .size .infinity{
margin-bottom: 4px;
}
.choose_size{
margin-top: 10px;
align-items: initial;
}
.choose_size a{
font-family: 'Gilroy Medium', sans-serif;
}
.ruler{
display: inline-block;
margin-right: 12px;
vertical-align: middle;
width: 7px;
height: 14px;
background-image: url('../images/ruler_ico.svg');
background-size: 7px 14px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.info_product .price_box{
margin-top: 10px;
margin-bottom: 25px;
padding: 15px 0;
background: #F9FAFC;
border: 1px solid #E4EBF6;
border-radius: 4px;
align-items: stretch;
flex-wrap: nowrap;
}
.info_product .price_box .item{
width: 32%;
padding-right: 2px;
flex-direction: column;
border-right: 2px solid #E4EBF6;
}
.info_product .price_box .item:last-child{
border-right: none;
}
.info_product .price_box .item .name{
margin-bottom: 4px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
span b, p b{
font-family: 'Gilroy Semibold', sans-serif;
}
.info_product .data_item .info{
margin: 0;
margin-left: 3px;
vertical-align: middle;
display: inline-block;
}
.tab_content{
margin-bottom: 20px;
}
.tab_container{
display: none;
background-color: transparent;
}
.tab_container.active{
display: block;
}
.tabs_box{
padding: 2px;
margin-bottom: 16px;
margin-top: 15px;
width: fit-content;
background-color: #EDF2F9;
display: flex;
align-items: stretch;
justify-content: flex-start;
border-radius: 6px;
}
.tabs_box .tab.active{
background: #3C434A;
border-radius: 4px;
}
.tabs_box .tab{
padding: 6px 10px;
display: flex;
align-items: center;
cursor: pointer;
border-radius: 8px 8px 0 0;
}
.tabs_box .tab p{
color: #ADB8C6;
font-family: 'Gilroy Medium', sans-serif;
}
.tabs_box .tab.active p{
color: #fff;
font-family: 'Gilroy Semibold', sans-serif;
}
.plus{
display: inline-block;
width: 22px;
height: 22px;
min-width: 22px;
background-image: url('../images/plus_ico.svg');
background-size: 22px 22px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.sellers_with_disc_table{
width: 428px;
max-width: 100%;
}
.sellers_with_disc_table .id_seller{
width: 50px;
margin-right: 11px;
}
.sellers_with_disc_table .full_name_seller{
width: 105px;
margin-right: 18px;
flex-grow: 1;
}
.sellers_with_disc_table .discount_seller{
width: 78px;
margin-right: 20px;
}
.sellers_with_disc_table .headline_table{
min-width: initial;
}
.sellers_with_disc_table .cross{
width: 10px;
}
.container.tbl{
align-items: flex-start;
}
.sellers_with_disc_table .discount_seller span{
font-family: 'Gilroy Semibold', sans-serif;
}
.popup.add_discount{
width: 392px;
max-width: 100%;
max-height: fit-content;
padding: 34px 40px 40px 40px;
}
.popup.add_discount p{
margin-bottom: 4px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.popup.add_discount .wrap{
flex-wrap: nowrap;
align-items: flex-end;
}
.popup.add_discount .inp_wrap{
width: 224px;
margin-right: 20px;
}
.popup.add_discount .wrap .select-search{
width: 66px;
min-width: 66px;
}
.popup.add_discount .page_title{
width: 80%;
}
.popup.add_discount button{
width: 100%;
margin: 0 auto;
}
.popup.history_change{
max-height: 90vh;
}
.history_change p, .history_change .row span.time{
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.history_change .row_list{
background: #FFFFFF;
border: 1px solid #E4EBF6;
box-shadow: 0px 0px 20px rgba(114, 93, 93, 0.1);
border-radius: 6px;
max-height: 269px;
overflow-y: auto;
}
.history_change .row {
padding: 14px 21px;
border-bottom: 1px solid #E4EBF6;
}
.history_change .row span{
font-family: 'Gilroy', sans-serif;
color: #3C434A;
font-size: 12px;
}
.history_change .row span b{
font-family: 'Gilroy Semibold', sans-serif;
}
.history_change .who_change{
width: 73px;
margin-right: 10px;
}
.history_change .when_change{
width: 70px;
margin-right: 14px;
}
.history_change .result_change{
width: 219px;
flex-grow: 1;
}
.history_change .result_change span{
display: inline;
}
.photo_ico{
display: inline-block;
width: 14px;
height: 12px;
margin-right: 5px;
vertical-align: middle;
background-image: url('../images/photo_ico.svg');
background-size: 14px 12px;
background-position: center;
background-repeat: no-repeat;
}
.tabs_box[data-type="color-card"]{
margin: 0;
background: transparent;
}
.tabs_box[data-type="color-card"] .tab{
margin-bottom: 6px;
padding: 7px 10px;
border: 1px solid transparent;
}
.tabs_box[data-type="color-card"] .tab.active{
border-color: #F5A32A;
border-radius: 61px;
background: #fff;
}
.tabs_box[data-type="color-card"] .tab span{
width: 10px;
height: 10px;
margin-right: 4px;
border-radius: 50%;
}
.tabs_box[data-type="color-card"] .tab p{
font-family: 'Gilroy', sans-serif;
line-height: 1;
}
.tabs_box[data-type="color-card"] .tab.active p{
color: #3C434A;
background: transparent;
}
.size_wrap .tab_container.active{
display: flex;
justify-content: flex-start;
}
/* Slider */
.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{
outline: none;
}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after{
display: table;
content: '';
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider-nav{
width: 60px;
height: 300px;
margin-right: 20px;
overflow-y: hidden;
position: relative;
}
.slider-nav:after{
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 71.35%);
}
.wrap-slider-for{
position: relative;
}
.slider-for{
width: 200px;
}
.slider-nav img{
width: 60px;
height: 90px;
margin-bottom: 10px;
}
.slider-for img{
width: 200px;
height: 300px;
}
.custom-arrow{
width: 100%;
padding: 0 5px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.btn-juliet{
width: 16px;
height: 16px;
background: rgba(255,255,255,0.6);
border-radius: 6px;
border: none;
position: relative;
cursor: pointer;
}
.btn-juliet .fa{
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 16px;
height: 16px;
background-image: url('../images/angle_grey_ico.svg');
background-size: 5px 10px;
background-repeat: no-repeat;
background-position: center;
}
.btn-juliet .fa.fa-right{
transform: rotate(180deg);
}
/*EDIT PAGE*/
.edit_product .del_wrap .close{
position: relative;
display: inline-block;
margin-right: 8px;
}
.edit_product .del_wrap{
margin-left: 21px;
}
.edit_description{
width: 428px;
margin: 0 18px 20px 0;
padding: 18px 21px 21px 21px;
}
.edit_description p{
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.edit_description .tabs_box{
margin-top: 5px;
}
.edit_description .tab_container p{
color: #3C434A;
font-size: 14px;
font-family: 'Gilroy', sans-serif;
}
.edit_characteristics .box_shadow{
width: 870px;
}
.box_shadow.card_item{
padding-top: 13px;
margin-bottom: 20px;
position: relative;
}
.box_shadow.card_item .close{
top: 21px;
right: 21px;
position: absolute;
}
.box_shadow.general_change{
padding: 17px 0 24px;
margin-bottom: 15px;
}
.edit_characteristics>.page_subtitle{
margin-bottom: 15px;
display: inline-block;
}
.edit_characteristics .row{
margin-bottom: 17px;
padding-left: 21px;
padding-right: 21px;
}
.edit_characteristics .card_item .row.flx{
justify-content: flex-start;
}
.edit_characteristics .inp_wrap{
width: 149px;
margin-right: 18px;
}
.edit_characteristics .right .inp_wrap{
width: 48%;
margin-right: 0;
}
.edit_characteristics input{
margin-bottom: 0;
}
.edit_characteristics .inp_wrap .select-search{
min-width: 100px;
}
.edit_characteristics .select-search{
margin-bottom: 0;
}
.edit_characteristics .inp_wrap:last-child{
margin-right: 0;
}
.edit_characteristics .inp_wrap.color{
width: 262px;
max-width: 100%;
}
.edit_characteristics p{
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
.edit_characteristics .category_prod{
width: 100%;
}
.checkbox_wrap{
justify-content: flex-start;
margin-top: 4px;
}
.custom-checkbox{
margin-right: 20px;
}
.custom-checkbox input+span+span{
color: #ADB8C6;
vertical-align: text-top;
}
.custom-checkbox input:checked+span+span{
color: #3C434A;
}
.checkbox_wrap .size_card{
justify-content: flex-start;
margin-right: 20px;
margin-bottom: 6px;
}
.checkbox_wrap .size_card>input{
min-width: 64px;
width: 64px;
margin-left: 10px;
display: none;
}
.checkbox_wrap .size_card .custom-checkbox{
margin-right: 0;
}
.checkbox_wrap .size_card .custom-checkbox.active+input{
display: block;
}
.edit_characteristics .image_wrap{
justify-content: flex-start;
margin-top: 5px;
margin-bottom: 20px;
}
.edit_characteristics .image_wrap p{
width: 224px;
font-family: 'Gilroy Medium', sans-serif;
}
.edit_characteristics .image_wrap .item{
width: 60px;
height: 60px;
margin: 0 10px 8px 0;
border-radius: 6px;
position: relative;
cursor: pointer;
}
.edit_characteristics .image_wrap .item.add_img{
margin-right: 20px;
background: #F9FAFC;
border: 1px solid #E4EBF6;
}
.edit_characteristics .image_wrap .item.add_img .plus{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.edit_characteristics .image_wrap .item.has_img span{
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 20px;
border-radius: 6px 0 6px 0;
text-align: center;
line-height: 20px;
color: #fff;
font-size: 12px;
background: rgba(59, 81, 108, 0.3);
}
.edit_characteristics .image_wrap .item img{
width: 100%;
height: 100%;
border-radius: 6px;
}
.edit_characteristics .row.price_box{
padding-top: 15px;
padding-bottom: 21px;
background: #F9FAFC;
border-top: 1px solid #E4EBF6;
border-radius: 0 0 6px 6px;
}
.edit_characteristics .row.price_box .page_subtitle{
margin-right: 20px;
}
.edit_characteristics .row.price_box .inp_cont{
flex-wrap: nowrap;
margin-top: 8px;
}
.edit_characteristics .row.price_box .wrap{
align-items: flex-end;
flex-wrap: nowrap;
}
.edit_characteristics .row.price_box .inp_wrap{
width: 160px;
}
.edit_characteristics .row.price_box .wrap .inp_wrap{
width: 83px;
}
.edit_characteristics .row.price_box .wrap .select-search{
width: 66px;
min-width: 66px;
}
.slider_wrap{
margin-bottom: 25px;
}
.view_wrap{
margin-bottom: 20px;
cursor: pointer;
}
.view_wrap a{
font-family: 'Gilroy Medium', sans-serif;
font-size: 12px;
}
.view{
display: inline-block;
width: 12px;
height: 9px;
margin-right: 8px;
vertical-align: middle;
background-image: url('../images/view_ico.svg');
background-size: 12px 9px;
background-position: center;
background-repeat: no-repeat;
}
.edit_characteristics .row:last-child{
margin-bottom: 0;
}
.edit_characteristics .view_wrap+.btn{
font-size: 12px;
}
.btn.add_color{
padding: 6px 14px 7px 14px;
}
.btn.add_color span{
font-size: 12px;
font-family: 'Gilroy Medium', sans-serif;
}
/*NEW SELLER*/
.info_seller_form, .discount_seller_form, .balance_seller_form{
width: 49%;
max-width: 100%;
margin-bottom: 20px;
background: #FFFFFF;
border: 1px solid #E4EBF6;
box-shadow: 0px 0px 20px rgba(114, 93, 93, 0.1);
border-radius: 6px;
}
.info_seller_form .top{
padding: 16px 21px;
border-bottom: 1px solid #E4EBF6;
}
.info_seller_form .middle{
padding: 13px 21px;
background: rgba(249, 250, 252, 0.5);
border-bottom: 1px solid #E4EBF6;
}
.new_seller .inp_wrap{
width: 48%;
margin-right: 15px;
position: relative;
}
.new_seller div[data-id="actions_box"] svg{
vertical-align: middle;
}
.new_seller .row .inp_wrap:last-child{
margin-right: 0;
}
.new_seller .inp_wrap .show_pass{
bottom: 17px;
}
.info_seller_form .inp_wrap input{
margin-bottom: 10px;
}
.inp_wrap p, .info_seller_form p{
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.info_seller_form p span{
color: #E63757;
font-size: 14px;
}
.info_seller_form .bot{
padding: 12px 21px 15px 21px;
}
.container.tbl_box{
align-items: flex-start;
}
.discount_seller_form .top_table{
padding: 16px 21px;
border-bottom: 1px solid #E4EBF6;
}
.discount_seller_form .discount_to{
padding: 15px 21px 21px 21px;
background: rgba(249, 250, 252, 0.5);
border-bottom: 1px solid #E4EBF6;
display: none;
}
.discount_seller_form .discount_to .inp_wrap{
margin-bottom: 10px;
}
.discount_seller_form .discount_to .inp_wrap:last-child{
margin-bottom: 0;
}
.discount_seller_form .discount_to .checkbox_wrap{
flex-direction: row;
margin-top: 8px;
}
.discount_seller_form .discount_to .checkbox_wrap .custom-checkbox{
margin-right: 17px;
white-space: nowrap;
}
.discount_seller_form .discount_to.active{
display: block;
}
.discount_seller_form .discount_to .row{
padding: 0;
border-bottom: none;
align-items: flex-start;
}
.discount_seller_form .row .wrap_disc{
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
}
.discount_seller_form .row .wrap_disc .btn{
padding: 9px 12px;
margin-right: 0;
flex-grow: 1;
}
.discount_seller_form .wrap_disc input{
width: 111px;
margin: 0 10px 0 0;
}
.discount_seller_form .select-search{
margin-bottom: 0;
}
.discount_seller_form .wrap_disc .select-search{
min-width: 66px;
width: 66px;
margin-right: 10px;
}
.discount_seller_form .top{
margin-bottom: 8px;
}
.discount_seller_form .close{
position: relative;
}
.discount_seller_form .btn{
padding: 5px 13px;
margin-right: 10px;
}
.discount_seller_form .btn:last-child{
margin-right: 0;
}
.discount_seller_form .btn span{
font-size: 12px;
line-height: 1;
}
.plus_light{
display: inline-block;
width: 12px;
height: 12px;
margin-right: 8px;
vertical-align: middle;
background-image: url('../images/plus_light_ico.svg');
background-size: 12px 12px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
}
.new_seller .actions_cont{
margin-left: 10px;
}
.new_seller .del_wrap{
flex-wrap: nowrap;
margin-left: 21px;
}
.new_seller .del_wrap .close{
position: relative;
display: inline-block;
margin-right: 8px;
margin-bottom: 5px;
}
.new_seller .del_wrap span{
white-space: nowrap;
}
.balance_seller_form{
padding: 16px 21px;
margin-bottom: 20px;
}
.balance_seller_form .btn{
padding: 6px 14px 5px;
}
.balance_seller_form .page_subtitle span{
font-family: 'Gilroy Semibold', sans-serif;
font-size: 20px;
}
.discount_seller_form .product_category{
width: 335px;
margin-right: 40px;
flex-grow: 1;
}
.discount_seller_form .cross{
width: 10px;
}
.discount_seller_form .discount{
width: 81px;
margin-right: 30px;
}
.discount_seller_form .headline_table{
min-width: initial;
border-top: none;
padding-top: 10px;
padding-bottom: 8px;
}
.discount_seller_form .row_list span{
font-family: 'Gilroy Medium', sans-serif;
}
.discount_seller_form .discount_to .row:hover{
background: transparent;
}
.discount_seller_form .row_list span span:last-child{
font-family: 'Gilroy', sans-serif;
}
/*ALL CATEGORY*/
.all_category .row{
min-height: 48px;
padding-top: 10px;
padding-bottom: 10px;
}
.all_category .close{
position: relative;
display: inline-block;
vertical-align: baseline;
margin-right: 8px;
}
.all_category .custom-checkbox{
margin-right: 20px;
}
.all_category .wrap_action{
margin-right: 10px;
}
.all_category .category_product{
width: 350px;
margin-right: 20px;
flex-grow: 1;
}
.all_category .sorting_order{
width: 100px;
margin-right: 58px;
}
.all_category .quantity_product{
width: 100px;
margin-right: 52px;
}
.all_category .sellers_with_discount{
width: 83px;
margin-right: 20px;
}
.all_category .btn_wrap{
width: 144px;
}
.all_category .headline_table{
min-width: initial;
}
.all_category .category_product span{
color: #ADB8C6;
position: relative;
padding-right: 15px;
margin-right: 7px;
}
.all_category .category_product span:after{
position: absolute;
content: '';
top: calc(50% - 6px);
right: 0;
width: 5px;
height: 12px;
background-image: url('../images/angle_grey_ico.svg');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform: rotate(180deg);
}
.all_category .category_product span:last-child{
font-family: 'Gilroy Semibold', sans-serif;
color: #3C434A;
}
.all_category .category_product span:last-child:after{
background-image: none;
}
.btn.add_product{
display: none;
padding: 3px 9px;
}
.row:hover .btn.add_product{
display: inline-block;
}
.btn.add_product span{
font-size: 12px;
}
.popup.add_category{
width: 392px;
max-width: 100%;
padding: 33px 40px;
}
.popup.add_category .btn{
width: 100%;
}
/*SINGLE CATEGORY*/
.single_category .del_wrap{
margin-left: 20px;
}
.product_in_category{
width: 870px;
margin-bottom: 20px;
}
.product_in_category .headline_table{
min-width: initial;
border-top: none;
padding-top: 10px;
padding-bottom: 8px;
border-radius: 6px 6px 0 0;
}
.product_in_category .custom-checkbox{
margin-right: 20px;
}
.product_in_category .image_product{
width: 60px;
margin-right: 20px;
}
.product_in_category .name_product{
width: 175px;
margin-right: 28px;
flex-grow: 1;
}
.product_in_category .name_product span{
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.product_in_category .code_product{
width: 73px;
margin-right: 30px;
}
.product_in_category .season_product{
width: 100px;
margin-right: 30px;
}
.product_in_category .price_product{
width: 230px;
margin-right: 23px;
}
.product_in_category img{
width: 60px;
height: 70px;
border-radius: 6px;
}
.popup.add_product_to_category{
max-height: 400px;
}
.popup.add_product_to_category .filters_box{
width: 239px;
max-width: 100%;
padding: 30px 10px 10px 10px;
margin-right: 20px;
background: transparent;
}
.popup.add_product_to_category .add_item_wrap{
background: transparent;
align-items: flex-start;
flex-wrap: nowrap;
position: relative;
}
.popup.add_product_to_category .add_item_wrap .inp_wrap{
width: 100%;
}
.popup.add_product_to_category .add_product_table{
overflow-x: auto;
border-radius: 6px;
position: relative;
}
.popup.add_product_to_category .headline_table{
min-width: initial;
border-top: none;
padding-top: 10px;
padding-bottom: 8px;
border-radius: 6px 6px 0 0;
}
.popup.add_product_to_category .row_list{
max-height: 270px;
overflow-y: auto;
}
.add_product_to_category .code_prod{
width: 53px;
margin-right: 20px;
}
.add_product_to_category .name_prod{
width: 200px;
margin-right: 40px;
flex-grow: 1;
}
.add_product_to_category .name_prod span{
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.add_product_to_category .price_prod{
width: 90px;
margin-right: 20px;
}
.add_product_to_category .btn_wrap{
width: 130px;
text-align: right;
}
.popup.add_product_to_category .row{
padding: 10px 19px;
min-height: 48px;
}
.popup.add_product_to_category .row.added .add_product{
display: none;
}
.popup.add_product_to_category .row.added span{
color: #17B268;
}
.popup.add_product_to_category .row.added .add_product span{
color: #fff;
}
.popup.add_product_to_category .status{
display: none;
}
.popup.add_product_to_category .row.added .status{
display: inline-block;
}
.popup.add_product_to_category .row.added .delete .close+span{
color: #E63757;
font-size: 12px;
vertical-align: middle;
}
.popup.add_product_to_category .row .delete{
display: none;
}
.popup.add_product_to_category .row.added .delete .close{
position: relative;
display: inline-block;
}
.popup.add_product_to_category .row.added:hover .delete{
display: block;
}
.popup.add_product_to_category .row.added:hover .status{
display: none;
}
.popup.delete_category{
width: 460px;
max-width: 100%;
padding: 34px 40px 41px 40px;
}
.popup.delete_category .page_title{
width: 400px;
max-width: 98%;
margin-bottom: 30px;
line-height: 1.1;
}
.popup.delete_category .btn{
width: 100%;
margin-bottom: 19px;
z-index: 500;
position: relative;
}
.popup.delete_category .btn:last-child{
margin-bottom: 0;
}
.popup.edit_category{
width: 392px;
max-width: 100%;
padding: 34px 40px 41px 40px;
}
.popup.edit_category .btn{
width: 100%;
}
/*SINGLE ORDER*/
.single_order .row:last-child{
border-bottom: none;
}
.single_order .btn{
margin-right: 11px;
}
.single_order .btn:last-child{
margin-right: 0;
}
.single_order .actions_box p{
margin-right: 19px;
color: #fff;
white-space: nowrap;
}
.single_order .actions_btn{
margin-right: 0;
}
.single_order .actions_cont{
margin-right: 11px;
}
.single_order .close{
display: inline-block;
position: relative;
margin-right: 8px;
}
.info_single_order{
width: 320px;
margin: 0 20px 20px 0;
}
.single_order .box_shadow .top{
padding: 17px 21px 0 21px;
}
.single_order .row{
padding: 16px 21px;
flex-wrap: nowrap;
justify-content: flex-start;
border-bottom: 1px solid #E4EBF6;
}
.info_single_order .row:nth-child(odd) {
background: rgba(249, 250, 252, 0.5);
}
.info_single_order .row .page_subtitle{
margin-bottom: 8px;
}
.info_single_order .declaration_info .menu_drop{
right: -15px;
}
.single_order .item{
margin-bottom: 7px;
flex-wrap: nowrap;
align-items: flex-start;
}
.single_order .item:last-child{
margin-bottom: 0;
}
.single_order .row .name{
width: 160px;
min-width: 160px;
margin-right: 7px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.info_single_order .row.order .name{
width: 120px;
min-width: 120px;
}
.info_single_order .row svg.pencil{
display: block;
top: 2px;
right: -15px;
}
.info_single_order .row.order .item{
justify-content: flex-start;
}
.info_single_order .status.red{
margin-top: 5px;
background: rgba(230,55,87,0.1);
color: #E63757;
border-radius: 3px;
display: inline-block;
}
.products_in_order{
width: 530px;
margin: 0 20px 20px 0;
}
.products_in_order .page_subtitle span{
color: #ADB8C6;
display: inline-block;
font-size: inherit;
}
.products_in_order .row{
justify-content: flex-start;
}
.products_in_order img{
width: 60px;
height: 90px;
margin-right: 20px;
border-radius: 6px;
}
.products_in_order .item span{
display: block;
}
.products_in_order .item span:nth-child(2){
margin-bottom: 7px;
}
.single_order .tbl{
align-items: flex-start;
justify-content: flex-start;
}
.delivery_info_order{
width: 428px;
}
.delivery_info_order .page_subtitle{
margin-bottom: 8px;
}
.delivery_info_order .row .name{
width: 100px;
min-width: 100px;
margin-right: 10px;
}
.delivery_info_order .item{
justify-content: flex-start;
}
.delivery_info_order .row:nth-child(even) {
background: rgba(249, 250, 252, 0.5);
}
.delivery_info_order a{
font-family: 'Gilroy Medium', sans-serif;
}
/*ALL CLIENTS*/
.all_clients .del_wrap{
margin: 0 5px 0 15px;
}
.del_wrap{
display: none;
}
.wrap_action.active+.del_wrap{
display: block;
}
.all_clients .del_wrap .close{
position: relative;
margin-right: 8px;
}
.all_clients .id_client{
width: 71px;
margin-right: 20px;
}
.all_clients .full_name_client{
width: 204px;
margin-right: 40px;
}
.all_clients .contacts_client{
width: 107px;
margin-right: 40px;
}
.all_clients .city_client{
width: 241px;
margin-right: 40px;
}
.all_clients .change_client{
width: 108px;
margin-right: 40px;
}
.all_clients .adds_client{
width: 123px;
margin-right: 40px;
}
.all_clients .who_adds_client{
width: 172px;
}
.all_clients .contacts_client a{
font-family: 'Gilroy Medium', sans-serif;
}
.all_clients .row_list span{
display: block;
}
.all_clients .who_adds_client a{
font-family: 'Gilroy Medium', sans-serif;
}
/*SINGLE CLIENT*/
.info_single_client{
width: 320px;
margin: 0 20px 20px 0;
}
.info_single_client .row{
padding: 16px 21px;
flex-wrap: nowrap;
border-bottom: 1px solid #E4EBF6;
}
.info_single_client .row:last-child{
border-bottom: none;
}
.info_single_client .row .item{
margin-bottom: 6px;
justify-content: flex-start;
flex-wrap: nowrap;
align-items: flex-start;
}
.info_single_client .item .name{
width: 108px;
min-width: 108px;
margin-right: 20px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.info_single_client .page_subtitle{
margin-bottom: 8px;
display: block;
}
.info_single_client .row:nth-child(even){
background: rgba(249, 250, 252, 0.5);
}
.orders_client{
width: 978px;
}
.orders_client .top_table{
padding: 16px 21px;
}
.orders_client .headline_table{
min-width: 976px;
}
.orders_client .order_number{
width: 72px;
margin-right: 20px;
}
.orders_client .declaration_info{
width: 125px;
margin-right: 30px;
}
.orders_client .order_status_info{
width: 78px;
margin-right: 25px;
text-align: center;
}
.orders_client .payment_info{
width: 173px;
margin-right: 20px;
}
.orders_client .delivery_status_info{
width: 100px;
margin-right: 24px;
text-align: center;
}
.orders_client .payment_info span{
font-family: 'Gilroy Medium', sans-serif;
}
.orders_client .order_info{
width: 268px;
}
.orders_client .row span:not(span.status){
display: block;
}
.orders_client .row_list{
min-width: 976px;
}
.orders_client .row.attention .order_info span, .orders_client .row.attention .payment_info span,.orders_client .row.attention .declaration_info span{
color: #ADB8C6;
}
.orders_client .row.attention .declaration_info p{
color: #E63757;
}
/*NEW CLIENT*/
.form_client{
width: 100%;
padding: 19px 21px;
}
.form_client .inp_wrap{
width: 24%;
}
.form_client .row p span{
color: #E63757;
font-size: 14px;
}
.form_client .inp_wrap.warehouse{
width: 49.2%;
}
.form_client .select-search{
min-width: 100%;
}
/*CALCULATIONS SELLERS*/
.calculations_sellers .actions_btn{
margin-right: 0;
}
.calculations_sellers .filters_box{
border-top-right-radius: 0px;
}
.calculations_sellers .filters_box .wrap_radiobutton{
justify-content: flex-end;
}
.filters_box .custom-radiobutton{
margin-right: 7px;
}
.filters_box .custom-radiobutton:last-child{
margin-right: 0;
}
.table_calculations_sellers .headline_table{
padding: 9px 21px 10px;
min-width: initial;
justify-content: space-between;
}
.table_calculations_sellers .id_seller{
width: 50px;
margin-right: 15px;
}
.table_calculations_sellers .login_phone_seller{
width: 122px;
margin-right: 20px;
}
.table_calculations_sellers .full_name_seller{
width: 160px;
margin-right: 15px;
flex-grow: 1;
}
.table_calculations_sellers .last_visit_seller{
width: 121px;
margin-right: 15px;
}
.table_calculations_sellers .calculations{
width: 180px;
margin-right: 30px;
}
.table_calculations_sellers .row{
justify-content: space-between;
}
.table_calculations_sellers .request_seller{
width: 124px;
}
.table_calculations_sellers .row .request_seller{
flex-direction: row;
justify-content: flex-start;
align-items: baseline;
}
.table_calculations_sellers span{
display: block;
}
.table_calculations_sellers .request_seller .notice_wrap{
position: relative;
}
.notice_ico{
position: relative;
margin-right: 10px;
width: 16px;
height: 19px;
background-image: url(../images/notice_ico.svg);
background-size: 16px 19px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
vertical-align: text-bottom;
}
.table_calculations_sellers .row .request_seller span{
display: inline-block;
}
.table_calculations_sellers .notice_wrap:hover .menu_drop{
display: block;
right: 18px;
top: 32px;
}
.table_calculations_sellers .request_seller .dropdown{
width: 224px;
padding: 21px;
}
.table_calculations_sellers .request_seller .dropdown span{
margin-bottom: 8px;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
}
/*PAYMENTS GENERAL OPEN*/
.payments_general .payment_wrap{
background-color: #fff;
padding-left: 15px;
justify-content: flex-start;
border-radius: 42px;
}
.payments_general .payment_wrap>span{
margin-right: 10px;
font-size: 12px;
color: #ADB8C6;
}
.payments_general .payment_wrap .item_wrap{
margin: -3px 0;
padding: 3px;
background: #212427;
border-radius: 80px;
}
.payments_general .payment_wrap .item_wrap .item{
margin-right: 0;
border: none;
padding: 9px 19px 8px;
font-size: 14px;
font-family: 'Gilroy Medium', sans-serif;
color: #ADB8C6;
background: transparent;
cursor: pointer;
}
.payments_general .payment_wrap .item_wrap .item.active{
font-family: 'Gilroy Semibold', sans-serif;
color: #fff;
background: #F5A32A;
}
.payments_general .request_wrap{
margin-right: 20px;
background: #fff;
border-radius: 10px;
align-items: baseline;
}
.payments_general .notice_wrap{
padding: 12px 21px;
border-right: 1px solid #E4EBF6;
}
.payments_general .notice_wrap>span, .payments_general .request_wrap>span{
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
cursor: inherit;
}
.payments_general .calculate_everything{
display: none;
}
.payments_general .calculate_everything.active{
display: flex;
}
.payments_general .wrap_action .btn{
margin-left: 16px;
}
.payments_general .request_wrap>span{
padding: 13px 21px;
}
.payments_general .wrap_pay span{
padding: 5px 14px 4px;
font-family: 'Gilroy Medium';
color: #ADB8C6;
}
.payments_general .custom-checkbox{
margin-right: 0;
}
.payments_general .search_box .select-search{
width: 225px;
}
.payments_general .wrap_pay span:first-child{
border-right: 1px solid #E4EBF6;
padding-left: 0;
}
.payments_general .id_ttn{
width: 135px;
margin-right: 30px;
}
.payments_general .client_info{
width: 147px;
margin-right: 30px;
}
.payments_general .date_change_info{
width: 78px;
margin-right: 50px;
}
.payments_general .status_info{
width: 84px;
margin-right: 50px;
text-align: center;
}
.payments_general .drop_price_info{
width: 101px;
margin-right: 40px;
}
.payments_general .delivery_status_info{
width: 83px;
margin-right: 30px;
text-align: center;
}
.payments_general .calculations_info{
width: 162px;
margin-right: 37px;
}
.payments_general .documents_info, .payments_general .row .documents_info{
width: 185px;
margin-right: 30px;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
.payments_general .documents_info .custom-checkbox{
margin-right: 0;
}
.payments_general .icon_wrap{
width: 12px;
position: relative;
}
.payments_general .client_info a{
font-family: 'Gilroy', sans-serif;
}
.payments_general .icon_wrap svg{
display: block;
}
.payments_general .icon_wrap .menu_drop{
top: 23px;
min-width: 420px;
max-width: 100%;
}
.payments_general .row:nth-last-child(-n+2) .icon_wrap .menu_drop{
top: initial;
bottom: -23px;
right: 25px;
}
.payments_general .row:nth-last-child(-n+2) .menu_drop .dropdown:before{
transform: rotate(180deg);
bottom: 17px;
right: -11px;
}
.payments_general .row:nth-last-child(-n+2) .menu_drop .dropdown:after{
transform: rotate(180deg);
bottom: 17px;
right: -13px;
}
.payments_general .icon_wrap .dropdown .row{
flex-direction: row;
}
.payments_general .icon_wrap .dropdown .row:hover{
background: transparent;
}
.payments_general .icon_wrap .dropdown .left{
width: 151px;
margin-right: 11px;
}
.payments_general .icon_wrap .dropdown .checkbox.flx{
margin-top: 2px;
flex-direction: row;
align-items: baseline;
}
.payments_general .icon_wrap .dropdown .right>span{
margin-top: 2px;
font-size: 12px;
color: #ADB8C6;
}
.payments_general .icon_wrap .dropdown .checkbox.flx span{
color: #3C434A;
font-size: 12px;
}
.popup.calculate{
width: 392px;
max-height: inherit;
padding: 40px;
}
.popup.calculate span.page_title{
margin-right: 0;
}
.popup_box[data-id="calculate_checked"] span.page_title{
margin-bottom: 5px;
}
.popup.calculate .wrap .inp_wrap{
width: 145px;
margin-right: 19px;
}
.popup.calculate .wrap .inp_wrap:last-child{
margin-right: 0;
}
.popup.calculate .wrap .inp_wrap.pick_up input{
color: #17B268;
font-family: 'Gilroy Semibold', sans-serif;
}
.popup.calculate .wrap .inp_wrap.give_away input{
color: #E63757;
font-family: 'Gilroy Semibold', sans-serif;
}
.popup.calculate .amount_payment{
font-size: 27px;
font-family: 'Gilroy Bold', sans-serif;
}
.popup.calculate .info_grey{
vertical-align: middle;
}
.popup.calculate .inp_wrap.textarea{
margin-bottom: 19px;
}
.popup.calculate .inp_wrap.payment{
margin-bottom: 8px;
}
.popup.calculate button{
width: 100%;
}
.popup.calculate .qty_orders{
margin-bottom: 21px;
font-size: 12px;
color: #8492A6;
font-family: 'Gilroy Semibold', sans-serif;
}
.popup.calculate .qty_orders span{
font-family: 'Gilroy Semibold', sans-serif;
color: #fff;
}
.payments_general.сalculated .table_body .row{
background: #F9FAFC;
}
.payments_general.сalculated .calculations_info p, .payments_general.сalculated .documents_info span{
color: #ADB8C6;
}
.payments_general.to_privatbank .id_ttn{
width: 147px;
margin-right: 50px;
}
.payments_general.to_privatbank .client_info{
width: 179px;
margin-right: 40px;
}
.payments_general.to_privatbank .date_change_info{
width: 80px;
margin-right: 120px;
}
.payments_general.to_privatbank .status_info{
width: 90px;
margin-right: 135px;
}
.payments_general.to_privatbank .drop_price_info{
width: 110px;
margin-right: 120px;
}
.payments_general.to_privatbank .delivery_status_info{
width: 86px;
}
.payments_general.to_privatbank .actions_btn{
margin-right: 0;
}
.payments_general.to_privatbank .filters_box{
border-top-right-radius: 0;
}
.payments_general.to_privatbank .row.success .drop_price_info span{
font-family: 'Gilroy Semibold', sans-serif;
color: #17B268;
}
.payments_general.to_privatbank .row.unknown{
background: #F9FAFC;
}
.payments_general.in_process .headline_table{
min-width: initial;
justify-content: space-between;
}
.payments_general.in_process .row{
justify-content: space-between;
}
.payments_general.in_process .id_ttn{
width: 120px;
margin-right: 10px;
}
.payments_general.in_process .client_info{
width: 179px;
margin-right: 15px;
}
.payments_general.in_process .date_change_info{
width: 80px;
margin-right: 15px;
}
.payments_general.in_process .status_info{
width: 90px;
margin-right: 15px;
}
.payments_general.in_process .drop_price_info{
width: 110px;
margin-right: 15px;
}
.payments_general.in_process .delivery_status_info{
width: 86px;
margin-right: 0;
}
/*ALL USERS*/
.table_all_users span{
display: block;
}
.table_all_users .headline_table{
min-width: initial;
}
.table_all_users .id_user{
width: 50px;
margin-right: 15px;
}
.table_all_users .login_phone_user{
width: 119px;
margin-right: 10px;
}
.table_all_users .full_name_user{
width: 205px;
margin-right: 15px;
flex-grow: 1;
}
.table_all_users .role_user{
width: 160px;
margin-right: 10px;
}
.table_all_users .active_user{
width: 75px;
margin-right: 15px;
}
.table_all_users .icon_wrap_sel{
width: 79px;
}
.table_all_users .id_seller span{
font-family: 'Gilroy Semibold', sans-serif;
}
.table_all_users .row .icon_wrap_sel{
flex-wrap: nowrap;
flex-direction: row;
}
.table_all_users .icon_wrap_sel .close{
position: relative;
margin-top: 2px;
}
.table_all_users.table_body .row svg{
display: initial;
}
.table_all_users .row a.edit_ico:hover{
border-bottom: 1px solid transparent;
}
.table_all_users .row.block .login_phone_user span{
color: #3C434A;
}
/*NEW USER*/
.new_edit_user .box_shadow{
width: 48%;
margin: 0 18px 20px 0;
}
.new_edit_user .box_shadow:last-child{
margin-right: 0;
}
.info_user_form .top{
padding: 16px 21px;
border-bottom: 1px solid #E4EBF6;
}
.info_user_form .middle{
padding: 13px 21px;
background: rgba(249, 250, 252, 0.5);
border-bottom: 1px solid #E4EBF6;
}
.info_user_form .bot {
padding: 12px 21px 15px 21px;
}
.new_edit_user .inp_wrap {
width: 48%;
margin-right: 15px;
position: relative;
}
.new_edit_user .row .inp_wrap:last-child{
margin-right: 0;
}
.info_user_form p.necessary{
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Medium', sans-serif;
}
.info_user_form p span {
color: #E63757;
font-size: 14px;
}
.info_user_form .inp_wrap .show_pass {
bottom: 17px;
}
.info_user_form .inp_wrap input{
margin-bottom: 10px;
}
.new_edit_user .inp_wrap.email{
width: 100%;
margin-right: 0;
}
.roles_user .top{
padding: 16px 21px;
border-bottom: 1px solid #E4EBF6;
}
.roles_user_form .inp_wrap{
margin-right: 0;
}
.roles_user_form .inp_wrap .select-search{
margin-bottom: 0;
}
.roles_user_form .top{
padding: 11px 21px 10px;
border-bottom: 1px solid #E4EBF6;
}
.roles_user_form .row_list{
padding: 12px 0 15px;
}
.roles_user_form .row_list .row{
padding: 15px 21px 15px 41px;
border-bottom: 1px solid #E4EBF6;
}
.roles_user_form .row_list .row:last-child{
border-bottom: none;
}
.roles_user_form .row>span{
margin-bottom: 16px;
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
}
.roles_user_form .custom-checkbox input+span+span {
color: #3C434A;
vertical-align: text-top;
font-family: 'Gilroy', sans-serif;
white-space: break-spaces;
}
.roles_user_form .custom-checkbox input:checked+span+span {
font-family: 'Gilroy Semibold', sans-serif;
}
.roles_user_form .role{
justify-content: flex-start;
}
.roles_user_form .role:last-child{
margin-bottom: 0;
}
.roles_user_form .role .custom-checkbox{
margin-right: 30px;
margin-bottom: 8px;
white-space: nowrap;
}
.roles_user_form .role .custom-checkbox:last-child{
margin-right: 0;
}
.roles_user_form .row_list .row:nth-child(odd){
background: rgba(249, 250, 252, 0.5);
}
.roles_user_form .row_list>.page_subtitle{
margin: 0 21px;
}
/*SINGLE USER*/
.info_single_user{
width: 320px;
padding: 17px 21px;
margin-bottom: 20px;
margin-right: 20px;
}
.info_single_user .page_subtitle{
margin-bottom: 8px;
}
.table_actions_user .row{
cursor: initial;
}
.info_single_user .row .item {
margin-bottom: 7px;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
.info_single_user .row .item:last-child{
margin-bottom: 0;
}
.info_single_user .item .name {
width: 120px;
min-width: 120px;
margin-right: 8px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.table_actions_user {
width: initial;
flex-grow: 1;
}
.table_actions_user .headline_table{
min-width: initial;
}
.table_actions_user .date_action_info{
width: 119px;
margin-right: 40px;
}
.table_actions_user .action_user_info{
flex-grow: 1;
}
.action_user_info .time{
color: #ADB8C6;
}
/*ALL ROLES*/
.table_all_roles .id_role{
width: 40px;
margin-right: 25px;
}
.table_all_roles .name_role{
width: 150px;
margin-right: 15px;
flex-grow: 1;
}
.table_all_roles .headline_table{
min-width: initial;
}
.table_all_roles .date_of_creation_role{
width: 100px;
margin-right: 87px;
}
.table_all_roles .icon_wrap_role{
width: 45px;
}
.table_all_roles .icon_wrap_role .close {
position: relative;
margin-top: 2px;
}
.table_all_roles .row .icon_wrap_role {
flex-wrap: nowrap;
flex-direction: row;
}
.table_all_roles.table_body .row svg {
display: initial;
}
.table_all_roles .row a.edit_ico:hover {
border-bottom: 1px solid transparent;
}
/*NEW EDIT ROLE*/
.info_role_form{
width: 32%;
margin-right: 10px;
margin-bottom: 20px;
padding: 17px 21px 19px;
}
.info_role_form input{
margin-bottom: 5px;
}
.info_role_form p span {
color: #E63757;
font-size: 14px;
}
.info_role_form .top{
margin-bottom: 7px;
}
.info_role_form .inp_wrap{
width: 100%;
}
.role_actions_form{
width: 66%;
}
.role_actions_form .top{
padding: 18px 21px 15px;
border-bottom: 1px solid #E4EBF6;
}
.role_actions_form .row_list .row {
padding: 15px 21px 8px 41px;
border-bottom: 1px solid #E4EBF6;
}
.role_actions_form .row>span {
margin-bottom: 16px;
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Semibold', sans-serif;
}
.role_actions_form .role {
justify-content: flex-start;
}
.role_actions_form .row_list .row:nth-child(even) {
background: rgba(249, 250, 252, 0.5);
}
.role_actions_form .row_list .row:last-child {
border-bottom: none;
}
.role_actions_form .custom-checkbox{
margin-right: 30px;
margin-bottom: 8px;
white-space: nowrap;
}
.role_actions_form .custom-checkbox:last-child{
margin-right: 0;
}
.role_actions_form .custom-checkbox input+span+span {
color: #3C434A;
vertical-align: text-top;
font-family: 'Gilroy', sans-serif;
white-space: break-spaces;
}
.role_actions_form .custom-checkbox input:checked+span+span {
font-family: 'Gilroy Semibold', sans-serif;
}
/*SINGLE ROLE*/
.info_role_form .row .item {
margin-bottom: 7px;
flex-wrap: nowrap;
align-items: baseline;
justify-content: flex-start;
}
.info_role_form .row .item:last-child{
margin-bottom: 0;
}
.info_role_form .item .name {
width: 110px;
min-width: 110px;
margin-right: 8px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.role_actions_form .role_choose, .role_actions_form .role_disabled {
margin-right: 20px;
margin-bottom: 8px;
white-space: nowrap;
}
.role_actions_form .role_choose:last-child, .role_actions_form .role_disabled:last-child{
margin-right: 0;
}
.role_actions_form .role_choose span:first-child{
width: 12px;
height: 12px;
margin-right: 10px;
background: #F5A32A;
border-radius: 50%;
vertical-align: top;
}
.role_actions_form .role_choose span:last-child{
font-family: 'Gilroy Semibold', sans-serif;
}
.role_actions_form .role span{
white-space: break-spaces;
}
.role_actions_form .role_disabled span:first-child{
width: 12px;
height: 12px;
margin-right: 10px;
border-radius: 50%;
vertical-align: top;
background: #fff;
border: 1px solid #ADB8C6;
}
.role_actions_form .role_disabled span:last-child{
color: #ADB8C6;
vertical-align: text-bottom;
}
.single_role .role_actions_form .row>span {
margin-bottom: 7px;
}
/*ALL SENDERS*/
.all_senders .point{
margin-left: 15px;
}
.all_senders .headline_table{
padding: 10px 21px 8px;
min-width: initial;
}
.all_senders .id_sender{
width: 40px;
margin-right: 25px;
}
.all_senders .fullname_sender{
width: 200px;
margin-right: 20px;
flex-grow: 1;
}
.all_senders .date_of_activity{
width: 174px;
margin-right: 50px;
}
.all_senders .volume_of_sales{
width: 137px;
margin-right: 50px;
}
.all_senders .icon_wrap_sender{
width: 45px;
}
.all_senders .icon_wrap_sender .close {
position: relative;
margin-top: 2px;
}
.all_senders .row .icon_wrap_sender{
flex-wrap: nowrap;
flex-direction: row;
}
.all_senders.table_body .row svg {
display: initial;
}
.all_senders .row a.edit_ico:hover {
border-bottom: 1px solid transparent;
}
.all_senders .volume_of_sales span{
font-family: 'Gilroy Semibol', sans-serif;
color: #ADB8C6;
}
.all_senders .volume_of_sales span.success{
color: #17B268;
}
.all_senders .volume_of_sales span.danger{
color: red;
}
/*NEW SENDER*/
.new_edit_sender .top{
padding: 16px 21px;
border-bottom: 1px solid #E4EBF6;
}
.new_edit_sender .box_shadow{
width: 48%;
margin-right: 18px;
margin-bottom: 20px;
}
.new_edit_sender .box_shadow:last-child{
margin-right: 0;
}
.info_sender_form .row_list{
padding: 12px 21px 15px;
}
p.necessary {
font-size: 12px;
color: #ADB8C6;
font-family: 'Gilroy Medium', sans-serif;
}
.new_edit_sender .inp_wrap {
width: 48%;
margin-right: 15px;
position: relative;
}
.new_edit_sender .inp_wrap:last-child{
margin-right: 0;
}
.new_edit_sender .inp_wrap input{
margin-bottom: 12px;
}
.new_edit_sender p span {
color: #E63757;
font-size: 14px;
}
.new_edit_sender .inp_wrap.email{
width: 100%;
margin-right: 0;
}
.sales_volumes_form .row_list{
padding: 12px 21px 9px;
}
/*SHEDULE SENDERS*/
.senders_list{
width: 428px;
margin-right: 20px;
margin-bottom: 20px;
max-width: 100%;
}
.senders_list .headline_table{
min-width: inherit;
}
.senders_list .id_fullname_sender {
width: 179px;
margin-right: 40px;
}
.senders_list .row .id_fullname_sender{
flex-direction: row;
align-items: center;
}
.senders_list .activity_volume_sender{
width: 167px;
}
.senders_list .id_fullname_sender span a{
font-family: 'Gilroy', sans-serif;
}
.senders_list .id_fullname_sender .custom-checkbox{
margin-right: 4px;
}
.sender_schedule .weeks{
font-family: 'Gilroy Semibold', sans-serif;
color: #8492A6;
font-size: 10px;
letter-spacing: 0.01em;
display: block;
line-height: 1;
}
.senders_list .activity_volume_sender .volume{
font-family: 'Gilroy Semibold', sans-serif;
color: #ADB8C6;
font-size: 18px;
display: block;
}
.senders_list .activity_volume_sender .volume.is{
color: #17B268;
}
.senders_list .row.not_check .activity_volume_sender span{
color: #E0E5EB;
}
.senders_list .row.not_check .id_fullname_sender span, .senders_list .row.not_check .id_fullname_sender span a{
color: #ADB8C6;
}
.sender_schedule .tbl_box{
justify-content: flex-start;
}
.schedule_list{
position: relative;
width: 870px;
overflow-x: auto;
}
.schedule_list .row_list{
display: inline-block;
vertical-align: top;
}
.schedule_list .row{
border-bottom: 1px solid #E4EBF6;
align-items: stretch;
flex-wrap: nowrap;
}
.schedule_list .row:last-child{
border-bottom: none;
}
.schedule_list .box_empty{
width: 49px;
}
.schedule_list .schedule_box{
width: 165px;
padding: 27px 21px;
text-align: center;
border-left: 1px solid #E4EBF6;
}
.schedule_list .date_interval{
width: 49px;
padding: 19px 11px;
text-align: center;
background: #F9FAFC;
}
.schedule_list .row:last-child .date_interval{
border-bottom-left-radius: 6px;
}
.schedule_list .choose_box{
width: 165px;
padding: 18px 20px 15px;
text-align: center;
border-left: 1px solid #E4EBF6;
}
.schedule_list .custom-radiobutton{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.schedule_list .custom-radiobutton input+span{
border: 1px solid #ADB8C6;
}
.custom-radiobutton input:checked+span{
border: 1px solid #F5A32A;
}
.schedule_list .custom-radiobutton input+span+span{
color: #ADB8C6;
}
.schedule_list .custom-radiobutton input:checked+span+span {
color: #F5A32A;
}
/*ALL SUPPLIERS*/
.table_all_suppliers .headline_table{
min-width: initial;
}
.table_all_suppliers .id_supplier{
width: 40px;
margin-right: 25px;
}
.table_all_suppliers .name_supplier{
width: 200px;
flex-grow: 1;
margin-right: 50px;
}
.table_all_suppliers .date_of_creation_supplier{
width: 100px;
margin-right: 87px;
}
.table_all_suppliers .icon_wrap_supplier{
width: 45px;
}
.table_all_suppliers .icon_wrap_supplier .close {
position: relative;
margin-top: 2px;
}
.table_all_suppliers .row .icon_wrap_supplier {
flex-wrap: nowrap;
flex-direction: row;
}
.table_all_suppliers.table_body .row svg {
display: initial;
}
.table_all_suppliers .row a.edit_ico:hover {
border-bottom: 1px solid transparent;
}
/*SINGLE SUPPLIER*/
.info_single_supplier{
width: 320px;
padding: 17px 21px;
margin: 0 20px 20px 0;
}
.info_single_supplier .page_subtitle{
margin-bottom: 8px;
}
.info_single_supplier .row{
cursor: inherit;
}
.info_single_supplier .row .item {
margin-bottom: 7px;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: flex-start;
}
.info_single_supplier .row .item:last-child{
margin-bottom: 0;
}
.info_single_supplier .item .name {
width: 120px;
min-width: 120px;
margin-right: 8px;
color: #ADB8C6;
font-size: 12px;
font-family: 'Gilroy Semibold', sans-serif;
}
.table_actions_supplier {
width: initial;
flex-grow: 1;
position: relative;
overflow-x: hidden;
}
.table_actions_supplier .id_invoice{
width: 47px;
margin-right: 20px;
}
.table_actions_supplier .date_invoice{
width: 117px;
margin-right: 20px;
}
.table_actions_supplier .qty_invoice{
width: 84px;
margin-right: 20px;
}
.table_actions_supplier .sum_invoice{
width: 141px;
margin-right: 20px;
}
.table_actions_supplier .comment_invoice{
width: 200px;
flex-grow: 1;
}
.table_actions_supplier .headline_table{
min-width: initial;
}
.table_actions_supplier .row.invoice .sum_invoice span{
color: #E63757;
}
.table_actions_supplier .row.invoice .comment_invoice span{
color: #ADB8C6;
}
.table_actions_supplier .row .comment_invoice span{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.table_actions_supplier .row.payment .sum_invoice span{
color: #17B268;
}
.table_actions_supplier .row.payment .id_invoice a{
color: #17B268;
}
.table_actions_supplier .row.payment .id_invoice a:hover{
border-bottom: 1px solid #17B268;
}
/*NEW SUPPLIER*/
.new_supplier{
width: 100%;
padding: 20px 21px 12px;
}
.new_supplier .inp_wrap{
width: 48%;
margin-right: 20px;
}
.new_supplier .inp_wrap:last-child{
margin-right: 0;
}
.new_supplier p span {
color: #E63757;
font-size: 14px;
}
.wrap_action.long .actions_box{
display: block;
position: initial;
padding: 0;
background: transparent;
}
.wrap_action.long .actions_box .btn{
margin-right: 4px;
}
.wrap_action.long .actions_box .btn:last-child{
margin-right: 0;
}
.slick-current .small_img_wrapper {
border: 2px solid #f8b130;
}
@media screen and (max-width: 1365px){
.order_form .delivery_form{
order: 2;
}
.table_box .order_form{
justify-content: flex-start;
}
.has_table{
position: relative;
}
.has_table:after{
position: absolute;
content: '';
right: 24px;
top: 0;
height: 100%;
width: 20px;
border-radius: 6px;
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.all_category .has_table:after, .all_sellers .has_table:after{
background: transparent;
}
.new_edit_invoice .has_table:after, .new_order .has_table:after, .calculations_seller .has_table:after{
background: transparent;
}
.payments_general.in_process .has_table:after, .all_roles .has_table:after, .table_all_suppliers .has_table:after{
background: transparent;
}
.add_item_wrap .filters_box{
width: 100%;
border-radius: 6px 6px 0 0;
margin-bottom: 0;
}
.add_item_wrap .filters_box .inp_inner{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
.add_item_wrap .filters_box .inp_wrap{
width: 19%;
}
.add_item_table{
padding: 0;
}
.add_item_table .headline_table{
border-radius: 0;
}
.add_item_table .table_body{
border-radius: 0;
}
.weight_package .wrap .info:hover .menu_drop{
right: initial;
left: 5px;
}
.weight_package .info .menu_drop .dropdown:after{
left: -1px;
right: initial;
transform: rotate(180deg);
}
.weight_package .info .menu_drop .dropdown:before{
left: 0;
right: initial;
transform: rotate(180deg);
}
.info_single_client{
width: 100%;
margin-right: 0;
display: flex;
}
.info_single_client .row{
width: 33%;
}
.info_single_client .item .name{
width: 60px;
min-width: 60px;
}
.orders_client{
width: 100%;
}
.info_single_order{
width: 428px;
}
.products_in_order{
width: 529px;
margin-right: 0;
flex-grow: 1;
}
.product_in_category{
width: 100%;
overflow-x: auto;
}
}
@media screen and (max-width: 1279px){
#burger{
display: flex;
}
nav.menu .item{
display: none
}
header .logo{
border-right: none;
border-left: 1px solid rgba(97, 108, 118, 0.20);
}
.sub_header{
display: none
}
header{
margin-bottom: 15px
}
.side_menu.active{
display: block
}
.filters_table .column{
width: 47%;
}
.filters_table .column:nth-child(2n){
margin-right: 0;
}
.new_order .actions_box{
flex-wrap: wrap;
top: 32px;
}
.new_order .actions_box .btn{
margin: 0 0 6px;
width: 100%;
}
.new_order .actions_box .btn:last-child{
margin-bottom: 0;
}
.add_item_wrap .filters_box .inp_wrap{
width: 24%;
}
.add_item_wrap .filters_box .inp_wrap:first-child{
width: 100%;
}
.new_seller .info_seller_form+.column{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.info_seller_form, .discount_seller_form, .balance_seller_form{
width: 80%;
}
.new_seller .tbl_box{
justify-content: center;
}
.all_senders .has_table:after{
background: transparent;
}
}
@media screen and (max-width: 1024px){
.top_table{
border-radius: 0;
}
.has_table:after{
right: 0;
}
.search_box .choose_seller{
margin-bottom: 6px;
}
.all_orders .pagination{
order: -1;
margin-bottom: 10px;
justify-content: flex-end;
width: 100%;
}
.all_orders .top_table{
flex-direction: column;
}
.table_body .row svg{
display: block;
}
.export .actions_box{
left: 0;
border-radius: 0px 8px 8px 8px;
}
.btn.add_product{
display: inline-block;
}
.all_products.table_box .table_head+.wrap_btn{
align-items: baseline;
}
.all_clients .btn[data-id="filters_box"]{
margin-left: 7px;
}
.all_clients .point{
display: none;
}
.seller_selection .table_head span.page_title{
width: calc(100% - 140px);
}
.seller_selection .table_head+.wrap_btn{
position: absolute;
top: 0;
right: 24px;
min-height: initial;
}
.table_box .order_form{
justify-content: center;
}
.order_form .payment_form{
width: 480px;
}
.order_form .delivery_form{
order: 0;
}
.order_form .box_shadow{
margin-right: 0;
width: 490px;
}
.container.has_table{
padding: 0;
}
.container.has_table .headline_table{
border-radius: 0;
}
.container.has_table .table_body{
border-radius: 0;
}
.single_order .tbl{
justify-content: center;
}
.single_order .box_shadow{
width: 530px;
margin-right: 0;
flex-grow: 0;
}
.form_client .inp_wrap{
width: 49%;
}
.form_client .inp_wrap.warehouse{
width: 100%;
}
.new_edit_user .box_shadow{
width: 100%;
margin-right: 0;
}
.new_edit_sender .box_shadow{
width: 100%;
margin-right: 0;
}
.payments_general .search_box>.flx{
flex-wrap: wrap;
}
.payments_general .search_box .wrap_pay{
width: 100%;
margin-top: 8px;
justify-content: flex-start;
}
.popup.history_change{
width: 90%;
}
.history_change .row_list{
width: 100%;
max-height: 70vh;
}
.single_client .container.tbl{
padding: 0;
}
.info_single_client{
margin: 0 24px 20px;
}
.has_table:after{
border-radius: 0;
}
.discount_seller_form .btn{
padding: 9px 13px 8px;
}
.balance_seller_form .btn{
padding: 9px 13px 8px;
}
.all_senders .date_of_activity{
margin-right: 20px;
}
.all_senders .volume_of_sales{
margin-right: 20px;
}
.adds_product_invoice:after{
position: absolute;
content: '';
right: 0;
top: 0;
height: 100%;
width: 20px;
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.edit_description{
width: 100%;
margin-bottom: 10px;
}
.edit_characteristics{
width: 100%;
}
.edit_characteristics .box_shadow{
width: 100%;
}
.all_category .has_table:after, .new_order .has_table:after, .calculations_seller .has_table:after{
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.popup.add_product_to_category .add_item_wrap{
flex-wrap: wrap;
}
.popup.add_product_to_category .filters_box{
width: 100%;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.popup.add_product_to_category .add_item_wrap .filters_box .inp_wrap{
width: 24%;
}
.popup.add_product_to_category{
max-height: 90vh;
}
.single_invoice .inv_wrap{
flex-wrap: wrap;
}
.inv_wrap .column:first-child{
width: 100%;
margin-right: 0;
}
.info_invoice{
width: 100%;
}
.general_info_invoice .inp_wrap.comment{
width: 100%;
}
.general_info_invoice .inp_wrap.seller{
margin-right: 0;
margin-bottom: 8px;
}
.general_info_invoice .inp_wrap.invoice_id{
width: 14%;
margin-bottom: 8px;
}
.general_info_invoice .inp_wrap.invoice_date{
width: 17%;
margin-bottom: 8px;
}
.adds_product_invoice .headline_table{
min-width: 980px;
}
.adds_product_invoice .row_list{
min-width: 980px;
}
.adds_product_invoice .color_product{
margin-right: 20px;
}
.adds_product_invoice .size_product{
margin-right: 20px;
}
.adds_product_invoice .quantity_product{
margin-right: 20px;
}
.add_item_wrap, .add_item_wrap .filters_box, .container.has_table .add_item_wrap .table_body{
border-radius: 0;
}
.new_edit_invoice .add_item_table .img_prod{
margin-right: 10px;
}
.new_edit_invoice .add_item_table .category_prod{
width: 160px;
margin-right: 15px;
}
.new_edit_invoice .add_item_table .color_prod{
margin-right: 10px;
}
.add_item_table .size_prod{
margin-right: 10px;
}
.add_item_table .color_prod{
margin-right: 10px;
}
.add_item_table .row_list .row{
padding: 5px 18px;
}
.new_edit_invoice .container.inner{
padding: 0;
}
.new_edit_invoice .general_info_invoice{
margin: 0 24px 20px;
}
.adds_product_invoice{
border-radius: 0;
}
}
@media screen and (max-width: 768px){
.large .btn.create{
position: absolute;
top: 0;
right: 20px;
}
.search_box{
width: 100%;
}
.top_table .search_box .choose_seller{
margin-bottom: 6px;
width: 100%;
flex-wrap: wrap;
}
.search_box .choose_seller .select-search{
margin-right: 0
}
.wrap_search{
width: 100%;
}
.wrap_search .search_list_box{
width: 100%
}
.table_box .large .table_head{
width: 100%;
margin-bottom: 8px;
}
.all_orders .table_head .page_title+.flx{
justify-content: center;
width: 100%;
}
.table_head .item{
margin-bottom: 8px;
}
.table_box .large .wrap_btn{
width: 100%;
justify-content: center;
}
.single_order.table_box .large .wrap_btn{
justify-content: space-between;
}
.single_product.table_box .large .wrap_btn{
justify-content: space-between;
}
.table_box .wrap_btn .back{
padding-left: 0;
}
.table_box .point{
display: none;
}
.search_box p{
margin-bottom: 3px;
}
.btn{
font-size: 13px;
}
.btn[data-id="filters_box"]{
margin-left: 8px;
padding-top: 7px;
}
span, p, div, a{
font-size: 13px;
}
.all_category .wrap_action{
margin-right: 0;
}
.quantity{
padding: 0 9px 0 0;
}
.filters_box{
margin-top: -22px;
}
.filters_box .custom-radiobutton input+span+span{
font-size: 12px;
}
.popup{
max-height: 80vh;
}
.popup.list_prod .table_body .row_list{
max-height: 65vh;
}
.del_wrap{
margin-bottom: 8px;
}
.container{
padding: 0 20px;
}
.actions_box{
flex-wrap: wrap;
top: 31px;
}
.new_seller .actions_box{
left: initial;
right: 0;
border-radius: 12px 0 12px 12px;
}
.export .actions_box p{
margin-bottom: 4px;
margin-right: 0;
}
.actions_box .btn:not(.wrap_action.long .actions_box .btn){
margin: 0 0 6px;
width: 100%;
}
.actions_box .btn:last-child{
margin-bottom: 0;
}
span.page_title{
font-size: 20px;
margin-bottom: 16px;
}
.all_senders .btn.create{
margin-left: 8px;
}
.table_box .reverse{
flex-direction: column-reverse;
}
.table_box .reverse.short .wrap_btn{
width: 100%;
justify-content: space-between;
}
.table_box .reverse .table_head{
justify-content: space-between;
width: 100%;
}
.table_box .reverse span.page_title{
width: initial;
margin-bottom: 10px;
}
.table_box .reverse .table_head .btn{
margin-bottom: 10px;
}
.edit_product.table_box .reverse.short span.page_title{
width: initial;
margin-bottom: 10px;
}
.edit_product.table_box .reverse.short .table_head .btn{
margin-bottom: 10px;
}
.table_box .reverse.short .actions_btn{
margin-right: 0;
}
.new_order .reverse.short .actions_btn{
margin-bottom: 10px;
}
.new_order .actions_box{
left: initial;
right: 0;
border-radius: 12px 0 12px 12px;
}
.single_order span.page_title{
margin-bottom: 0;
}
.order_form .box_shadow{
width: 100%;
margin-right: 0;
}
.order_form .column{
width: 100%;
}
.delivery_form .declaration_post .btn {
max-width: 48%;
width: 33%;
min-height: 38px;
display: flex;
align-items: center;
justify-content: center;
}
.popup.delete_ttn .btn{
min-width: 45%;
}
.new_client.table_box .reverse.short span.page_title{
width: 100%;
}
.single_product .wrap_btn>.btn:not(.actions_btn){
width: 27%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.single_product span.page_title{
margin-bottom: 0;
margin-right: 10px;
width: initial;
}
.single_product.table_box .large .table_head{
justify-content: space-between
}
.info_role_form{
width: 100%;
margin-right: 0;
}
.role_actions_form{
width: 100%;
}
.senders_list{
width: 100%;
margin-right: 0;
}
.new_supplier .inp_wrap{
width: 100%;
margin-right: 0;
}
.payments_general .table_head .item{
margin-bottom: 0;
}
.payments_general .search_box .select-search{
width: 100%;
}
.add_item_wrap .filters_box .inp_wrap{
width: 49%;
}
.info_single_client{
flex-wrap: wrap;
margin: 0 20px 20px;
}
.info_single_client .row{
width: 100%;
}
.popup.history_change {
width: 100%;
}
.info_seller_form, .discount_seller_form, .balance_seller_form{
width: 100%;
}
.all_senders .has_table:after, .payments_general.in_process .has_table:after, .all_sellers .has_table:after{
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.single_product .container.tbl{
padding: 0;
}
.about_product{
margin-right: 0;
}
.sellers_with_disc_table{
width: 100%;
}
.box_shadow.card_item .close{
top: 10px;
right: 10px;
}
.edit_characteristics .box_shadow{
padding-top: 20px;
}
.edit_characteristics .row.price_box .inp_cont{
flex-wrap: wrap;
}
.edit_characteristics .row.price_box .page_subtitle{
width: 100%;
margin-right: 0;
}
.edit_characteristics .row.price_box .inp_wrap{
width: 49%;
margin: 0 0 8px;
}
.edit_characteristics .row.price_box .wrap{
width: 49%;
margin-bottom: 8px;
}
.edit_characteristics .row.price_box .wrap .inp_wrap{
margin-bottom: 0;
margin-right: 10px;
flex-grow: 1;
}
.edit_characteristics .left>div{
margin-bottom: 10px;
}
.edit_characteristics .left .checkbox_wrap .custom-checkbox{
margin-bottom: 10px;
}
.edit_characteristics .right{
width: 100%;
}
.all_category .sorting_order{
margin-right: 20px;
}
.all_category .quantity_product{
margin-right: 20px;
}
.product_in_category .headline_table, .info_invoice_table .headline_table{
min-width: 768px;
}
.product_in_category .row_list, .info_invoice_table .row_list{
min-width: 768px;
}
.single_category .container.tbl{
padding: 0;
}
.info_invoice_table{
overflow-x: auto;
}
.inv_wrap .column:first-child{
padding: 0 20px;
}
.single_invoice .inv_wrap{
padding: 0;
}
.info_invoice_table{
border-radius: 0;
}
.info_invoice_table .headline_table{
border-radius: 0;
}
.table_actions_supplier:after,.inv_wrap .wrap_tbl:after{
position: absolute;
content: '';
right: 0;
top: 0;
height: 100%;
width: 20px;
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.new_edit_invoice .general_info_invoice {
margin: 0 20px 20px;
}
.add_item_table .table_body .row{
padding-top: 5px;
padding-bottom: 5px;
}
.payments_general .icon_wrap .dropdown .row{
flex-direction: column;
}
.payments_general .row .icon_wrap .menu_drop {
min-width: 260px;
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(24,26,29,0.2);
z-index: 3;
top: 0!important;
bottom: initial!important;
right: 0!important;
border: none;
}
.payments_general .row .icon_wrap .dropdown{
min-width: 260px;
background: #FFFFFF;
border: 1px solid #E3EBF6;
border-radius: 12px 12px 12px 12px;
z-index: 2;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.payments_general .icon_wrap .dropdown .left{
margin-right: 0;
width: 100%;
}
.payments_general .menu_drop .dropdown:before, .payments_general .menu_drop .dropdown:after{
display: none;
}
.table_all_roles .date_of_creation_role{
width: 70px;
margin-right: 10px;
}
.table_all_roles .id_role{
width: 25px;
margin-right: 10px;
}
}
@media screen and (max-width: 640px){
.table_head .page_title{
width: 100%;
}
.all_category.table_box .table_head{
width: calc(100% - 150px);
}
.filters_table .column{
width: 100%;
}
.filters_table .column{
margin-right: 0;
}
.filters_head{
flex-direction: column;
align-items: inherit;
}
.wrap_title{
margin-bottom: 6px;
}
.top_table .pagination.flx{
justify-content: space-between;
}
.reset_wrap .close+span{
display: none;
}
.mobile_v{
display: block;
}
.desctop_v{
display: none;
}
.wrap_action.active .btn.delete.desctop_v{
display: none;
}
.all_products .wrap_action+.flx{
flex-grow: 1;
margin-bottom: 6px;
}
.wrap_action.long .actions_box .btn{
width: 100%;
margin: 0 0 6px;
}
.wrap_action.long .actions_box{
display: none;
position: absolute;
padding: 13px 14px;
background: #212427;
}
.wrap_action.long .actions_box.active{
display: flex;
z-index: 3;
}
.pagination .select-search{
margin: 0;
}
.pagination{
order: -1;
margin-bottom: 10px;
justify-content: flex-end;
width: 100%;
}
.top_table{
flex-direction: column;
}
.single_product .top_table, .sellers_with_disc_table .top_table{
flex-direction: row;
}
.all_products .btn[data-id="filters_box"] svg+span{
display: none;
}
.all_products.table_box .table_head+.wrap_btn{
align-items: flex-end;
}
.all_senders .btn.create{
position: absolute;
top: 0;
right: 20px;
}
.all_senders.table_box .short .table_head {
width: calc(100% - 150px);
margin-bottom: 0;
}
.single_order span.page_title{
margin-bottom: 6px;
}
.single_order .box_shadow{
width: 100%;
}
.order_form .delivery_bot .inp_wrap{
width: 30%;
}
.delivery_bot .package .select-search{
width: 30%;
}
.delivery_form .registr_post span{
width: 48%;
font-size: 12px;
margin-bottom: 8px;
}
.delivery_form .registr_post .select-search{
width: 48%;
margin-bottom: 8px;
}
.delivery_form .registr_post .btn{
width: 100%
}
.delivery_form .decl_number_wrap{
width: 100%;
margin-bottom: 8px;
}
.delivery_form .declaration_post .btn{
width: 48%;
}
.info{
margin-left: 6px;
margin-right: 14px;
}
.popup.delete_ttn{
width: 90%;
}
.table_head .btn {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.new_seller .table_head .btn{
overflow: initial;
}
.new_seller .inp_wrap{
width: 100%;
margin-right: 0;
}
span.page_subtitle{
font-size: 18px;
}
.invoices_table .table_head .page_title{
width: calc(100% - 150px);
}
.reverse.short span.page_title{
margin-right: 0;
}
.info_single_user{
width: 100%;
margin-right: 0;
}
.table_actions_user .date_action_info{
width: 65px;
margin-right: 20px;
}
.table_actions_user span{
display: block;
}
.role_actions_form .custom-checkbox{
margin-bottom: 10px;
}
.roles_user_form .role .custom-checkbox{
margin-bottom: 10px;
}
.role_actions_form .row_list .row{
padding-left: 21px;
}
.table_all_suppliers .date_of_creation_supplier{
margin-right: 15px;
}
.table_all_suppliers .id_supplier{
margin-right: 5px;
}
.table_all_suppliers .name_supplier{
margin-right: 20px;
}
.payments_general .wrap_action .btn{
width: 100%;
margin-left: 0;
margin-top: 8px;
}
.payments_general .wrap_action{
width: 100%;
}
.payments_general:not(.to_privatbank) .table_head+.wrap_btn{
width: 100%;
}
.payments_general .payment_wrap{
margin-bottom: 20px;
}
.search_box .select-search{
margin-right: 0;
}
.weight_package .wrap .info .menu_drop .dropdown{
width: 210px;
}
.adds_product_table .top_table{
padding: 16px;
}
.adds_product_table .top_table .page_subtitle{
padding: 0;
margin-bottom: 10px;
}
.adds_product_table .info_sum{
padding: 0;
}
.history_change .result_change{
width: 100%;
margin-top: 4px;
}
.discount_seller_form .top_table .btn{
width: 100%;
margin: 0 0 8px;
}
.discount_seller_form .btn:last-child{
margin-bottom: 0;
}
.discount_seller_form .btn_wrap{
width: 100%;
}
.discount_seller_form .discount_to .row{
flex-wrap: wrap;
margin-bottom: 8px;
}
.images_product{
width: 100%;
margin-right: 0;
}
.view_wrap{
text-align: center;
}
.slider_wrap{
justify-content: center;
}
.slider-nav{
margin-right: 0;
}
.edit_characteristics .inp_wrap.color{
width: 100%;
}
.popup.add_product_to_category .add_item_wrap .filters_box .inp_wrap{
width: 49%;
}
.reset{
margin-right: 0;
}
.popup.add_product_to_category .table_body{
min-width: 600px;
}
.popup.add_product_to_category .add_product_table_wrap{
width: 100%;
position: relative
}
.popup.add_product_to_category .add_product_table_wrap:after{
position: absolute;
content: '';
right: 0;
top: 0;
height: 100%;
width: 20px;
border-radius: 5px;
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
.sellers_with_disc_table .discount_seller, .sellers_with_disc_table .discount_seller{
margin-right: 10px;
}
.new_seller .reverse.short span.page_title{
width: 100%;
}
.general_info_invoice .inp_wrap.seller{
width: 100%;
}
.general_info_invoice .inp_wrap.invoice_id{
width: 39%;
}
.general_info_invoice .inp_wrap.invoice_date{
width: 54%;
margin-right: 0;
}
.general_info_invoice span.page_subtitle, .adds_product_invoice span.page_subtitle{
width: 100%;
margin-bottom: 10px;
}
.adds_product_invoice .top_table{
align-items: flex-start;
}
.new_edit_invoice .has_table:after{
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
}
@media screen and (max-width: 480px){
.short .btn.create{
position: absolute;
top: 0;
right: 20px;
}
.table_box .short .table_head{
width: calc(100% - 150px);
margin-bottom: 0;
}
.table_box .reverse.short .table_head{
width: 100%;
}
.table_box .short .wrap_btn{
width: 100%;
}
.all_orders span.page_title{
margin-bottom: 4px;
width: calc(100% - 150px);
}
.table_box .wrap_btn:not(.all_products .wrap_btn){
justify-content: space-between;
align-items: flex-end;
}
.table_head .item{
width: 100%;
padding: 0;
margin-bottom: 6px;
background: transparent;
border: none;
}
nav.menu .admin{
padding: 10px 15px 10px 10px;
}
.all_clients .del_wrap{
margin: 0 0 8px 8px;
}
.all_products .del_wrap{
margin-left: 10px;
margin-right: 0;
}
.btn[data-id="filters_box"]{
margin-right: 0;
}
.btn[data-id="filters_box"] svg+span{
display: none;
}
.all_sellers .btn[data-id="filters_box"] svg+span{
display: inline-block;
}
.all_sellers .btn[data-id="filters_box"]{
margin-left: 0;
}
.actions_btn[data-id="filters_box"] svg{
margin: 0;
}
.quantity{
font-size: 12px;
}
.btn{
padding: 9px;
font-size: 12px;
}
.large .filters_box{
border-top-right-radius: 0;
}
.short .filters_box{
border-top-left-radius: 0;
}
.wrap_action.active{
background-color: transparent;
flex-direction: column;
}
.all_category .wrap_action.active{
flex-direction: row;
}
.wrap_action.active>.flx{
margin-bottom: 6px;
}
.wrap_action{
padding: 0;
}
.all_products .wrap_action+.flx{
margin-bottom: 0;
}
.all_category span.page_title{
margin-bottom: 6px;
}
.table_box .table_head+.wrap_btn{
min-height: initial;
}
.all_roles span.page_title{
width: calc(100% - 140px);
}
.all_roles .wrap_btn{
position: absolute;
top: 0;
right: 20px;
}
.table_box .reverse.large .wrap_btn .back{
width: 100%;
display: flex;
justify-content: center;
padding-top: 8px;
border: 1px solid #F5A32A;
margin-right: 0;
border-radius: 6px;
margin-bottom: 10px;
}
.single_order .wrap_btn > .btn{
padding-left: 6px;
padding-right: 6px;
}
.single_order .wrap_btn .back+.btn{
width: 35%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0;
}
.single_order .wrap_btn .actions_cont{
margin-right: 0;
}
.single_order .export .actions_box{
left: calc(50% - 100px);
border-radius: 8px;
}
.single_order .row .name{
width: 80px;
min-width: 80px;
}
.order_form .inp_wrap{
width: 100%;
margin: 0 0 8px;
}
.order_form .row{
margin-bottom: 0;
}
.order_form span.page_subtitle{
width: 100%;
}
.order_form .delivery_bot .inp_wrap{
width: 47%;
}
.delivery_bot .package .select-search{
width: 47%;
}
.delivery_bot .weight_package .inp_wrap.weight{
width: 47%;
margin-right: 10px;
}
.weight_package .wrap{
order: 2;
}
.payment_form .customer_price+.row .inp_wrap{
margin-bottom: 0;
}
.order_form .summary_wrap .item p{
width: 115px;
}
.adds_product_table .info_sum p{
margin-right: 14px;
}
.form_client .inp_wrap{
width: 100%;
}
.single_product .wrap_btn>.btn:not(.actions_btn){
width: 30%;
}
.single_product .table_head a.btn{
width: 30%;
}
.single_product .table_head span.page_title{
width: 65%;
}
.table_box .reverse.short span.page_title.long{
margin-right: 0;
}
.new_order.table_box .reverse.short .table_head span.page_title{
width: calc(100% - 120px);
}
.btn span{
font-size: 12px;
}
.new_edit_user .inp_wrap{
width: 100%;
margin-right: 0;
}
.new_edit_sender .inp_wrap{
width: 100%;
margin-right: 0;
}
.senders_list .row .id_fullname_sender{
width: 140px;
margin-right: 15px;
}
.senders_list .id_fullname_sender{
width: 140px;
margin-right: 15px;
}
.senders_list .activity_volume_sender{
width: initial;
}
.payments_general .payment_wrap .item_wrap .item{
text-align: center;
padding: 11px 19px 10px;
border-radius: 12px;
}
.payments_general .payment_wrap{
width: 100%;
padding: 10px;
border-radius: 16px;
}
.payments_general .payment_wrap .item_wrap{
width: 100%;
border-radius: 14px;
margin: 0;
}
.payments_general .payment_wrap>span{
display: none;
}
.payments_general .wrap_action{
flex-direction: row;
}
.payments_general .search_box .wrap_pay{
flex-direction: column;
}
.payments_general .wrap_pay span:first-child{
border-bottom: 1px solid #E4EBF6;
border-right: none;
padding-left: 14px;
}
.add_item_wrap .filters_box .inp_wrap{
width: 100%;
}
.discount_seller_form .row .wrap_disc .btn{
width: 100%;
margin-top: 8px;
}
.discount_seller_form .row .wrap_disc{
flex-wrap: wrap;
}
.discount_seller_form .wrap_disc .select-search{
margin-right: 0;
}
.discount_seller_form .wrap_disc input{
flex-grow: 1;
}
.balance_seller_form .btn{
width: 100%;
margin-top: 8px;
}
.info_product .data_item .name{
width: 80px;
min-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.data_item .wrap_name{
width: 80px;
min-width: 80px;
}
.tabs_box[data-type="description"]{
width: 100%;
flex-wrap: wrap;
}
.tabs_box[data-type="description"] .tab{
width: 50%;
padding: 6px;
}
.tabs_box[data-type="description"] .tab p{
width: 100%;
text-align: center;
}
.size_wrap .size{
margin-bottom: 6px;
}
.edit_characteristics .row.price_box .inp_wrap{
width: 100%;
}
.edit_characteristics .row.price_box .wrap{
width: 100%;
}
.edit_characteristics .inp_wrap{
width: 100%;
margin-right: 0;
}
.checkbox_wrap .custom-checkbox input+span{
margin-right: 0;
}
.info_invoice .name{
width: 75px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.wrap_file_add span:first-child{
display: none;
}
.adds_product_invoice .change_sum_wrap{
align-items: baseline;
}
.table_all_suppliers .has_table:after{
background: linear-gradient(90deg, rgba(254, 254, 255, 0) 0%, rgba(119, 119, 119, 0.23) 100%);
}
}
#overlay-circular{
top: 114px!important;
}