/* Custom Styles */
.becomeAPatron {
    color: #fff;
    background-color: #e85128;
    font-weight: 700;
    font-size: 120%;
}
.becomeAPatron img{
    margin-top: -5px;
    width: 20px;
}

.creatorName {
    font-size: 120%;
    font-weight: bold;
}
.creatorName-big {
    font-size: 150%;
    font-weight: bold;
}
table .number {
    font-size: 120%;
    font-weight: bold;
}

ul.popular-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popular-list > li {
  width: 33%;
  float: left;
  padding: 10px;
  text-align: center;
}
.popular-list > li img {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}
.popular-list > li > a:hover,
.popular-list > li > a:hover .popular-list-name {
  color: #999;
}
.popular-list-name,
.popular-list-date {
  display: block;
}
.popular-list-name {
  font-weight: 600;
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popular-list-percent {
    font-size: 14px;
}

.creatorName-spacing {
    margin-left:60px;
}

.creatorpageImage {
    margin-top:10px;
    margin-left:15px;
}
.creatorpageTitle-spacing {
    margin-left: 105px;
}

.no-margin {
    margin:0;
}

.page-header {
  margin: 10px 0 5px 0;
  font-size: 22px;
}

.description-percentage {
    font-size: 180%;
    font-weight: 600;
}

.nav-stacked > li > a {
  color: #3c8dbc;
}

.subscribe-box {
    position: fixed;
    padding: 3px 8px 8px 8px;
    margin: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    z-index: 99;
}

.loadingModal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0,0,0,0.7) 
                url('/img/modalLoadingIcon.gif') 
                50% 50% 
                no-repeat;
}
body.loading {
    overflow: hidden;   
}
body.loading .loadingModal {
    display: block;
}

.logo-icon {
	margin:8px 8px 0 8px;
}

select#searchAutocomplete {
	display: none;
}

.select2-selection__choice {
	display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
  margin-left: 4px;
}

.paginate_page {
  margin-left: 10px;
}
.paginate_of {
  margin-right: 10px;
}

.dataTables_paginate .paginate_input {
  width: 30px;
}

@media
  only screen and (max-width: 640px){

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
      display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    tr th {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    tr { 
      border-top: 1px solid #ccc; 
      border-bottom: 1px solid #ccc;
    }

    td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      margin-left: 20px;
      margin-right: 20px;
    }
  }