@import url(https://fonts.googleapis.com/css?family=Open+Sans|Roboto&display=swap);
.dropdown .input-container{box-shadow:0 2px 1px -2px rgba(162,176,196,.733);width:100%;position:relative}.dropdown .input-container .input{box-shadow:none;width:100%}.dropdown .input-container .dropdown-button{border:0;background:none;margin-left:2px;padding:5px;text-align:center;cursor:pointer;position:absolute;right:0}.dropdown .input-container .menu{position:absolute;margin-top:5px;padding:0;border:0px solid;background-color:#fff;z-index:20;width:100%}.dropdown .input-container .menu .item{padding:5px;list-style:none}
.loader{position:relative;width:80px;padding:22px;margin:50px auto}.duo{height:20px;width:50px;background:rgba(0,0,0,0);position:absolute}.duo,.dot{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.duo1{left:0}.duo2{left:30px}.dot{width:20px;height:20px;border-radius:10px;background:#2164db;position:absolute}.dot-a{left:0px}.dot-b{right:0px}@-webkit-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes onOff{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes onOff{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}.duo1{-webkit-animation-name:spin;animation-name:spin}.duo2{-webkit-animation-name:spin;animation-name:spin;animation-direction:reverse}.duo2 .dot-b{-webkit-animation-name:onOff;animation-name:onOff}.duo1 .dot-a{opacity:0;-webkit-animation-name:onOff;animation-name:onOff;animation-direction:reverse}
.add-contact{width:24em}.add-contact .text{text-align:left}.add-contact .button{margin-left:1.4em}
.list-component{width:20em;overflow:hidden;text-align:left}.list-component .list-item{list-style:none;display:flex}.list-component .list-item .list-item-element{border:solid #d3d3d3 1px;border-top-width:0;padding:.6em;width:100%;position:relative}.list-component .list-item .list-item-element .list-item-buttons{position:absolute;right:.4em;top:.4em}.list-component .list-item .list-item-element .list-item-buttons .htmlButton{margin:.1em;color:gray}.list-component .list-item .list-item-element .list-item-buttons .htmlButton:hover{color:#428be3}.list-component .list-item .color-div{width:2em}.list-component .list-item:first-child{margin-top:2em}.list-component .list-item:first-child .color-div{border-top-left-radius:1em}.list-component .list-item:first-child .list-item-element{border-top:1px solid #d3d3d3;border-top-right-radius:1em}.list-component .list-item:last-child .color-div{border-bottom-left-radius:1em}.list-component .list-item:last-child .list-item-element{border-top:0;border-bottom-right-radius:1em}
.info-container-wrapper{margin:auto}.add-account-wrapper,.form-layout,.add-contact,.list-component,.address-list,.contacts-list,.invoice-info-list,.edit-contact{max-width:25em;margin:auto}
.accounts .page-content{margin:1em}.card{min-width:20em;min-height:12em;border-radius:10px 10px 10px 10px;border:solid 2px #e0e4e9;padding:.5em;margin:1em;position:relative;background-color:#fff}.card.selectable{cursor:pointer}.card.selected{border:solid 2px #428be3}.card.optios{background-color:rgba(66,139,227,.15);border:solid 2px rgba(66,139,227,.05)}.card.optios.selected{border:solid 2px #428be3}.card.optios .card-footer{color:#428be3}.card.esthios{background-color:rgba(221,1,154,.1);border:solid 2px rgba(221,1,154,.05)}.card.esthios.selected{border:solid 2px #dd019a}.card.esthios .card-footer{color:#dd019a}.card .card-title{padding-left:.3em;font-size:1.4em}.card .card-description{padding:.3em;overflow:hidden;text-overflow:ellipsis}.card .card-row{display:flex;text-overflow:ellipsis}.card .card-header{margin:.5em;display:flex}.card .card-header .card-header-text{align-self:center;margin-left:.5em;font-size:x-large}.card .card-footer{padding:1em .3em 1em .3em;text-align:right;position:absolute;bottom:0;width:19em}
.tab{min-height:220px;width:auto;background-color:rgba(236,240,246,.8);border:solid #428be3 2px;border-radius:25px;position:absolute;right:0px;top:30%;transform:translateY(-30%);transition-timing-function:ease-in;transition:.4s;padding:1em .4em 1em .4em;z-index:20}.tab .tab-item{margin-top:1em;text-align:center}.tab .tab-item .tab-item-icon{width:1.1em}.tab.open{text-align:right;transform:translateX(0%);transform:translateY(-30%);transition-timing-function:ease-out;transition:.4s}.tab.open a{margin-bottom:1em;float:right;display:flex}.tab.open .tab-label{margin-right:.4em}.tab.closed .tab-label{display:none}
.edit{position:relative;text-align:center}.edit.on{border:solid 1px}.edit.off{border:solid 1px rgba(0,0,0,0);background:rgba(0,0,0,0)}
.tab-icon{font-size:1.4em;line-height:2}.dashboard-title,.link-contact-title{text-align:center}.cards .establishments,.cards .general{display:flex;overflow:hidden;flex-wrap:wrap;justify-content:center}.cards .contact-name{min-width:7em;padding-top:.3em;display:block}.cards .contact-name .card-description{padding-bottom:0em}.cards .general-icon{font-size:1.5em}.cards .contact-card-link{font-size:small}.cards .contact-card-link .card-arrow{font-size:medium}.cards .contact-card-info{display:flex}.cards .contact-card-info .contact-email,.cards .contact-card-info .contact-number{margin-left:.5em;font-size:x-small;display:flex;align-items:center}
.accounts .search-nav-bar{width:20em;position:fixed;font-size:1.2em;left:calc(50% + 35px);top:2em;transform:translate(-50%, 0);z-index:20}.accounts .search-nav-bar .input{background:#fff;box-shadow:none;border:solid #e0e4e9 2px;border-radius:2em;padding:.8em 1em;padding-right:2em;width:100%}.accounts .search-nav-bar .input:focus{border:solid #428be3 2px}.accounts .search-nav-bar .loader-icon{position:absolute;right:1em;top:0;line-height:1.4em;padding:.8em 0}.accounts .search-nav-bar .action{position:absolute;padding-top:.567em;top:0;right:-2em;line-height:1em;font-size:1.4em}.accounts .search-results{margin:2em 0 2em,0;position:absolute;height:auto;max-height:500px;width:20em;background-color:rgba(236,240,246,.8)}.accounts .search-results .account-list-wrapper{height:inherit;overflow-y:scroll}.accounts .search-results .account-list-wrapper li{padding:0 0 0 .6em;list-style:none;margin-left:.4em;line-height:1.7em;overflow:hidden;text-overflow:ellipsis;max-width:300px;white-space:nowrap;color:#232934}.accounts .search-results .account-list-wrapper li:hover{background:#e0e4e9}.accounts .page-content{margin:8em auto 0 auto}
.home-logo{max-width:30em;max-height:10vh;margin:0 0 5vh}.home-wrapper{background-image:url(/103683b9a972480f3354555ffb2cefc8.png);background-repeat:repeat;text-align:center;min-height:100vh;padding:5vh 0 1.5em;flex-direction:column;align-items:center;font-size:calc(100% + 2*(100vw - 600px)/400);position:absolute;top:0;bottom:0;left:0;right:0;display:flex;margin:auto}.home-wrapper .button{margin:1.5em}.home-wrapper h1{margin-top:0}.home-form{width:100%;max-width:24em;padding:0 1.2em;margin:0 0 6vh;background:rgba(255,255,255,.7);border-radius:22px 22px 22px 22px}.home-form .forgot-password{display:block;margin:2em 0 0;font-size:.9em;color:rgba(0,0,0,.5)}.iconLogin{opacity:.4;align-self:center;margin:5px 15px 5px 5px}
.secondaryNav{background:#303640;flex:0 0 12.22222em;font-size:1.125em;padding:1em 0 0}.secondaryNav .selected{color:#fff;border-left-color:#fff}.secondaryNav .nav-item{display:block;color:#4f8df9;font-weight:600;padding:.83333em 1em .83333em 1.2em;border-left:4px solid rgba(0,0,0,0)}
.table{width:100%;max-width:100%}.table tbody>tr.even{background-color:#fff !important}.table tbody>tr.odd{background-color:#ecf0f6}.table th,.table td{vertical-align:bottom;padding:.75rem;transition:width 3s;width:auto}.table th input,.table td input{background-color:rgba(0,0,0,0);border:0;width:100%;outline:none;padding:0;margin:0}.table th input:focus,.table td input:focus{border-bottom:1px solid #428be3}.table th.collapsed,.table td.collapsed{width:2em;vertical-align:top;height:150px;border-right:1px solid #a7b9d5}.table th.collapsed>div,.table td.collapsed>div{position:relative}.table th.collapsed>div>div,.table td.collapsed>div>div{position:absolute;left:-0.5em;top:0;writing-mode:vertical-rl;transform:scaleX(-1) scaleY(-1);text-align:right;line-height:2em;height:150px}.table th.error,.table td.error{background-color:rgba(210,68,68,.3)}.table th.dropDownCell,.table th.colorCell,.table td.dropDownCell,.table td.colorCell{position:relative;padding:0}.table thead th{border-bottom:2px solid #eceeef;text-align:left}.table thead th.text-right{text-align:right}.table thead th.text-center{text-align:center}.table .headerActions{text-align:right;color:#999;display:inline-block}.table .headerActions>*{cursor:pointer;margin-left:.5em}.tableWrapper{position:relative}.tableWrapper .loaderWrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.tableStatus{text-align:right;padding:.3em 0;height:2em}.tableStatus .tableStatusSuccess{color:#69d321}
.tableCellColorPicker .currentValue{width:100%;display:inline-block;margin:0;height:2em;cursor:pointer;padding:0;border:0}.tableCellColorPicker .overview{background-image:url(/27e033baa8270811413d3cf0614e1c8b.png);background-repeat:repeat;border:1px solid #000;box-sizing:content-box;display:none;position:absolute;top:1em;right:0;width:9em;z-index:1}.tableCellColorPicker .overview .colorBlock{width:3em;height:3em;display:block;float:left}.tableCellColorPicker.open .overview{display:block}
.tableCellDropdown .list{display:none}.tableCellDropdown .valueButton{display:inline-block;background:rgba(0,0,0,0);border:0;padding:.65em;margin:0;width:100%;text-align:left;line-height:1em}.tableCellDropdown .valueButton .dropDownIcon{float:right}.tableCellDropdown.open{position:absolute;left:0;top:0em;width:100%;padding:0;background-color:#fff;border:1px solid #9bc2f0;z-index:1;max-height:16em;overflow:scroll}.tableCellDropdown.open .list{display:block}.tableCellDropdown.open .list>div{display:block;padding:.3em .75em;border-bottom:1px solid #9bc2f0}.tableCellDropdown.open .list>div:hover,.tableCellDropdown.open .list>div .hover{background-color:#428be3;color:#fff}.tableCellDropdown.open .list>div:last-child{border-bottom:0}.tableCellDropdown.open .list>div.selected{background-color:#428be3;color:#fff}
.tableCellIconMap.success{color:#69d321}.tableCellIconMap.error{color:#d24444}.tableCellIconMap.info{color:#2164db}.tableCellIconMap.warning{color:#fbb03b}
.pager{margin-top:1em;text-align:center}.pager button{display:inline-block;padding:.4em .6em;margin:0;border:2px solid;border-right-width:0;background:none;color:#2164db;font-weight:600;font-size:.9em;transition:all .2s ease;cursor:pointer;vertical-align:middle;outline:none;line-height:1.2em}.pager button:first-child{border-bottom-left-radius:99px;border-top-left-radius:99px}.pager button:last-child{border-right-width:2px;border-bottom-right-radius:99px;border-top-right-radius:99px}.pager button[disabled]{cursor:default;color:#999}.pager button:not([disabled]):hover,.pager button.active{background:#2164db;border-color:rgba(0,0,0,0);color:#fff}
.main-content{margin-top:0px}.modal-filter .filter-label{font-size:1.4em;margin-bottom:.4em}.modal-filter li{list-style-type:none;margin-bottom:.2em;border-radius:5px}.modal-filter li .filter{padding:.3em 1em}.modal-filter li:hover{cursor:pointer;background:rgba(128,128,128,.3)}.modal-filter li.active{background:rgba(128,128,128,.3)}.translations-search-input{display:inline}.translations-search-input input{padding:.8em 1.1em;margin-top:1.5em;border:3px solid #2164db;border-radius:99px}
.modal-main .modal-overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.3)}.modal-main .modal-container{padding:2em;margin:0 auto;position:absolute;top:0;left:50%;transform:translate(-50%, 0);width:auto;height:auto;background:#fff}.modal-main .modal-close{position:absolute;border:none;right:0;top:0;padding:.5em;cursor:pointer}.modal-main .modal-close .closeIcon{color:#428be3}
.main-nav{background:#232934;position:absolute;top:0px;height:100%}.main-nav .accounts{display:none}.main-nav .orders{display:none}.main-nav .commissions{display:none}.main-nav .active{color:#fff;background:#8262d8}.main-nav .active.accounts{background:#69d321}.main-nav a{text-align:center;height:5em;color:rgba(255,255,255,.4);transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:2em 1em 2em 1em}.main-nav a:last-child{position:absolute;left:0px;bottom:0px;width:4.6em}.main-nav a:hover{color:#fff;cursor:pointer}.main-nav .icon{font-size:2.1em}.page-layout{width:100%;background-color:#f4f5f9;padding-left:74px}@media(max-height: 800px){.main-nav{padding-bottom:.5em}}@media(max-width: 1023px){.main-nav{-ms-flex-basis:3.75em;flex-basis:3.75em}.main-nav a{height:3.75em}.main-nav a:last-child{width:3.75em}.main-nav .icon{font-size:1.75em}.page-layout{padding-left:67px}}
.paying-customer-card .card-block{text-align:center}.paying-customer-card .card-block .card-icon{align-self:center;position:absolute;left:.3em;font-size:3.5em;color:#06c874}.paying-customer-card .card-block .card-name{text-align:right;font-size:1.5em;padding-top:1em}.paying-customer-card .card-block .card-content{text-align:center;font-size:3.5em}.paying-customer-card .card-block .card-content .positive-growth{color:#69d321;font-size:2.5rem}.paying-customer-card .card-block .card-content .negative-growth{color:#d24444;font-size:2.5rem}
.dashboard-container{display:flex;flex-wrap:wrap;background-color:#f4f5f9}.background-div{background-color:#f4f5f9;width:100%;height:100%}.my-masonry-grid{display:flex;width:auto}.my-masonry-grid_column{background-clip:padding-box}

.support-card-esthios .stars{font-size:1.5em;justify-content:center;width:100%;text-align:center;padding-bottom:1em}.support-card-esthios .icon{margin-right:.8em}
.support-card-optios .stars{font-size:1.5em;justify-content:center;width:100%;text-align:center;padding-bottom:1em}.support-card-optios .icon{margin-right:.8em}

.app-loading-dots{position:absolute;width:auto;height:auto;top:50%;left:50%;transform:translate(-3em, -5em)}
.module-card{display:flex;background-color:#fff;border-radius:.3em;margin-bottom:1em;padding:.5em;max-width:40em;border:solid 2px #e0e4e9}.module-card .module-card-icon{font-size:3em;margin-right:.5em}.module-card .module-card-content{flex-grow:1}.module-card .module-card-content div{margin-bottom:.3em}.module-card .module-card-content div:first-child{font-weight:bold;margin-bottom:.5em}.module-card .module-card-actions a{padding:.3em;border-radius:.3em}.module-card .module-card-actions a:hover{background-color:#2164db;color:#fff}.modules-container{margin:0 auto;max-width:40em}
.hero{background-color:#fff;max-width:40em;border-radius:.3em;padding:.5em;border:solid 2px #e0e4e9;margin:1em auto}
.main-content{flex-grow:1;font-size:1.125em;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;transition:all .2s ease-out}a{text-decoration:none;color:#2164db}input,textarea,button,select{font:inherit;color:inherit;vertical-align:middle}textarea{max-width:100%}.select{flex:1 0 0;min-width:0;box-shadow:0 1px 0 rgba(162,176,196,.733);position:relative;display:inline-block;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select select{border:0;margin:0;padding-right:1.3em;width:100%;display:inline-block;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select::-ms-expand{display:none}.select svg{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.select:focus{outline:none;box-shadow:0 1px 0 #2164db}.select.select-reverse select{padding-right:0;padding-left:1.3em}.select.select-reverse:after{right:auto;left:0}.input{flex:1 0 0;min-width:0;box-shadow:0 2px 1px -2px rgba(162,176,196,.733);border:0;margin:0;padding:.2em 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:#232934;border-radius:0;line-height:1.4}.input:focus{outline:none;box-shadow:0 2px 1px -2px #2164db}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1em;height:1em;margin:0 .5em 0 0;font-size:1.125em;background:none;color:rgba(0,0,0,0);vertical-align:-0.25em;border:2px solid rgba(0,0,0,.3);cursor:pointer;position:relative;border-radius:4px}.checkbox:focus{border-color:#2164db}.checkbox:checked{color:#fff;background:#2164db;border:none}.checkbox:checked:before{content:"✔";padding-left:.1em;font-family:optios;position:absolute;top:.05em;left:0;pointer-events:none}label{display:flex;cursor:pointer;margin:1em 0 .7em;min-height:1.6em;position:relative}label.full{flex-wrap:wrap}label.full .text,label.full .input,label.full .select{flex-basis:100%;overflow:visible}label.checkbox-full .text,label.checkbox-full .input,label.checkbox-full .select{flex-basis:90%;overflow:visible}label .error{background:#cb2829;color:#fff;padding:.3em .4em;font-size:.9em;border-radius:3px;position:absolute;margin:0;top:-2em;right:0}label .error::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:.375em solid rgba(0,0,0,0);border-top-color:#cb2829;border-bottom:0;border-left:0;margin-left:-0.187em;margin-bottom:-0.375em}.text{padding:.2em .5em .2em 0;line-height:1.4;flex:0 0 40%;color:rgba(0,0,0,.5);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:1em}.checkbox,.radio{align-self:center}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.8em 1.1em;border:3px solid;border-radius:99px;background:none;color:#2164db;font-weight:600;font-size:1.1em;transition:all .2s ease;cursor:pointer;vertical-align:middle;margin:1.5em .3em 0 0}.button:hover,.button:focus,.button:active{background:#2164db;border-color:rgba(0,0,0,0);color:#fff}.button.dim{color:rgba(0,0,0,.3)}.button.dim:hover,.button.dim:focus,.button.dim:active{background:rgba(0,0,0,.3);color:#fff}.button.block{display:block}.button.small{border-width:2px;font-size:1em;padding:.6em .8em}button.no-style,button.a-style{background-color:rgba(0,0,0,0);border:0;padding:0;cursor:pointer;height:auto;display:inline;inline-size:auto;perspective-origin:0px 0px;text-align:left;transform-origin:0px 0px;vertical-align:baseline}.status-message{color:#fff;padding:1em;margin:0 0 1.5em;position:relative}.status-message a{color:#fff;text-decoration:underline}.status-message .status-message-close{position:absolute;font-size:1.2em;top:1em;right:1em;color:#fff}.status-message.success{background:#69d321}.status-message.error{background:#d24444;color:#fff}.status-message.info{background:#2164db}.status-message.warning{background:#fbb03b}.status-messages{position:fixed;z-index:100;top:0;right:0}.status-messages .status-message{margin:0}.main-nav{background:#232934;position:absolute;top:0px;height:100%}.main-nav .accounts{display:none}.main-nav .orders{display:none}.main-nav .commissions{display:none}.main-nav .active{color:#fff;background:#8262d8}.main-nav .active.accounts{background:#69d321}.main-nav a{text-align:center;height:5em;color:rgba(255,255,255,.4);transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:2em 1em 2em 1em}.main-nav a:last-child{position:absolute;left:0px;bottom:0px;width:4.6em}.main-nav a:hover{color:#fff;cursor:pointer}.main-nav .icon{font-size:2.1em}.page-layout{width:100%;background-color:#f4f5f9;padding-left:74px}@media(max-height: 800px){.main-nav{padding-bottom:.5em}}@media(max-width: 1023px){.main-nav{-ms-flex-basis:3.75em;flex-basis:3.75em}.main-nav a{height:3.75em}.main-nav a:last-child{width:3.75em}.main-nav .icon{font-size:1.75em}.page-layout{padding-left:67px}}main,footer{padding:0 2em;margin-left:auto;margin-right:auto}*{box-sizing:border-box}html,body{height:100%;overflow-y:overlay}body{font-family:Roboto,sans-serif;color:#444;background-color:#fff}button,input{padding:.5em;background-color:#fff;outline:none;border:2px solid #444}button,input,table,fieldset{border-radius:.25em}.main-content{-ms-flex-grow:1;flex-grow:1;font-size:1.125em;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;margin-top:48px;transition:all .2s ease-out}@media(max-width: 1199px){.main-content{font-size:1em}}@media(max-width: 767px){.main-content{font-size:.9375em}}@media(max-width: 599px){.main-content{font-size:.875em}}#root{width:100%;height:100%}

/*# sourceMappingURL=d22b65aa59b04562059d.css.map*/