.flex-dashboard-informations{animation-name:fly-in-soft;animation-duration:.3s}.flex-dashboard{width:1212px;font-size:0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-flow:wrap}.flex-dashboard .flex-credit{display:inline-block;border:1px solid #e7e6e7;background:#fff;padding:30px;margin-bottom:20px;width:1150px;vertical-align:top}.flex-dashboard .flex-credit-full{width:1150px;margin-right:0}.flex-dashboard .flex-credit .flex-title{font-size:15pt;font-weight:500}.flex-dashboard .flex-credit .flex-title span{display:inline-block;width:40px;height:40px;background:#5093e1 url("/Plugins/FlexView/Images/FlexCreditIcon.png") center center no-repeat;margin-right:12px;border-radius:99px;vertical-align:middle}.flex-dashboard .flex-credit>div{margin-top:4px}.flex-dashboard .flex-credit .flex-name{font-size:10pt}.flex-dashboard .flex-credit div .flex-name span{display:inline-block;width:8px;height:8px;background:#50c14e;border-radius:99px;vertical-align:middle;margin-right:8px}.flex-dashboard .flex-credit .flex-total-debts .flex-name span{background:#5093e1}.flex-dashboard .flex-credit .flex-invoice-debts-credit .flex-name span{background:#5093e1}.flex-dashboard .flex-credit .flex-delivery-notes-debts .flex-name span{background:#5093e1}.flex-dashboard .flex-credit .flex-total-overdue .flex-name span{background:#ff4242}.flex-dashboard .flex-credit .flex-value{float:right;font-size:10pt;font-weight:700}.flex-dashboard .flex-credit .flex-progress-bar{height:6px;background:#50c14e;border-radius:99px;overflow:hidden;margin-top:25px;margin-bottom:12px}.flex-dashboard .flex-credit .flex-progress-bar .flex-highlight{width:0;height:inherit;background:#ff4242}.flex-dashboard .flex-credit .flex-progress-bar.flex-overdue{margin-top:30px}.flex-dashboard .flex-credit .flex-progress-bar.flex-overdue .flex-highlight{background:#ff4242}.flex-dashboard .flex-turnover{display:inline-block;-ms-flex:0 0 1150px;-webkit-flex:0 0 1150px;flex:0 0 1150px;border:1px solid #e7e6e7;background:#fff;padding:30px;vertical-align:top}.flex-dashboard .flex-turnover .flex-title{font-size:15pt;font-weight:500}.flex-dashboard .flex-turnover .flex-title span:first-child{display:inline-block;width:40px;height:40px;background:#5093e1 url("/Plugins/FlexView/Images/FlexTurnoverIcon.png") center center no-repeat;margin-right:12px;border-radius:99px;vertical-align:middle}.flex-dashboard .flex-turnover .flex-title .flex-subtitle{display:inline-block;color:#4f4f4f;font-size:7pt;line-height:8pt;margin-left:12px;padding-bottom:2px;vertical-align:middle;width:55px}.flex-dashboard .flex-turnover .flex-sum{float:right;font-size:10pt;text-transform:uppercase;font-weight:600;margin-top:10px}.flex-dashboard .flex-turnover .flex-sum div{display:inline-block}.flex-dashboard .flex-turnover .flex-sum .flex-average-turnover .flex-value{color:#fff;padding:4px;padding-bottom:5px;padding-left:14px;padding-right:14px;background:#50c14e;border-radius:99px;font-weight:700;margin-left:4px;margin-right:10px}.flex-dashboard .flex-turnover .flex-sum .flex-total-turnover .flex-value{color:#fff;padding:4px;padding-bottom:5px;padding-left:14px;padding-right:14px;background:#5093e1;border-radius:99px;font-weight:700;margin-left:4px}.flex-dashboard .flex-turnover .flex-turnover-chart-wrapper{height:250px;margin-top:25px}.flex-dashboard .flex-bonus-program{display:inline-block;height:80px;-webkit-flex:0 0 328px;flex:0 0 328px;-ms-flex:0 0 328px;border:1px solid #e7e6e7;background:#fff;padding:30px;padding-top:20px;padding-bottom:20px;width:328px;vertical-align:top;margin-top:20px;margin-right:20px}.flex-dashboard .flex-bonus-program-right{}.flex-dashboard .flex-bonus-program .flex-gauge{display:inline-block;position:relative;vertical-align:middle;margin-right:20px}.flex-dashboard .flex-bonus-program .flex-gauge canvas{display:block}.flex-dashboard .flex-bonus-program .flex-gauge .flex-text{position:absolute;left:50%;top:24px}.flex-dashboard .flex-bonus-program .flex-gauge .flex-text .flex-value{position:relative;font-size:11pt;font-weight:600;left:-50%}.flex-dashboard .flex-bonus-program .flex-gauge .flex-text .flex-value .flex-name{display:block;font-size:8pt;font-weight:300;text-align:center;line-height:8pt}.flex-dashboard .flex-bonus-program>.flex-text{display:inline-block;vertical-align:middle;width:225px}.flex-dashboard .flex-bonus-program>.flex-text .flex-title{display:block;color:#000;font-size:10pt;text-transform:uppercase;font-weight:700;margin-bottom:3px}.flex-dashboard .flex-bonus-program>.flex-text .flex-used-points .flex-name{font-size:10pt;line-height:16pt}.flex-dashboard .flex-bonus-program>.flex-text .flex-used-points .flex-value{color:#5093e1;float:right;font-size:11pt;font-weight:700;line-height:16pt}.flex-dashboard .flex-bonus-program>.flex-text .flex-remaining-points .flex-name{font-size:10pt;line-height:16pt}.flex-dashboard .flex-bonus-program>.flex-text .flex-remaining-points .flex-value{color:#50c14e;float:right;font-size:11pt;font-weight:700;line-height:16pt}.flex-dashboard .flex-bonus-program-information{-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%}.flex-dashboard .flex-bonus-program-information>.flex-text{font-size:9pt;padding-top:10px;display:block}.flex-dashboard .flex-unpaid-invoices{display:inline-block;height:50px;-ms-flex:0 0 328px;-webkit-flex:0 0 328px;flex:0 0 328px;-ms-flex:0 0 328px;border:1px solid #e7e6e7;background:#fff;padding:30px;padding-top:35px;padding-bottom:35px;width:328px;vertical-align:top;margin-top:20px;margin-right:20px}.flex-dashboard .flex-unpaid-invoices .flex-icon{display:inline-block;width:50px;height:50px;background:#ff4242 url("/Plugins/FlexView/Images/FlexUnpaidInvoicesIcon.png") center center no-repeat;margin-right:12px;border-radius:99px;vertical-align:middle}.flex-dashboard .flex-unpaid-invoices .flex-text{display:inline-block;vertical-align:middle}.flex-dashboard .flex-unpaid-invoices .flex-text .flex-name{display:block;color:#000;font-size:10pt;text-transform:uppercase;font-weight:700}.flex-dashboard .flex-unpaid-invoices .flex-text .flex-value{display:block;color:#ff4242;font-size:14pt;text-transform:uppercase;font-weight:700}.flex-dashboard .flex-pending-orders{display:inline-block;height:50px;-ms-flex:0 0 328px;-webkit-flex:0 0 328px;flex:0 0 328px;-ms-flex:0 0 328px;border:1px solid #e7e6e7;background:#fff;padding:30px;padding-top:35px;padding-bottom:35px;width:328px;vertical-align:top;margin-top:20px}.flex-dashboard .flex-pending-orders .flex-icon{display:inline-block;width:50px;height:50px;background:#5093e1 url("/Plugins/FlexView/Images/FlexPendingOrdersIcon.png") center center no-repeat;margin-right:12px;border-radius:99px;vertical-align:middle}.flex-dashboard .flex-pending-orders .flex-text{display:inline-block;vertical-align:middle}.flex-dashboard .flex-pending-orders .flex-text .flex-name{display:block;color:#000;font-size:10pt;text-transform:uppercase;font-weight:700}.flex-dashboard .flex-pending-orders .flex-text .flex-value{display:block;color:#5093e1;font-size:14pt;text-transform:uppercase;font-weight:700}@media only screen and (max-width:989px){.flex-dashboard{width:100%}.flex-dashboard .flex-credit-full{display:block;width:auto;margin-right:0}.flex-dashboard .flex-credit .flex-value{float:none;display:block;margin-left:16px}.flex-dashboard .flex-credit{-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%;display:block;border:0;width:auto;margin-right:0;padding:30px 0}.flex-dashboard .flex-credit>*{margin-left:10px;margin-right:10px}.flex-dashboard .flex-turnover{-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%;display:block;border:0;margin-top:20px;padding:30px 0;width:auto}.flex-dashboard .flex-turnover .flex-turnover-chart-wrapper{height:240px}.flex-dashboard .flex-turnover>*{margin-left:10px;margin-right:10px}.flex-dashboard .flex-turnover .flex-sum{float:none}.flex-dashboard .flex-turnover .flex-sum div{display:block}.flex-dashboard .flex-turnover .flex-sum div .flex-value{margin-left:0;margin-right:0;vertical-align:top;float:right;margin-top:-4px}.flex-dashboard .flex-turnover .flex-sum .flex-average-turnover .flex-value{margin-right:0}.flex-dashboard .flex-turnover .flex-sum .flex-average-turnover{margin-top:20px;margin-bottom:10px}.flex-dashboard .flex-bonus-program{display:block;border:0;width:auto;-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%;margin-top:20px;padding:20px 0;height:100px}.flex-dashboard .flex-bonus-program-right{margin-left:0}.flex-dashboard .flex-bonus-program .flex-gauge{margin-left:10px}.flex-dashboard .flex-bonus-program>.flex-text .flex-used-points .flex-value{float:none;display:block}.flex-dashboard .flex-bonus-program>.flex-text .flex-remaining-points .flex-value{float:none;display:block}.flex-dashboard .flex-bonus-program>.flex-text{width:auto}.flex-dashboard .flex-unpaid-invoices{-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%;padding:35px 0;display:block;border:0;width:auto;margin-top:20px}.flex-dashboard .flex-unpaid-invoices .flex-icon{margin-left:10px}.flex-dashboard .flex-pending-orders{-ms-flex:0 0 100%;-webkit-flex:0 0 100%;flex:0 0 100%;display:block;border:0;width:auto;margin-top:20px;padding:35px 0}.flex-dashboard .flex-pending-orders .flex-icon{margin-left:10px}.flex-dashboard .flex-bonus-program-information{}.flex-dashboard .flex-bonus-program-information>.flex-text{padding-left:0;margin:0 10px}}