div.content-wrapper {
    overflow-x: auto; 
    clear: both;
}

#ajax-spinner {
  width: 0px;
  height: 5px;
  background: #F6C844;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-animation: mymove 1s forwards; /* Chrome, Safari, Opera */
  animation: mymove 1s forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  z-index: 99999999;
}

.spinner-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../img/spinner.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .spinner-modal {
    display: block;
}

@-webkit-keyframes mymove {
  from {
    with: 0px;
  }
  to {
    width: 100%;
  }
}

@keyframes mymove {
  from {
    with: 0px;
  }
  to {
    width: 100%;
  }
}

.text-nowrap {
  white-space: nowrap;
}

.btn-s {
  border-radius: 0;
  font-size: 11px;
  line-height: 1.3;
  padding: 0;
}

/** Grido checkbox  */
.grido .checker label,
.grido .checker input {
  margin: 0 !important;
}

.red {
  color: #FF591B;
}

.green {
  color: #32CD32;
}

.blue {
  color: #5FD7FF;
}

#ppl-settings .form-control {
  height: 20px;
  padding: 2px 5px;
}

#ppl-settings .input-group-addon {
  padding: 2px 6px;
}

#ppl-settings .form-horizontal .control-label {
  padding-top: 0;
}

#ppl-settings .form-group {
  margin-bottom: 5px;
}

#final-link-params span {
  margin: 0px 5px 5px 0;
  cursor: default;
}

#final-link-params span a {
  color: #fff;
}

.datagrid {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #3c8dbc;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 0;
}

.datagrid .selectpicker {
  height: 30px !important;
}

.datagrid .bootstrap-select {
  width: 100% !important;
}

.datagrid .bootstrap-select button {
  background: #fff !important;
  width: 100% !important;
  border-radius: 0px !important;
}

.datagrid .row-filters .input-group-append {
  display: table-cell;
  height: 10px;
  padding: 0 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.datagrid .row-filters .input-group-append label {
  height: 10px;
}

table#snippet-responderHistory-flirtRepliesGrid-table tr[data-id] td,
table#snippet-responderHistory-outgoingFlirtsGrid-table tr[data-id] td {
  background: lightskyblue;
}

table#snippet-responderHistory-flirtRepliesGrid-table tr[data-id] td a,
table#snippet-responderHistory-outgoingFlirtsGrid-table tr[data-id] td a {
  color: purple;
}

table#snippet-responderHistory-flirtRepliesGrid-table tr.negative-reply td {
  background: red;
  color: white;
}

table#snippet-responderHistory-flirtRepliesGrid-table tr.negative-reply td a {
  color: yellow;
}

.table-profile-list tr.gender2 td.col-member_gender_id {
  color: #c5005a;
}

.table-profile-list tr.gender1 td.col-member_gender_id {
  color: #001561;
}

.table-profile-list tr.gender1 td.col-member_gender_id_search {
  color: #c5005a;
}

.table-profile-list tr.gender2 td.col-member_gender_id_search {
  color: #001561;
}

.table-profile-list tr.levelSOI td.col-level {
  color: green;;
}

.table-profile-list tr.levelDOI td.col-level {
  color: blueviolet;;
}

.table-profile-list tr.levelTOI td.col-level {
  color: brown;
}

.table-profile-list tr.levelVIP td.col-level,
.table-profile-list tr.vip td.col-status {
  color: goldenrod;
  font-weight: bold;
}

.table-profile-list tr.publishedY td.col-flag_published {
  font-weight: bold;
  color: green;
}

.table-profile-list tr.publishedN td.col-flag_published {
  color: red;
}

.table-profile-list tr.livechatY td.col-livechat {
  font-weight: bold;
  color: green;
}

.table-profile-list tr.livechatN td.col-livechat {
  color: red;
}

.table-profile-list td.col-email a {
  cursor: pointer;
}

table.table-profile-list span.male {
  color: #001561;
}

table.table-profile-list span.female {
  color: #c5005a;
}

.table-profile-list td.col-name {
  font-weight: bold;
}

.table-profile-list td.col-id {
  color: gray;
}

table.table-profile-list {
  font-size: 90%;
}

table.table-profile-list tr.deleted td {
  color: #AAAAAA;
  text-decoration: line-through;
  background: #ffAbA9;
}

table.table-profile-list tr.vip td {
  background: #BAE0BA;
}

table.table-profile-list tr td,
table.table-profile-list tr th {
  padding: 2px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#snippet--flashes {
  padding: 1rem;
}

.flashes .flash {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  animation: pulse 2s 10;
}

.breadcrumb-help::before {
  content: none !important;
}

.breadcrumb-help i {
  padding-left: 1.4rem;
  font-size: 2rem;
  color: #008d4c;
}

@media (min-width: 768px) {
  .flashes {
    width: 80%;
    max-width: 600px;
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.tab-content-custom {
  border: 1px solid #ddd;
  border-top: 0 none;
  background: #fff;
  padding: 10px;
}