.btn__calendar{position:relative;overflow:visible;height:18px;} .btn__calendar__date__picker{position:absolute;height:18px;left:0px;top:30px;z-index:451;margin:0;padding:0px;list-style:none;}
   /* <div class="spinner"> <div class="cube1"></div> <div class="cube2"></div> <div class="cube3"></div> </div> */    .spinner{height:40px;margin:50px auto;position:relative;width:40px;}  .spinner .cube1,.spinner .cube2,.spinner .cube3{background-color:#00A82D;height:10px;left:0;position:absolute;top:0;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}  .spinner .cube1{-webkit-animation:cube1move 2s infinite ease-in-out;animation:cube1move 2s infinite ease-in-out;} .spinner .cube2{-webkit-animation:cube2move 2s infinite ease-in-out;animation:cube2move 2s infinite ease-in-out;} .spinner .cube3{-webkit-animation:cube3move 2s infinite ease-in-out;animation:cube3move 2s infinite ease-in-out;}  @-webkit-keyframes cube1move{10%,20%{-webkit-transform:rotate(45deg)} 30%{-webkit-transform:translateX(10px) translateY(10px) rotate(45deg)} 40%,90%{-webkit-transform:translateX(0) translateY(20px) rotate(45deg)} 100%{-webkit-transform:translateX(0) translateY(0px) rotate(225deg)}} @-webkit-keyframes cube2move{10%,40%{-webkit-transform:rotate(45deg)} 50%,80%{-webkit-transform:translateX(10px) translateY(10px) rotate(45deg)} 90%{-webkit-transform:translateX(0px) translateY(20px) rotate(45deg)} 100%{-webkit-transform:translateX(0px) translateY(0px) rotate(225deg)}} @-webkit-keyframes cube3move{10%,70%{-webkit-transform:rotate(45deg)} 80%{-webkit-transform:translateX(10px) translateY(10px) rotate(45deg)} 90%{-webkit-transform:translateX(0px) translateY(20px) rotate(45deg)} 100%{-webkit-transform:translateX(0px) translateY(0px) rotate(225deg)}} /**/ @keyframes cube1move{10%,20%{transform:rotate(45deg);-webkit-transform:rotate(45deg);} 30%{transform:translateX(10px) translateY(10px) rotate(45deg);-webkit-transform:translateX(10px) translateY(10px) rotate(45deg);} 40%,90%{transform:translateX(0) translateY(20px) rotate(45deg);-webkit-transform:translateX(0) translateY(20px) rotate(45deg);} 100%{transform:translateX(0) translateY(0px) rotate(225deg);-webkit-transform:translateX(0) translateY(0px) rotate(225deg);}} @keyframes cube2move{10%,40%{transform:rotate(45deg);-webkit-transform:rotate(45deg);} 50%,80%{transform:translateX(10px) translateY(10px) rotate(45deg);-webkit-transform:translateX(10px) translateY(10px) rotate(45deg);} 90%{transform:translateX(0px) translateY(20px) rotate(45deg);-webkit-transform:translateX(0px) translateY(20px) rotate(45deg);} 100%{transform:translateX(0px) translateY(0px) rotate(225deg);-webkit-transform:translateX(0px) translateY(0px) rotate(225deg);}} @keyframes cube3move{10%,70%{transform:rotate(45deg);-webkit-transform:rotate(45deg);} 80%{transform:translateX(10px) translateY(10px) rotate(45deg);-webkit-transform:translateX(10px) translateY(10px) rotate(45deg);} 90%{transform:translateX(0px) translateY(20px) rotate(45deg);-webkit-transform:translateX(0px) translateY(20px) rotate(45deg);} 100%{transform:translateX(0px) translateY(0px) rotate(225deg);-webkit-transform:translateX(0px) translateY(0px) rotate(225deg);}}
th.period,th.year,th.quarter,th.month,th.week,th.day{width:90px;} .pagination li{display:inline-block;list-style:none;margin-left:2px;margin-right:2px;} .pagination li.selected a{font-weight:bold;background-color:rgb(0,168,45);color:white;} .pagination a{text-decoration:none;border:1px solid #A6A6A6;background-color:white;text-align:center;display:block;min-width:32px;padding-left:6px;padding-right:6px;padding-top:3px;height:32px;vertical-align:center;} .pagination a:hover{background-color:#bedbed;} .label--input{font-weight:bold;margin-bottom:0;} .button-list--horizontal{list-style-type:none;margin:10px 0;padding:0;overflow:hidden;} .button-list--horizontal li{float:left;margin:0 10px 0 0;padding-top:3px;padding-bottom:3px;} .button-list--horizontal li a{display:inline-block;} .btn--report-grouping,.btn--search-reports,.btn--report-grouping:visited{background-color:#FFF;border:1px solid rgb(0,32,81);border-radius:5px;color:rgb(0,32,81);display:inline-block;font-size:18px;text-align:center;text-decoration:none;font-weight:bold;min-width:100px;padding-top:3px;padding-bottom:3px;} .btn--selected,.btn--report-grouping:hover{color:#FFF;background-color:rgb(0,32,81);} .btn--report-grouping.btn--selected{cursor:default;} .btn--report-grouping:disabled,.btn--search-reports:disabled{opacity:0.5;} .btn--report-grouping:disabled:hover{background-color:#FFF;color:rgb(0,32,81);} .input-container--horizontal{margin-top:8px;} .input-container--horizontal > span,.input-container--horizontal > label{display:inline;} .input-container--horizontal > input[type=text]{display:inline;width:115px;} #start_date_picker,#end_date_picker{display:inline-block;} hr{margin-top:8px;}  .btn__calendar__date__picker{top:-20px;} .btn__calendar > .btn--link > span{display:none;} .bats-table td{white-space:nowrap;} ul.pagination{margin-left:0;text-align:center;} ul.pagination a{cursor:default;} .icon-spinner{background-image:url(/_img/icons/spinner.svg);width:100%;height:48px;margin:6px;background-repeat:no-repeat;background-position-x:center;} .date-cell{display:table-cell;} .date-cell--year{width:100px;} .date-cell--quarter-month{width:250px;} .sprite{background:url(/_img/sprites/sprites.png) no-repeat 0 0;} .sprite--calendar{background-position:-139px -116px;height:18px;width:29px;cursor:pointer;} .sprite--download{background-position:-121px -116px;height:18px;width:20px;} .report-nav h3{float:left;} .report-nav a{float:right;}