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

  body {
    padding-bottom: 30px;
    background-color: #f2f2f2;
    font-size:1.1vw;
  }

  h4.panel-title {
    font-size:1.3vw;
  }

  a.black {
    font-size:1.3vw;
  }

  a.black:hover {
    color:#000 !important;
  }

  span.badge {
    font-size:1.2vw !important;
  }

}

html,body {
  outline: none !important;
   font-size: 13px;
}

div#blockLeft {
  padding-right:0;
}

div#blockCenter {

}

div.layout3 {
  padding-left:6px;
  padding-right:6px;
}

div.layout2 {
  padding-left:6px;
  padding-right:16px;
}

div#blockRight {
  padding-left:0;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.carousel-inner{
  width:100%;
  max-height: 300px !important;
}

span.heading {
  margin-right:4px;
}

span.menu {
  margin-right: 10px;
}

div.margin {
  margin-top: 20px;
}

a.block {
  display: block;
  margin-top:3px;
  font-size:13px;
}
a.block:hover {
  text-decoration: none;
}

form.form {
  text-align: center;
}

div.panel {
  margin-bottom: 10px;
}

div.panel-body {
  padding-top:5px;
}

h4 a {
  color:#fff;
}

h4 a:hover {
  text-decoration: underline;;
  color:#fff;
}

h4 span.from {
  padding-left:5px;
  font-size:12px;
}

h4 table.personal-info {
  position:absolute;
  right:28px;
  top:8px;
  font-size:10px;
  line-height: 12px;
}

h4 table.pair {
  top:2px;
}

h4 table td {
  padding-left:20px;
}

td.l {
  text-align: left;
}

tr.r {
  text-align: right;
}

td.r {
  text-align: right;
}

div.r {
  margin-top:8px;
  text-align:right;
}

div.new {
  padding:8px 8px 0px 8px;
}

div.virtual {
  padding:4px 4px 0 4px;
}

sup.option {
  font-size: 10px;
  margin-left:5px;
}

span.rw {
  right:25px;
  position:absolute;
  font-size: 10px;
}

span.r {
  right:15px;
  position:absolute;
  font-size: 10px;
}

span.r a {
  color: #3174AE;
}

span.r a.del {
  color:brown;
  font-weight: bold;
  font-size: 12px;
}

span.survey {
  right:16px;
  bottom:28px;
  position:absolute;
  font-size: 10px;
}

a.u {
  color:#000;
}
a.u:hover {
  text-decoration: underline;
  color:#000;
}

hr.d {
  margin:0 0 5px 0;
  border-top:1px solid silver;
}

div.o {
  border-top:1px solid silver;
  border-bottom: 1px solid silver;
  padding:4px;
}

div.d {
  border-bottom:1px solid silver;
  padding:4px;
}

button.r {
    right:30px;
    margin-top:0px;
    position:absolute;
}

button.btn-link {
  outline: none;
}

div.h {
  display:none;
  margin-top:10px;
}

div.c {
  text-align: center;
  margin-top:10px;
}

div.panel-body a span.badge {
  position:absolute;
  right:10px;
}

.tooltip-inner {
    white-space:pre-wrap;
    font-size:12px;
}

div.well-sm {
  margin-bottom:10px;
}

form.login {
  margin-top:10px;
}

/*
.panel > .panel-heading {
    background-image: none;
    background-color: #98001B;
    color: white;

}

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #98001B;
  border-color: #980F1B;
  background-image: linear-gradient(to bottom,#98001B 0,#980F1B 100%);
}

.btn-primary:hover {
  color: #ffffff;
  background-color: #9B031C;
  border-color: #980F1B;
  background-image: linear-gradient(to bottom,#9B031C 0,#7B0015 100%);
}
*/

div.mb {
  margin-bottom:15px;
}

div.mbh {
  margin-bottom: 8px;
}

div.mt {
  margin-top:15px;
}

/* scroll fixes */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}

span.a, span.a:before{
  content: "*";
  color:red;
  font-weight: bold;
  font-size: 16px;
}

div.i {
  font-style: italic;
  margin-bottom:-8px;
}

div.none {
  display:none;
}

@media (min-width: 1200px) {
    .navbar{
        max-width: 1138px;
        margin:0 auto;
    }
}

div.profile {
  border-left:1px solid #DDDDDD;
  border-bottom:1px solid #DDDDDD;
  border-right:1px solid #DDDDDD;
  margin-bottom:10px;
  padding:5px 10px;
}

div.profileDescription {
  border:1px solid #DDDDDD;
  margin-bottom:10px;
  padding:5px 10px;
}

