.billing{display:flex;justify-content:space-around;flex-direction:column;margin-top:40px;padding-left:0!important;padding-right:0!important}.billing h1{font-size:30px;margin-top:20px;margin-bottom:30px}.billing h1,.billing h2.time{display:block;text-align:center}.billing h2.time{color:#4bd3bc;width:100%}.billing .input_id{width:100%;border-radius:5px;padding:10px;border:0;background-color:#ebebeb}.billing .billing__box h2{text-align:center;font-size:20px;margin-top:20px;margin-bottom:20px}.billing .billing__box .tableBilling{background-color:#eee;margin-bottom:60px}.billing .billing__box .tableBilling .tableBilling--client{background-color:#138f5d;color:#fff;text-align:center;text-transform:uppercase;border:0;font-size:18px}.billing .billing__box .tableBilling .tableBilling--products{background-color:#004e2f;color:#fff;text-align:center;text-transform:uppercase;border:0;font-size:25px}.billing .billing__box .tableBilling .tableBilling--specialrow{background-color:#ddd;text-align:left;text-transform:uppercase;border:0;font-size:18px}.billing .billing__box .tableBilling .tableBilling--total{background-color:#40ce94;color:#fff;text-align:right;text-transform:uppercase;border:0;font-size:14px;font-weight:400}.billing .billing__box .billing__datefilter{margin-top:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.billing .billing__box .billing__datefilter .vue-daterange-picker{position:relative;display:inline-block;margin-left:30px;margin-right:30px;width:100%}.billing .billing__box .billing__datefilter .reportrange-text,.billing .billing__box .billing__datefilter input[type=date]{background-color:#d5ffee;padding:10px;color:#40ce94;border:1px solid #40ce94;width:100%!important;border-radius:20px;height:auto!important;overflow:hidden!important}.billing .billing__box .billing__datefilter .reportrange-text::-moz-placeholder,.billing .billing__box .billing__datefilter input[type=date]::-moz-placeholder{color:#40ce94}.billing .billing__box .billing__datefilter .reportrange-text:-ms-input-placeholder,.billing .billing__box .billing__datefilter input[type=date]:-ms-input-placeholder{color:#40ce94}.billing .billing__box .billing__datefilter .reportrange-text::placeholder,.billing .billing__box .billing__datefilter input[type=date]::placeholder{color:#40ce94}.billing .billing__box .billing__infobox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:10px;margin-bottom:10px}.billing .billing__box .billing__infobox .billing__infobox--info{display:flex;justify-content:space-between;align-items:center;background-color:#138f5d;padding:10px;border-radius:20px;margin-bottom:20px;width:100%;color:#fff!important}.billing .billing__box .billing__infobox .billing__infobox--info .billing__infobox--bill{padding:10px;font-size:18px;width:300px;display:flex;align-items:baseline;justify-content:flex-start}.billing .billing__box .billing__infobox .billing__infobox--info .billing__infobox--bill span{font-weight:700;font-size:11px;padding-right:5px}.billing .billing__box .billing__box--search{display:flex;align-items:center;justify-content:flex-end;height:90px;overflow:hidden}.billing .billing__box .billing__box--search input[type=text]{background-color:#d5ffee;padding:10px;color:#40ce94;border:1px solid #40ce94;width:350px!important;border-radius:20px;height:auto!important;overflow:hidden!important}.billing .billing__box .billing__box--search input[type=text]::-moz-placeholder{color:#40ce94}.billing .billing__box .billing__box--search input[type=text]:-ms-input-placeholder{color:#40ce94}.billing .billing__box .billing__box--search input[type=text]::placeholder{color:#40ce94}.billing .billing__box .billing__box--search .searchedPages,.billing .billing__box .billing__box--search .searchedTotal{width:200px;background-color:#004e2f;border-radius:5px;padding:10px;border-radius:20px;margin-right:10px;color:#fff!important;text-align:center;font-weight:700;transition:witdh 2s}.billing .billing__box .billing__chart{width:100%;margin-top:20px;margin-bottom:20px}