.compact-theme span,
span.ellipse.clickable {
  cursor: pointer
}

.compact-theme a,
.compact-theme span,
.dark-theme a,
.dark-theme span,
.light-theme a,
.light-theme span {
  float: left;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  min-width: 14px
}

ul.simple-pagination {
  list-style: none
}

.simple-pagination {
  display: block;
  overflow: hidden;
  padding: 0px 15px 10px 8px;
  margin: 0;
  float: right;
}

.simple-pagination li,
.simple-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.simple-pagination li {
  float: left;
  margin-bottom: 12px;
}

.ellipse input {
  width: 3em
}

.compact-theme a,
.compact-theme span {
  color: #333;
  font-weight: 400;
  border: 1px solid #AAA;
  border-left: none;
  padding: 0 7px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
  background: #efefef;
  background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
  background: -o-linear-gradient(top, #fff 0, #efefef 100%);
  background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
  background: linear-gradient(top, #fff 0, #efefef 100%)
}

.compact-theme a:hover,
.compact-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0, #bbb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(100%, #bbb));
  background: -webkit-linear-gradient(top, #efefef 0, #bbb 100%);
  background: -o-linear-gradient(top, #efefef 0, #bbb 100%);
  background: -ms-linear-gradient(top, #efefef 0, #bbb 100%);
  background: linear-gradient(top, #efefef 0, #bbb 100%)
}

.compact-theme li:first-child a,
.compact-theme li:first-child span {
  border-left: 1px solid #AAA;
  border-radius: 3px 0 0 3px
}

.compact-theme li:last-child a,
.compact-theme li:last-child span {
  border-radius: 0 3px 3px 0
}

.compact-theme .current {
  background: #bbb;
  background: -moz-linear-gradient(top, #bbb 0, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #bbb 0, #efefef 100%);
  background: -o-linear-gradient(top, #bbb 0, #efefef 100%);
  background: -ms-linear-gradient(top, #bbb 0, #efefef 100%);
  background: linear-gradient(top, #bbb 0, #efefef 100%);
  cursor: default
}

.compact-theme .ellipse {
  background: #EAEAEA;
  padding: 0 10px;
  cursor: default
}

.light-theme span {
  cursor: pointer
}

.light-theme a,
.light-theme span {
  color: #666;
  font-weight: 400;
  border: 1px solid #BBB;
  padding: 0 7px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  background: #efefef;
  background: -moz-linear-gradient(top, #fff 0, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
  background: -o-linear-gradient(top, #fff 0, #efefef 100%);
  background: -ms-linear-gradient(top, #fff 0, #efefef 100%);
  background: linear-gradient(top, #fff 0, #efefef 100%)
}

.light-theme a:hover,
.light-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #FCFCFC
}

.light-theme .current {
  background: #666;
  color: #FFF;
  border-color: #444;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, .3) inset;
  cursor: default
}

.light-theme .ellipse {
  background: 0 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: 700;
  cursor: default
}

.dark-theme span {
  cursor: pointer
}

.dark-theme a,
.dark-theme span {
  color: #000;
  font-weight: 400;
  border: 1px solid #222;
  padding: 2px 10px;
  margin: 0 0px 0 8px;
  border-radius: 2px
}

.dark-theme a:hover,
.dark-theme li:not(.disabled):not(.active) span:hover {
  text-decoration: none;
  background: #1565C0;
  color: #fff
}

.dark-theme .current {
  background: #1565C0 !important;
  color: #FFF;
  border-color: #1565C0 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2), 0 0 1px 1px rgba(0, 0, 0, .1) inset;
  cursor: default
}

.dark-theme .ellipse {
  background: 0 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-weight: 700;
  cursor: default
}

.my-pagination-container {
  margin-top: 10px !important;
  margin-bottom: 10px;
  text-align: right;
}



/* 
#my-spentTime-pagination-video {
  padding-right: 15px;
} */