label.checkbox {
  padding-top:0 !important;
  min-height: 0 !important;
}

div.logo {
  margin-bottom:10px;
  background: #000;
  margin: 0 2px 10px 2px;
  height: 35px;
}

div.logo h1 {
  color:silver;
  margin-top:4px;
  margin-left: 0;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 20px;
}

nav.logo {
  margin-bottom:10px;
}

div.panel-body a.inline {
  display:inline-block;
}

div.loading {
  margin: 50px;
  text-align: center;
}

li.select2-search {
  display: none;
}

div.l {
  margin-top:8px;
  text-align:left;
}

table.hobbies {
  width:100%;
}

table.hobbies td {
  text-align: left;
}

span.label {
  letter-spacing: 1.5px;
  font-weight: normal;
}

th.c {
  text-align: center;
}

h1 a {
  color:silver !important;
  text-decoration: none;
}

div#errorMessageBox {
  position:fixed;
  width:450px;
  text-align: center;
  z-index:1000000;
}

div#uploader {
  width:95% !important;
  margin:0 auto;
}

div#result {
  display:none;
}

select#changeUser {
  width:100%;
}

div#userFilter, div#advertisementFilter {
  border: none;
  overflow:hidden;
  width: 0px;
  height: 0px;
}

table.table-no-line-border td, th {
  border:none !important;
}

table.table-no-line-border thead {
  height:0px !important;
}

.navbar {
  min-height:15px;
}


.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
}
.navbar-nav > li > a {
    line-height: 20px;
}

table.dataTable {
  font-size:10px;
}

table.dataTable thead th {
  border-bottom:1px solid gray;
  background-color: #000;
  color:#fff;
  padding: 5px;
  height: 25px;
}

.dataTable > thead > tr > th[class*="sort"]:after{
    content: "" !important;
}

th.start, td.first {
  padding-left:10px !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
  padding-right:3px;
}

table.dataTable tbody td {
  height: 20px;
  line-height:25px;
}

table.dataTable tr.even {
  background-color: #F1F1F1;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
}

span.male, span.female, span.tv, span.shemale, span.hefemale {
  width: 30px;
  min-height: 20px;
  font-size: 0;
  display:block;
}

span.male {
  background: url(../img/genders/male.png) no-repeat center center;
}
span.female {
  background: url(../img/genders/female.png) no-repeat center center;
}
span.tv {
  background: url(../img/genders/tv.png) no-repeat center center;
}
span.shemale {
  background: url(../img/genders/shemale.png) no-repeat center center;
}
span.hefemale {
  background: url(../img/genders/hefemale.png) no-repeat center center;
}

div#footer {
  border-top:6px solid #000;
  background-color: silver;
  height:80px;
  padding:10px;
  margin: 0 15px;
  text-align: center;
}

div#footer a {
  color:#000;
}

table.justify td {
  text-align: justify;
}

table.stats {
  width:100%;
  background-color: #000;
}

table.stats td.name {
  color:#fff;
  font-weight: bold;
  font-size:12px;
  padding:7px 10px;
}

table.stats td.value {
  color:silver;
  font-size:12px;
  padding:7px;
}

table.stats td.space {
  width:20%;
}

ul.c {
  display: inline-block;
}

div#accordion h4.panel-title a small {
  position:absolute;
  right:25px;
  margin-top:3px;
}

div#accordion h4.panel-title a:hover{
  color: #3174AE;
}

div#addNote {
  display:none;
}

div.panel-collapse div.panel-body {
  padding-top:15px;
}

a.deleteNote {
  margin-top: 10px;
}

div#accordion {
  margin-bottom:5px;
}

h5 {
  padding-top:0;
  margin-top:0;
}

div.stats {
  margin:0;
  padding-left:7px;
  padding-right:7px;
}

div.s {
  font-weight: bold;
}

img.c {
  margin:0 auto;
}

h4.adv a {
  color:#3174AE;
}

a#newAdvertisement {
  position:absolute;
  right:16px;
}

a.advdel {
  position:absolute;
  right: 20px;
  bottom: 15px;
}

div#advertisementFilter form {
  margin: 10px;
}

img#advDetailImg {
  position: absolute;
  right:20px;
  top:45px;
}

.none {
  display: none;
}

p.description {
  font-style: italic;
  padding-top:10px;
  text-align: justify;
}

a.navbar-brand {
  height:20px;
  padding:4px 0 0 8px;
  color: white !important;
  font-size:14px;
}

