body { background-color: #F8F8F8; }
a { color: #4B6186; }
div.container { width: 97%; }
.account-delete { display: none; }

/* HEADER */
div.navbar { background: #007499; position: static; z-index: 88; }
div.navbar-header a.navbar-brand { font-weight: bold; color: #fff; text-transform: uppercase; }
div.navbar-header a.navbar-brand:hover { color: #E6A500; }
div.navbar ul.nav.navbar-nav li a { color: #fff; font-weight: bold; font-size: 13px; padding: 15px; }
div.navbar ul.nav.navbar-nav li ul.dropdown-menu li a { color: #000; font-weight: bold; font-size: 13px; padding: 15px; }
div.navbar ul.nav.navbar-nav li a span { font-size: 11px; margin-right: 4px; }
div.navbar ul.nav.navbar-nav li a:hover,
div.navbar ul.nav.navbar-nav li.active a { background: #252D3A; color: #fff; }
div.navbar ul.nav.navbar-nav li.active ul.dropdown-menu li a { color: #000; background-color: #fff; }
div.navbar ul.nav.navbar-nav li ul.dropdown-menu li a:hover, div.navbar ul.nav.navbar-nav li.active ul.dropdown-menu li a:hover { color: #000; background-color: #E4E3E3; }
div.navbar ul.nav.navbar-nav li.active a span { color: #E6A500; }

/* PAGE */
a.thumb-profile { cursor: pointer; padding: 5px; border: 1px solid #ddd; display: block; width: 112px; height: 112px; }
div.page { padding-top: 20px; }
div.box {  position: relative; background: #fff; padding: 10px; border: 1px solid #ddd; margin-bottom: 20px; box-shadow: 1px 1px 0 rgba(0,0,0,0.1); }
div.box.total h5 { font-weight: bold; display: block; margin: 0; font-size: 21px; text-align: center; color: #E6A500; }
div.box h3.title { font-size: 13px; border: 1px solid #ccc; display: block; padding: 10px; margin: -11px -11px 10px -11px; font-weight: bold;
	text-shadow: 1px 1px #fff;
	background-color: #CCCCCC; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #FFFFFF 0%,#DDDDDD 100%); /* W3C */
}
div.box h3.title span { font-weight: normal; font-size: 11px; }
div.box h3.title form { float: right; margin-top: -5px; }
div.box h3.title form input,
div.box h3.title form button { height: 25px; line-height: 25px; font-size: 12px; }
div.box h3.title form button { padding: 0 10px; font-weight: bold; }
div.box h3.title form .form-group { float: left; margin-left: 30px; }
div.box h3.title form .form-group.credits label { display: inline-block; }
div.box h3.title form .form-group.credits input { display: inline-block; width: 75px; }
div.box h3.title form .btn-group .btn.on.active { background: green; color: white; }
div.box h3.title form .btn-group .btn.off.active { background: red; color: white; }
div.box h3.title .form-group .btn-group .btn.on.active { background: green; color: white; }
div.box h3.title .form-group .btn-group .btn.off.active { background: red; color: white; }
div.box h3.title.profile a { color: #99BAD3; }
div.box h3.title.profile {
	text-shadow: 1px 1px #000;
	color: #fff;
	border-color: #29313F; /* Old browsers */
	background-color: #354052; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #354052 0%, #29313F 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#354052), color-stop(100%,#29313F)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #354052 0%,#29313F 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #354052 0%,#29313F 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #354052 0%,#29313F 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354052', endColorstr='#29313F',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #354052 0%,#29313F 100%); /* W3C */
}

div.block { font-weight: bold; text-align: center; text-transform: uppercase; font-size: 10px; color: #bbb; padding: 0; }
div.block h5 { font-weight: bold; font-size: 16px; color: #354052; }
div.block h5 span { font-size: 12px; margin-right: 4px;}

/* TABLES */
table.table { font-size: 13px; margin: 0; }
table.table tr th { color: #000; font-size: 10px; font-weight: bold; text-transform: uppercase; border: 0; }
table.table.status tr th { background: #354052; color: #fff; }
table.table tr td { vertical-align: middle; }
table.table tr td em { font-size: 11px; color: #888; font-style: normal; }
table.table tr td.price { font-weight: bold; }
table.table tr:nth-child(even) td { background: #F5F8FF; }
table.table.table-yellow tr:nth-child(even) td { background: #FDF9E7; }
table.table tr:hover td { cursor: pointer; background: #eee; }
table.table.status tr td { padding-left: 20px; }
table.table.status tr:hover td { cursor: default; }

table.table.about th { width: 100px; }
table.table.about td { border: 0; padding: 5px 15px 5px 0; }
table.table.about tr:nth-child(even) td { background: #fff; }
table.table.about tr:hover td { cursor: default; background: #fff; }

/* LOADER */
div.loading div.box img { float: left; padding: 10px; display: block; }
div.loading div.box p { margin-left: 60px;  padding: 10px; }
form span.loader { display: none; width: 50px; height: 50px; background: url(../img/loader.gif); }

/* LOG */
.label-pink { background-color: #B6355E; }
.panel-group { margin-bottom: 5px; }
div.logError { font-size: 11px; margin-top: 10px; padding: 10px; display: none; }
div.panel div.panel-heading { padding: 0; background: #F8EFC0; border: 1px solid #F5E79E; box-shadow: none; }
div.panel div.panel-heading a { cursor: pointer; display: block; padding: 10px 10px;}
h4.panel-title { text-transform: uppercase; font-size: 12px; font-weight: bold; }
.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content: "\e080";
}
form.log textarea { height: 50px; margin-bottom: 10px; }
div.alert.alert-warning { font-size: 12px; margin: 0; padding: 10px; }

table.table.log-list { font-size: 12px; }
table.table.log-list td { border: none; padding: 5px 0; }
table.table.log-list tr:hover td { background: none; cursor: default; }
table.table.log-list td.date { font-size: 11px; color: #999; }
table.table.log-list tr:nth-child(even) td { background: #fff; }
table.table.log-list tr:hover td { cursor: default; background: #fff; }

/* REPORT */
form.report { font-size: 12px; }
form.report .col-lg-5 { padding-right: 0; position: relative; }
form.report .col-lg-5 input { padding-left: 27px; font-size: 12px; }
form.report .col-lg-5 span { position: absolute; top: 35px; left: 25px; font-size: 11px; color: #999; }
form.report .col-lg-5.end { padding-left: 10px; padding-right: 10px; }
form.report .col-lg-5.end span {left: 20px; }
form.report .col-lg-2 { padding-left: 0; }
form.report button { margin-top: 22px; }
.datepicker > div { font-size: 12px; }

/* PAGINATION */
.pagination>li>a { color: #354052;  }
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus { background: #354052; border-color: #354052; }

/* CANVAS MAP */
html, body, #map-canvas {
    height: 290px;
    margin: 0px;
    padding: 0px
}

/* MESSAGE FORM */
div.length ul li { color: green; float: left; font-size: 11px; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ddd; }
div.length ul li.last { border-right: none; }
div.length ul li.length { color: red; }
div.box.message { background: #F7FAFF; }
form.message { position: relative; margin-bottom: 10px;  }
form.message textarea { height: 55px; margin-bottom: 5px; padding: 20px; }
form.message div.bottom { position: absolute; right: 10px; top: 10px; }
form.message ul.emoticons li a { padding: 5px; cursor: pointer; }
form.message button.emoticons { padding-left: 7px; padding-right: 7px; }
form.message ul.emoticons { margin: 0; padding: 0; min-width: 212px; }
form.message ul.emoticons li { float: left; width: 30px; }
form.message a.pr-attach  { margin-right: 5px; }
form.message img.message-loader { display: none; }
ul.pr-select { display: none; margin-bottom: 0; padding: 10px 0 10px 10px; background: #fff; border: 1px solid #ccc; margin-top: 10px;
	position: absolute;
	bottom: -140px;
	left: 0;
	z-index: 11;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
}
form.message div.later { display: inline-block; font-size: 11px; }
form.message div.later input { vertical-align: -3px; }
form.message div.later label { cursor: pointer; font-weight: normal; margin-right: 5px; }
a.loadMore { display: block; margin-top: 10px; font-weight: bold; font-size: 12px; }
ul.pr-select li { float: left; margin-right: 10px; margin-bottom: 0; }
ul.pr-select li a.private-select { display: block; border: 3px solid #ddd; cursor: pointer; width: 106px; height: 106px; }
ul.pr-select li a.private-select.active:hover,
ul.pr-select li a.private-select.active { border-color: green; }
ul.pr-select li a.private-select:hover { border-color: #999; }
ul.pr-select li a.private-select img { width: 100px; height: 100px; }
ul.pr-select li a input {display: none; }

ul.chat { margin: 0;  }
ul.chat li { min-height: 68px;  margin-top: 15px; }
ul.chat li { min-height: 68px;  margin-top: 15px; }
ul.chat li a.thumb { display: block; float: left; width: 68px; padding: 3px; background: #fff; border: 1px solid #ddd; border-radius: 2px; }
ul.chat li a.thumb img { max-width: 100%; }
ul.chat li div.content { margin-left: 85px; font-size: 13px; }
ul.chat li div.content div.wrap { min-width: 150px; min-height: 67px;  border-radius: 3px; display: block; padding: 10px;
border: 1px solid #BFD1B3; position: relative;
	background-color: #D9FCC2; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D9FCC2 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#D9FCC2)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%,#D9FCC2 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%,#D9FCC2 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #FFFFFF 0%,#D9FCC2 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9FCC2',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #FFFFFF 0%,#D9FCC2 100%); /* W3C */
	word-break: break-word;
}
ul.chat li div.content div.wrap h2 { margin: 0 0 5px 0; font-size: 13px; font-weight: bold; }
ul.chat li div.content div.wrap a.attachment-image { cursor: pointer; margin-top: 5px; display: block; width: 130px; height: 130px; border: 1px solid #ddd; }
ul.chat li div.content div.wrap a.attachment-image img { width: 130px; height: 130px; }
ul.chat li div.content div.wrap span { font-size: 11px; font-weight: normal; margin-left: 5px; display: inline-block; color: #888; }
ul.chat li div.content div.wrap h2 a { color: #6B7A61; }
ul.chat li div.content div.wrap span { color: #8D9B83; }
ul.chat li div.content div.wrap span.label { color: #fff !important; font-weight: bold; text-transform: uppercase; }

ul.chat li.right div.content div.wrap h2 a { color: #4B6186; }
ul.chat li.right div.content div.wrap span { color: #888; }
ul.chat li.right div.content div.wrap {
	border: 1px solid #ccc;
	background-color: #EEEEEE; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* W3C */

}

ul.chat li div.content div.wrap:after, ul.chat li div.content div.wrap:before {
	right: 100%;
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

ul.chat li div.content div.wrap:after {
	border-color: rgba(250, 250, 250, 0);
	border-right-color: #F3FEEC;
	border-width: 10px;
	margin-top: -10px;
}
ul.chat li div.content div.wrap:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #A5B898;
	border-width: 11px;
	margin-top: -11px;
}

ul.chat li.right div.content div.wrap:after {
	border-right-color: #fafafa;
}
ul.chat li.right div.content div.wrap:before {
	border-right-color: #bbb;
}

/* STATS */
table.table.stats tr td { border: 1px solid #ddd; text-align: right; }
table.table.stats tr:nth-child(even) td  { background: #fff; }
table.table.stats tr.head th { background: #E2E9F3; color: #354052; border: 1px solid #A3B0C3; text-align: center;}
table.table.stats tr.bottom th { background: #E2E9F3; color: #354052; border: 1px solid #A3B0C3;  text-align: right; text-transform: none; font-size: 13px;  }

table.table.new_stats tr td { border: 1px solid #ddd; text-align: justify; }
table.table.new_stats tr:nth-child(even) td  { background: #fff; }
table.table.new_stats tr.head th { background: #E2E9F3; color: #354052; border: 1px solid #A3B0C3; text-align: center; vertical-align: middle;}
table.table.new_stats tr.bottom th { background: #E2E9F3; color: #354052; border: 1px solid #A3B0C3;  text-align: right; text-transform: none; font-size: 13px;  }

/* POPUP */
div#popup-wrap { display: none; }
div.overlay { background: url(../../../global/img/overlay.png); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; }
div.popup { width: 480px; position: absolute; top: 80px; left: 50%; margin-left: -240px; z-index: 100; }
div.popup h3.title a.close { opacity: 1; font-size: 14px; }
div.popup h3.title a.close:hover span { color: #000; }
div.popup.attachment { width: 450px; position: fixed; top: 80px; left: 50%; margin-left: -225px; z-index: 100; }
div.popup.attachment a.close { color: #fff; text-shadow: 1px 1px 0 #000; margin-bottom: 10px; font-size: 14px; }

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	div.table-responsive { overflow-x: auto; }
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

.btn-green.active {
	background-color: #6DAD60!important;
	border-color: #3e8f3e!important;
}

.clearCity, .clearRegionCity {
	color: #4B6186;
	cursor:pointer;
}
.clearCity:hover, .clearCity:focus, .clearRegionCity:hover, .clearRegionCity:focus {
	color: #2a6496;
	text-decoration: underline;
	cursor:pointer;
}

/* CUSTOM BADGES */
.badge-error {
  background-color: #b94a48;
}
.badge-warning {
  background-color: #f89406;
}
.badge-success {
  background-color: #468847;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-inverse {
  background-color: #333333;
}

/* Auto complete */
ul.ui-menu {
	z-index: 1100!important;
}

/* Gifts */
.gift.credits10 { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.credits25 { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.credits50 { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.lingerie { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/womens_panties.svg); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.handcuffs { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/handcuffs.svg); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.perfume { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon5.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.teddybear { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon6.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.chocolate { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon7.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.vibrator { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon8.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.plug { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon9.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.oil { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/model-icon10.png); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.whip { width: 60px; height: 60px; padding-right: 190px; background-image:url(../../theme/flirtyslapper/images/whip.svg); background-position: 5% center; background-repeat: no-repeat; background-size: 60px 60px; }
.gift.credits10::after{ content: " 10 Credits"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.credits25::after{ content: " 25 Credits"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.credits50::after{ content: " 50 Credits"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.lingerie::after{ content: " Lingerie"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.handcuffs::after{ content: " Handcuffs"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.perfume::after{ content: " Perfume"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.teddybear::after{ content: " Teddy bear"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.chocolate::after{ content: " Chocolate"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.vibrator::after{ content: " Vibrator"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.plug::after{ content: " Anal plug"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.oil::after{ content: " Massage oil"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }
.gift.whip::after{ content: " Whip"; padding-left: 80px; font-size: 18px; position: relative; top: 18px; white-space: nowrap; }

.tooltip, .tooltip-inner { text-shadow: none; }

.highlight_word {
    color: red;
}

.title_button {
	margin-top: -3px;
}

.model_active {
	color: green;
	font-weight: bold;
}

.model_inactive {
	color: red;
	font-weight: bold;
}

#reportMessageModal {
	word-break: break-word;
}

.report .row {
	margin-bottom: 15px;
}

table.stats_v2 td {
	background-color: #FFFFFF!important;
}

.stats_v2 button {
	margin: 5px;
}

.selected .content {
	border-bottom: 3px solid #ff0000;
}

.flex-box-row {
	display:flex;
	flex-wrap: wrap;
}

.flex-box-row .flex-box-col {
	flex: 1 0 auto;
	margin-bottom: 20px;
}

.flex-box-row .flex-box-col .box {
	height: 100%;
}

.box-checkbox {
	margin-top: 5px;
}
/* AI Popup */

#ai_responses .ai_response_box {
	font-size: 1.2em;
	margin-bottom: 15px;
	padding: 15px;
	background-color: #fefefe;
	border: 1px solid #c0c0c0;
}

#ai_responses .ai_response_box input {
	display: none;
}

#ai_responses .ai_response_box.selected {
	background-color: #f9f7c4;
	border: 1px solid #37349e;
}

#profileImage .btn,
.actions .btn {
	margin-top: 5px;
}