.sk-fading-circle{margin:0 auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#1371CF;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}#dashboard-header{display:flex;justify-content:space-between}#dashboard-header #dashboard-info{display:flex}#dashboard-header #dashboard-info>h2{margin-bottom:0;margin-right:20px;padding:8px 0;font-size:20px}#dashboard-header #reseller-id{border:1px solid #ccc;border-radius:5px;width:300px;height:40px;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none}#dashboard-header #reseller-id::-ms-expand{display:none}#dashboard-header #reseller-id:not(:disabled){cursor:pointer;padding-right:50px;background-image:linear-gradient(to right, white 250px, transparent 50px),linear-gradient(to top, transparent 63%, #ccc 37%),linear-gradient(135deg, transparent 210px, #ccc 90px),linear-gradient(45deg, transparent 203px, #555 97px),linear-gradient(to right, transparent 250px, #ccc 50px)}#dashboard-header #reseller-id:not(:disabled):focus,#dashboard-header #reseller-id:not(:disabled):hover,#dashboard-header #reseller-id:not(:disabled):active{background-image:linear-gradient(to right, white 250px, transparent 50px),linear-gradient(to top, transparent 63%, #b3b3b3 37%),linear-gradient(135deg, transparent 210px, #b3b3b3 90px),linear-gradient(45deg, transparent 203px, #555 97px),linear-gradient(to right, transparent 250px, #b3b3b3 50px)}#dashboard-header #reseller-id[status="not-valid"]:not(:disabled),#dashboard-header #reseller-id.invalid:not(:disabled){border:1px solid #b94a48;background-image:linear-gradient(to right, #f1dcdc 250px, transparent 50px),linear-gradient(to top, transparent 63%, #b94a48 37%),linear-gradient(135deg, transparent 210px, #b94a48 90px),linear-gradient(45deg, transparent 203px, white 97px),linear-gradient(to right, transparent 250px, #b94a48 50px)}input#date-range-input{width:300px;cursor:pointer}.spinner{margin:30px auto}#loading-stats{border-radius:5px;border:1px solid #ccc;background-color:#999;padding:20px;margin-top:20px;display:flex}#loading-stats .spinner{margin:0}#loading-stats .message{font-size:16px;line-height:40px;margin-left:20px;color:white}#summary-stats{display:flex;justify-content:space-between;margin-right:-20px}#summary-stats .dashboard-stat{width:100%;margin-right:20px;position:relative;display:block;padding:20px;background-color:#eee;border-radius:5px;overflow:hidden;color:#555;text-shadow:1px 1px 2px rgba(255,255,255,0.5)}#summary-stats .dashboard-stat .visual{z-index:10;float:right;width:54px;height:100%}#summary-stats .dashboard-stat .visual i{position:absolute;left:0;left:auto;right:0;bottom:0;display:block;height:72px;font-size:72px;-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg);text-shadow:none}#summary-stats .dashboard-stat .details{position:relative;z-index:11;float:left;margin-top:-10px;text-align:left}#summary-stats .dashboard-stat .value{display:block;font-size:32px;font-weight:600}#summary-stats .dashboard-stat .content{display:block;margin-bottom:1em;font-size:13px;font-weight:600;text-transform:uppercase}#summary-stats .dashboard-stat.primary{color:white;background-color:#1371CF;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}#summary-stats .dashboard-stat.primary i{color:#0f58a0}#summary-stats .dashboard-stat.secondary{color:white;background-color:#ea6141;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}#summary-stats .dashboard-stat.secondary i{color:#df3e19}#summary-stats .dashboard-stat.tertiary{color:white;background-color:#999;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}#summary-stats .dashboard-stat.tertiary i{color:gray}#area-chart .morris-hover{position:absolute;z-index:1000}#area-chart .morris-hover.morris-default-style{padding:6px;color:#555;font-size:12px;font-weight:600;text-align:center;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);-webkit-border-radius:10px;-webkit-background-clip:padding-box;-moz-border-radius:10px;-moz-background-clip:padding;border-radius:10px;background-clip:padding-box}#area-chart .morris-hover.morris-default-style .morris-hover-row-label{margin:.25em 0;font-weight:600}#area-chart .morris-hover.morris-default-style .morris-hover-point{margin:0.1em 0;white-space:nowrap}#detailed-charts{display:flex;justify-content:space-between;margin-right:-20px}#detailed-charts>*{width:100%;margin-right:20px}#transactions-list table{display:table;width:100%}#transactions-list table thead{text-align:left;font-weight:bold}#transactions-list table thead tr{border-bottom:2px solid #ccc}#transactions-list table tbody tr{border-top:1px solid #ccc}#transactions-list table tbody td{padding:5px 0}#bar-charts .stat-header{display:table;width:100%;margin-bottom:5px}#bar-charts .stat-value{display:table-cell;width:50%;color:#555;font-size:15px;font-weight:600;text-align:right;text-transform:uppercase}#bar-charts .stat-label{display:table-cell;width:50%;color:#999;font-size:13px;font-weight:600;text-transform:uppercase}#area-chart,#summary-stats,#detailed-charts{margin-top:20px}#card-summary-chart{margin-top:20px}.portlet-header{padding:5px 15px;background:linear-gradient(to bottom, #fafafa 0%, #eee 100%);border:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px}.portlet-header h3{font-size:15px;margin:0}.portlet-header h3 i{margin-right:10px}.portlet-content{margin-top:1px;padding:15px;border:1px solid #ccc;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.progress-striped{height:20px;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);overflow:hidden;background-color:#eee}.progress-bar{height:20px;background-color:var(--primary-color)}