li.users {
  margin-right:20px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

.editClubImageButton {
  position: absolute;
  right: 20px;
  top: 4px;
}

.h {
  display:none;
}

a.addOption {
  position: absolute;
  right:15px;
  top:0px;
  width: 40px;
}

div.progress {
  margin-bottom: 8px;
}

.nav>li>a {
  padding: 5px 8px;
}

#loader-icon {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display:none;
}

div.chat {
  margin:0;
  padding:0;
}

div.nb {
  border-bottom:none;
  border-left:none;
  border-right:none;
}

#headlineContainer {
  display: none;
}

.c {
  text-align: center;
}

a.free, a.incafe, a.cant {
  padding-top:10px;
  /* display:block; */
}

a.capacity {
  display: inline-block;
  padding-top: 10px;
}

div.action {
  padding:8px;
}

div.action h4 {
  border-bottom: 1px solid silver;
  padding-bottom:8px;
  text-align: center;
}

table.action {
  margin-bottom:0;
}

table.action td {
  vertical-align: middle !important;
}

.event-simple {
  color: gray;
  font-weight: bold;
}
.event-important {
  color: #ad2121;
  font-weight: bold;
}
.event-info {
  color: #1e90ff;
  font-weight: bold;
}
.event-warning {
  color: #e3bc08;
  font-weight: bold;
}
.event-inverse {
  color: #1b1b1b;
  font-weight: bold;
}
.event-success {
  color: #006400;
  font-weight: bold;
}
.event-special {
  color: #800080;
  font-weight: bold;
}

div#calendar p {
  text-align: center;
}

div.bt {
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  padding-bottom: 10px;
}

input.verify {
  width:120px;
  text-align: center;
  margin:10px auto;
}

table.mb {
  margin-bottom: 50px;
}

div.reply {
  margin-top:10px;
}

img.media-object {
  max-height: 54px;
  margin: 0 auto;
}

div.media-left, .media>.pull-left {
  min-width: 64px;
}

div#wallUploadPhoto {
  position:absolute;
  margin-top:10px;
}

span#filename {
  margin-left:30px;
}

img.wi {
  margin:0 0 10px 0 !important;
}

/* rating */

div.rating {
  margin-top:10px;
}

div#ratingPanel {
  position:absolute;
  top:12px;
  text-align:right;
  width:100%;
  padding-right:24px;
}

h4.rating {
  margin-top:0;
}

div.ratings {
  min-height:50px;
}

.virtual3d {
  width:100%;
  height:500px;
  margin:0;
  padding:0;
}

/* CROP */
.cropit-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 7px auto;
  width: 162px;
  height: 162px;
}

.cropit-preview-image-container {
  cursor: move;
}

.image-size-label {
  margin-top: 20px;
}

input.saveProfilePhoto {
  margin-top:15px;
}

div.image-editor {
  margin:0 auto;
  text-align: center;
}

.cropit-image-input {
  margin:0 auto;
}

img.img-thumbnail {
  margin-bottom:10px;
}

.carousel-caption {
  margin-bottom:31px;
  padding-bottom:0;
  padding-top:0;
}

.random {
  margin-bottom:0 !important;
  padding-bottom: 0 !important;
  bottom:0 !important;
}

.randomGallery {
  padding:0 !important;
  margin:0 !important;
}

.carousel-caption a {
  color:white;
}

.carousel-caption h6 {
  margin:0;
  padding:5px 0;
}

h6.gray {
  background:gray;
}

h6.orange {
  background:orange;
}

h6.green {
  background:green;
}


a sup {
  color: red;
}

div.j {
  text-align: justify;
}

div.galleryVisibleDiv, div.VideoVisibleDiv {
  margin-left:20px;
  /* border:1px solid red; */
}

img.admin_know {
  position:absolute;
  left:20px;
  z-index: 1000000;
  max-height:45px;
}

div.profile_image {
  position:absolute;
  right:20px;
  z-index: 10;
  max-height:148px;
  max-width:148px;
}

.panel-primary>.panel-heading {
  background-color: #000 !important;
  background-image:none;
  border-color: #000 !important;
}

.panel-primary {
    border-color: silver;
}

.btn-primary {
  background-color: #000 !important;
  background-image:none;
  border-color: silver;
}


.navbar-inverse {
  background:silver;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000;
    font-weight: bold;
    text-shadow:none;
    font-size: 16px;
}

a {
  color: #000;
}

a:hover {
  text-decoration: underline !important;
  color:#000;
}

.btn-link {
  color: #000;
}

.btn-link:hover {
  color: #000;
}

.badge {
  background-color:red;
}

div.desc {
  border: 1px solid #000;
}

div.alert {
  font-size:14px;
  margin-bottom:0;
}

hr.profile {
  margin: 10px 0;
}

table.nmb {
  margin-bottom:0;
}

div.carousel_main {
  margin-bottom:-24px;
}

a.g_man {
  color:blue !important;
}

a.g_woman {
  color:#990000 !important;
}

a.g_pair_hetero {
  color:#990099 !important;
}

a.g_pair_homo {
  color:#FF33AC !important;
}

h4.stats {
  border-bottom:1px solid silver;
}

span#bookingPrice {
  font-weight: bold;
}

#actionImage {
  margin-top:5px;
}

strong.red {
  font-size:13px;
  color:red;
}

#deleteActionImage {
  position: absolute;
  top:5px;
  right:20px;
}

.upper {
  bottom:34px !important;
}

div.carousel_actions {
  margin-bottom:60px;
}

div.carousel_next_actions {
  margin-bottom:-25px;
}

.adminGroups {
  position:absolute;
  right:14px;
}

form#searchUser {
  margin-top:5px;
}

p.start {
  font-weight: bold;
  font-size:14px;
}

div.nmlr {
  margin-left:0 !important;
  padding-left:0 !important;
  margin-right:0 !important;
  padding-right:0 !important;
}

p.justify {
    text-align: justify;
}

a.action {
  font-size:14px;
  font-weight:bold;
}

p.action {
  line-height: 14px;
}

p.desc {
  margin-top:32px;
  font-size:11px;
}

p.desc a {
  color: #000;
}

div.nmr {
  margin-right:0 !important;
  padding-right: 0 !important;
}

div.panel-body {
  padding: 5px 15px 5px 15px !important;
}

div.gray {
  background-color: #f3f3f3;
}

p.nmb {
  margin-bottom:0;
  padding-bottom:0;
}

td.wha {
  font-size:11px;
  text-align: center;
}

input.age {
  width:75px !important;
  text-align: center;
}

img.icon {
  height:25px;
  padding-top:0;
  padding-left: 6px;
  margin-top:-4px;
  cursor: pointer;
}

img.iconLeft {
  padding-left: 15px;
  margin-top:2px;
}

span.top {
  margin-left:-6px;
  margin-top:-14px;
}

div.iconic {
  padding-left:80px;
}

ul.setup {
  left:-112px !important;
}

ul.setup li a {
    font-size:10px;
}

ul.rating {
  margin-left:-150px;
  width:380px !important;
}

ul.alerts {
  min-width: 360px;
}

ul.alerts li a {
  margin-right:20px;
  font-size:10px;
}

div.topimage {
  margin-top:1px !important;
}

div.topimage a {
  color:#fff;
  font-size:1.1vw;
  position: absolute;
  margin-top:6px;
  margin-left:8px;
}

p.date {
  margin-top:10px;
}

ul.dropdown-menu {
  padding: 2px 0 !important
  margin:0 !important;
}

.dropdown-menu .divider {
  margin: 2px 0 !important;
}

h1.logo {
  width: 155px;
  float:left;
}

.inbox {
  border: 1px solid gray;
  background: silver;
  border-radius: 5px;
}

.sent {
  border: 1px solid #000;
  background: #C37171;
  border-radius: 5px;
}

.inbox, .sent {
  padding:5px;
}

div.date {
  font-size:10px;
  padding-left:0 !important;
  padding-top: 4px;
  color:#bbb;
}

div.datesent {
  font-size:10px;
  padding-right:0 !important;
  padding-top: 4px;
  color:#bbb;
}

div.messageUsers {
   background-color:#ddd;
   padding: 10px 5px 5px 5px;
}

a.deleteConversation {
  position:absolute;
  right:5px;
  padding-top:6px;
  color:#9B031C;
  font-weight: bold;
}

input#searchMessUser {
  width:100%;
}

.rotation {
  width:300px;
  margin-left:60px;
  margin-bottom:15px;
}

.rotateImage {
  margin-right:50px;
  padding:10px;
}

span.highlight {
  background-color: yellow;
  font-weight: bold;
}

a.p {
  font-weight: bold;
}

img.cu {
  position:relative;
  top:-70px;
  right:0px;
  width:40px;
  height:40px;
}

div#filterGalleries {
  border: 1px solid gray;
  padding: 10px;
}

img#calendarIcon {
  position:absolute;
  right:12px;
}

strong#counter {
  cursor: pointer;
}

table tr.green {
  background-color: #84BB84;
}

table tr.orange {
  background-color: #F2B968;
}

table tr.payed {
  background-color: #C12E2A;
}