* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; font-family:arial; outline:0;}
html,body {height:100%;}
body {margin:0px;font-family: 'Arial', sans-serif; font-size:14px;  background:#ddd;}

a {text-decoration:none; color:#00a3ee; cursor:pointer;}
p,h1,h2 {padding:0px 0px 10px 0px;margin:0px;}
iframe.width-changed {width: 100%;display: block;border: 0;height: 0;margin: 0;}
::-webkit-input-placeholder {color:#111;}
:-moz-placeholder {color:#111;}
::-moz-placeholder {color:#111;}
:-ms-input-placeholder {color:#111;}
.selectcontainer {cursor: pointer;overflow: hidden;position: relative;display: block;margin-bottom:10px;}
.selectcontainer::after {
    content: "\f078";font: normal normal normal 14px/1 FontAwesome;cursor: pointer;position: absolute;
    right: 7px;top: 50%; margin-top: -.6em;z-index: 1;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;pointer-events: none;
}
.selectcontainer select {outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.selectcontainer select {background:#fff;padding: 4px;border: 1px solid #ddd; border-radius:3px; width: 100%;font-size: 14px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
input[type=text], input[type=password], textarea  {border:1px solid #ddd; padding:5px; border-radius:3px; width:100%; font-size:14px;}
textarea  {height:68px;}

.hideInputFile {display:none;}
.progressbox {
	position:relative;border-radius: 3px;margin-top: 5px;
	display:none;text-align:left;  vertical-align:middle; width:150px;
}
.progressbar {height:20px;border-radius: 3px;background: #00a3ee;width:1%;}
.statustxt {top:3px;left:10px;position:absolute;display:inline-block;color: #fff;}


.table {width:100%; font-size:14px;display:table;}
.tr {display:table-row;cursor:pointer;}
.tr:nth-child(even) {background:#f6f6f6;}
.td {display:table-cell;padding:5px 5px; white-space:nowrap;}
.tableoverflow {overflow-y: auto;}



#blackout {display:none;position:fixed;background:rgba(122,122,122,.9); top:-100px; bottom:-100px; left:0; right:0; z-index:2;}
.button {cursor:pointer;color:#fff;background:#00a3ee; display:inline-block;padding:6px 20px;margin:0px 3px; border-radius:3px;}
.buttonwhite {cursor:pointer;color:#000;background:#fff; border:1px solid #ddd;  display:inline-block;padding:6px 20px;margin:0px 3px; border-radius:3px;}
.buttonwhite.active {color:#fff;background:#00a3ee; border:none;}


.maincontainer {overflow:hidden;}
#nav {
	padding:20px 10px;background:#3f3f3f;text-transform:uppercase; font-size:12px;position:fixed; width:230px; height:100%; left:0px;
}
#navcont a {display:inline-block; padding:0px 2px; position:relative;display:block; padding:0px 2px;margin-bottom:10px;}
#navcont i {font-size:16px; text-align:center; display:inline-block; vertical-align:middle; margin-right:10px; background:#00a3ee; padding:5px 2px; width:30px; color:#fff; border-radius:3px;}
#navcont span {font-size:14px; display:inline-block; vertical-align:middle;}

#nav #user {color:#fff;margin-bottom:20px;}
#nav #user i {font-size:26px; color:#00a3ee; background:#fff; border-radius:50%;padding:7px 7px;width:43px;text-align:center;vertical-align:middle;}
#nav #user span {display:inline-block;vertical-align:middle; white-space:nowrap;padding:0px 10px;}
#nav #user a {color:#00a3ee; display:block; margin-top:3px;text-align:left;}

.contentcontainer {padding:10px 10px 20px 10px; margin-left:230px; vertical-align:top;position:relative;}
.dropdatecontainer {margin-bottom:10px;}
#dropnav {
	color:#fff;cursor:pointer; background:#00a3ee; font-size:18px;
	padding:7px 12px 8px 12px; display:inline-block; vertical-align:top; margin-right:10px; border-radius:3px;
}
.datenav {display:inline-block; vertical-align:top; background:#3f3f3f; color:#fff;border-radius:5px;font-size:18px;}
.datenav i {padding:8px 0px 7px 0px; text-align:center; width:28px;background:#00a3ee; color:#fff; vertical-align:middle; cursor:pointer;}
.datenav i:nth-of-type(1) {border-radius:3px 0px 0px 3px;}
.datenav i:nth-of-type(2) {border-radius:0px 3px 3px 0px;}
.datenav span {display:inline-block; padding:0px 20px; vertical-align:middle;}

.gutter-sizer { width: 9px; }
.grid-sizer { width: calc(33.33333333% - 7px); margin-bottom:9px;}
.percent33  {width: calc(33.3333333% - 7px); margin-bottom:9px; display:inline-block; vertical-align:top;}
.percent66  {width: calc(66.6666666% - 7px); margin-bottom:9px; display:inline-block; vertical-align:top;}
.percent50 {width: calc(50% - 7px);margin-bottom:9px; display:inline-block; vertical-align:top;}
.percent50:nth-of-type(odd) {margin-left:14px;}
.percent100 {width:auto;margin-bottom:9px;}

.stamp33 {width: calc(33.33333333% - 7px); margin-bottom:9px; display:inline-block; vertical-align:top;margin-left:14px;}
.clickexpand {cursor:pointer;}
.expand {margin-bottom:10px;display:none;}

.header {background:#3f3f3f; color:#fff; font-size:18px;border-radius:5px 3px 0px 0px;}
.header i {background:#00a3ee; padding:10px 5px; width:35px; text-align:center;border-radius:3px 0px 0px 0px;}
.header a {float:right;color:#00a3ee; padding:10px 10px;cursor:pointer;}
.header span {padding-left:10px;}
.subheader {margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #666;font-size:18px;}
.subheader i {color:#00a3ee; margin-right:5px;}
.subheader a {float:right;color:#00a3ee; padding:0px 0px;cursor:pointer;}
.body {padding:10px; background:#fff; border-radius:0px 0px 3px 3px;}

.popup {z-index:3;display:none;position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%;background: rgba(122,122,122,.9);}
.popup.top {z-index:5; background:transparent;}
.popup > div {display: table-cell; text-align: center;vertical-align: middle;}
.popup > div > div {width:610px;margin:0px auto;text-align: left;}
.popup .popupleft {width:280px; display:inline-block; vertical-align:top;margin-right:10px;}
.popup .popupright {width:300px; display:inline-block; vertical-align:top;}

#specifiedworking {display:none;}
.popup > div > div .calendar {display:none;width:100%;border-spacing: 2px; border-collapse: separate; max-width:350px; text-align:center;}
.popup > div > div .calendar td {text-align:center;height:30px;width: 14.28%;}
.popup > div > div .calendar td i {cursor:pointer;}
.popup > div > div .calendar td.calendarBlue {background:#00a3ee; font-weight:bold; color:#fff;}
.popup > div > div .calendar td.calendar_today {border: 1px solid red;}

.banClient {margin-bottom:10px;}
.banClient a {vertical-align:middle; font-size:22px;margin-right:10px;}
.banClient i {vertical-align:middle; font-size:16px;margin-right:5px;}
.banClient div, .banClient span {display:inline-block;vertical-align:middle;}

/* DASHBOARD */
.homecontainer .pendingbookings {margin-bottom:10px;}
.homecontainer .pendingbookings .time {width:100%;}
.homecontainer .pendingbookings .tr:nth-of-type(1) {cursor:default;}
.homecontainer .allpendingbookings .time {width:100%;}
.homecontainer .allpendingbookings .tr:nth-of-type(1) {cursor:default;}
.homecontainer .completedbookings .time {width:100%;}
.homecontainer .completedbookings .tr:nth-of-type(1) {cursor:default;}
.homecontainer .escortsworking .telephone {width:100%;}
.homecontainer .driversworking .telephone {width:100%;}


/* SEND SMS AND EXPAND HISTORY*/
.PBjobBTNS, .PBsmsBTNS {white-space:nowrap;}
.PBjobBTNS a, .PBsmsBTNS a {width: calc(33% - 7px); text-align:center;}
.PBsmsBTNS {margin-bottom:10px;}
.PBsmsBTNS a {position:relative;}
.PBsmsBTNS span {position:absolute; bottom:0px; right:3px; font-weight:bold; font-size:10px;}


.PBsmsHistory {height:100px; overflow:auto; font-size:12px;}
.PBsmsHistory div {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.PBsmsHistory div span {display:block;}
.PBsmsHistory div span:nth-of-type(2) {padding:3px 0px; font-weight:bold;}
.PBsmsHistoryExpand { cursor:pointer; color:#00a3ee}
.PBsmsHistoryExpand i {vertical-align:middle;margin-right:10px;}
.PBsmsHistoryContain .header {display:none;}
.PBsmsHistoryExpand span {display:inline-block;vertical-align:middle;}


.PBmap {height:100px; overflow:auto; font-size:12px;}
/* .PBmap div {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;} */
.PBmap div span {display:block;}
.PBmap div span:nth-of-type(2) {padding:3px 0px; font-weight:bold;}
.PBmapExpand { cursor:pointer; color:#00a3ee}
.PBmapExpand i {vertical-align:middle;margin-right:10px;}
.PBmapContain {display:none;}
.PBmapExpand span {display:inline-block;vertical-align:middle;}


.PBexpand {margin-top:10px; cursor:pointer; color:#00a3ee}
.PBexpand i {vertical-align:middle;margin-right:10px;}
.PBexpand span {display:inline-block;vertical-align:middle;}
.CBexpand {margin-top:10px; cursor:pointer; color:#00a3ee}
.CBexpand i {vertical-align:middle;margin-right:10px;}
.CBexpand span {display:inline-block;vertical-align:middle;}
.smsExpanded {position:fixed; top:50%; margin-top:-250px; left:50%; margin-left:-315px; width:630px; height:500px;}
.smsExpanded .PBsmsHistory {height:462px; overflow:auto; font-size:14px; padding:10px; background:#fff; border-radius:0px 0px 3px 3px;}
.smsExpanded .PBsmsHistory div {margin-bottom:30px}
.smsExpanded .PBsmsHistory div span:nth-of-type(1) {background:#00a3ee; color:#fff; display:block;padding:10px; border-radius:3px;position:relative;margin-bottom:5px;}
.smsExpanded .PBsmsHistory div span:nth-of-type(1)::after {
	content: "";position: absolute;bottom: -20px;left: 20px;border-width: 20px 0 0 20px;border-style: solid;
	border-color: #00a3ee transparent;display: block;width: 0;
}
.smsExpanded .PBsmsHistory div span:nth-of-type(2) {display:block;margin-left:50px;padding:0px; font-weight:normal;}


.mapExpanded {position:fixed; top:50%; margin-top:-250px; left:50%; margin-left:-315px; width:630px; height:500px;}
.mapExpanded .PBmap {height:462px; overflow:auto; font-size:14px; padding:10px; background:#fff; border-radius:0px 0px 3px 3px;}
/*.mapExpanded .PBmap div {margin-bottom:30px}
.mapExpanded .PBmap div span:nth-of-type(1) {background:#00a3ee; color:#fff; display:block;padding:10px; border-radius:3px;position:relative;margin-bottom:5px;}
.mapExpanded .PBmap div span:nth-of-type(1)::after {
	content: "";position: absolute;bottom: -20px;left: 20px;border-width: 20px 0 0 20px;border-style: solid;
	border-color: #00a3ee transparent;display: block;width: 0;
}
.mapExpanded .PBmap div span:nth-of-type(2) {display:block;margin-left:50px;padding:0px; font-weight:normal;}*/

/* DRIVER ESCORT CLIENT */
.PBNotesEdit {border:1px solid #ddd;padding:10px; height:100px; overflow:auto; font-size:12px; border-radius:3px;}
.PBDirectionsEdit {border:1px solid #ddd;padding:10px; height:100px; overflow:auto; font-size:12px; border-radius:3px;}
.mainnotes {height:500px; overflow:auto; font-size:14px; border-radius:3px;}

.PBmapBTN {margin-bottom:10px;}
.PBmapBTN a {display:inline-block;background:#00a3ee; color:#fff;padding:7px 12px; border-radius:3px; font-size:18px;vertical-align:middle;margin-right:5px;}
.PBmapBTN span {display:inline-block;width: calc(100% - 45px); vertical-align:middle;}

.Ephoto {border-radius:50%; height:80px; width:80px;margin-right:10px; margin-bottom:10px;text-align:center;display:inline-block; vertical-align:middle;}
.Einfo {display:inline-block; vertical-align:middle; width:calc(100% - 90px);}
.Einfo p {padding:3px 0px; color:#000; font-size:14px; border-radius:3px; white-space:nowrap;}
.Einfo p:nth-of-type(even){background:#f9f9f9}
.Einfo p i { color:#00a3ee; width:20px; height:20px; line-height:20px; text-align:center;  margin-right:5px; border-radius:3px 0px 0px 3px; vertical-align:middle;}
.Einfo p span {display:inline-block; vertical-align:middle;}
.Dinfo {display:inline-block; vertical-align:middle; width:calc(100% - 90px);}
.Dinfo .numberPlate {font-size:18px;background:#ffcd26; font-weight:bold; display:inline-block;padding:3px 10px;border-radius:3px;margin-bottom:5px; }
.Dinfo .trackDriver {font-size:18px;background:#00a3ee; color:#fff; font-weight:bold; display:inline-block;cursor:pointer;padding:4px 10px 5px 10px;border-radius:3px;margin-bottom:5px; }

.Econtacts {margin-bottom:10px;}
.Econtacts div {background:#3f3f3f;color:#fff; font-size:14px; border-radius:3px;margin-bottom:5px; white-space:nowrap;}
.Econtacts div a {background:#00a3ee; color:#fff; width:30px; height:30px; line-height:30px; text-align:center;  margin-right:5px; font-size:18px; border-radius:3px 0px 0px 3px; vertical-align:middle;}
.Econtacts div input {width: calc(100% - 45px);display:inline-block; vertical-align:middle; background:#3f3f3f; border:none; color:#fff; font-size:14px;}
.Econtacts .fa-envelope {font-size:12px;}
.Econtacts .fa-map-marker {font-size:14px;}
.Econtacts .fa-link {font-size:14px;}

.bDetails {margin-bottom:10px;}
.bDetails div {padding:3px 0px;}
.bDetails div:nth-of-type(even){background:#f9f9f9}
.bDetails div i { color:#00a3ee; width:20px; text-align:center; margin-right:5px; border-radius:3px 0px 0px 3px; vertical-align:middle; font-size:16px;}
.bDetails div span {display:inline-block; vertical-align:middle;}

.bContacts {margin-bottom:10px;}
.bContacts div {background:#3f3f3f;color:#fff; font-size:14px; border-radius:3px;margin-bottom:5px; white-space:nowrap;}
.bContacts div i {background:#00a3ee; color:#fff; width:36px; height:36px; line-height:36px; text-align:center;  margin-right:5px; font-size:18px; border-radius:3px 0px 0px 3px; vertical-align:middle; cursor:pointer;}
.bContacts div span {width: calc(100% - 77px);display:inline-block; vertical-align:middle; background:#3f3f3f; color:#fff; font-size:14px;}
.bContacts div span font {display:block; font-size:12px;}
.bContacts div a {background:#00a3ee; color:#fff; width:36px; height:36px; line-height:36px; text-align:center; font-size:22px; border-radius:0px 3px 3px 0px; vertical-align:middle;}
.bContacts .fa-hotel, .bContacts .fa-automobile {font-size:14px;}

.Ependingbookings .tr:nth-of-type(1) {cursor:default;}
.Ependingbookings .td.time {width:100%;}

.Dpendingbookings .tr:nth-of-type(1) {cursor:default;}
.Dpendingbookings .td.time {width:100%;}

.Ccompletedbookings .tr:nth-of-type(1) {cursor:default;}
.Ccompletedbookings .td.duration {width:100%;}

.EsendSMS textarea {border:1px solid #ddd;padding:10px; width:100%;margin-bottom:10px; font-size:12px; border-radius:3px; height:75px;}
.char_count {display:inline-block;vertical-align:middle; padding:0px 10px;}




/* NEW BOOKING */
.newbooking > div {width:50%; display:inline-block; vertical-align:top;}
.newbooking > div:nth-of-type(1) {padding-right:10px;}
.newbooking > div:nth-of-type(2) {padding-left:10px;}
.newbooking input[type=text].search {width:calc(100% - 93px)}
.newbooking .table {margin-bottom:10px;}
.newbooking .selectcontainer {margin-bottom:10px;}
.newbooking .dateTime input:nth-of-type(1) {display:inline-block; width:calc(50% - 5px); margin-right:5px;}
.newbooking .dateTime input:nth-of-type(2) {display:inline-block; width:calc(50% - 5px); margin-left:5px;}
.newbooking .priceCommission input:nth-of-type(1) {display:inline-block; width:calc(50% - 5px); margin-right:5px;}
.newbooking .priceCommission input:nth-of-type(2) {display:inline-block; width:calc(50% - 5px); margin-left:5px;}
.newbooking .clientsFound i {vertical-align:middle;margin-right:10px; font-size:12px;}
.newbooking .clientsFound span {display:inline-block; vertical-align:middle;}
.newbooking .table.selectedescorts .tr {cursor:default;}
.newbooking .EnterNewClient {display:none;}
.newbooking .clientsFound {display:none;}
.newbooking .clientList {display:none;}
.newbooking .clientList .tr .td {text-align:right;}
.newbooking .clientList .tr .td:nth-of-type(1) {text-align:left;}
.newbooking .selectedescorts .tr .td {text-align:right;}
.newbooking .selectedescorts .tr .td:nth-of-type(1) {text-align:left;}
.newbooking .viewClient {display:none;}
.newbooking .EnterNewClient {display:none;}
.newbooking .editClient {display:none;}
.newbooking .completedbookings .date {width:100%;}
.newbookingcontainer .pendingbookings {margin-bottom:10px;}
.newbookingcontainer .pendingbookings .time {width:100%;}
.newbookingcontainer .allpendingbookings .date {width:100%;}
.newbookingcontainer .escortsworking .telephone {width:100%;}
.newbookingcontainer .driversworking .telephone {width:100%;}


/* BOOKING HISTORY */
.bookinghistory {margin-bottom:10px;}
.bookinghistory .bhQuickSearch {width:280px;}
.bookinghistory .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.bookinghistory .rightside {width:50%; display:inline-block; padding-left:10px;vertical-align:top;}
.bookinghistory .dateTime input:nth-of-type(1) {display:inline-block; width:calc(50% - 5px); margin-right:5px;}
.bookinghistory .dateTime input:nth-of-type(2) {display:inline-block; width:calc(50% - 5px); margin-left:5px;}

.bookinghistory #HTfinalSummary {margin-bottom:20px; overflow-y:auto;}
.bookinghistory table.HTfinalSummary {border-collapse: collapse; min-width:320px;border:1px solid  #ddd;}
.bookinghistory table.HTfinalSummary td {padding:5px 20px 5px 10px;text-align:right;}
.bookinghistory table.HTfinalSummary td:nth-of-type(1) {text-align:left;}
.bookinghistory table.HTfinalSummary td:nth-of-type(2) {text-align:center;}
.bookinghistory table.HTfinalSummary tr:nth-of-type(even) {background: #f6f6f6;}

.bookinghistory table.HT {border-collapse: collapse;width:100%; font-size:12px;}
.bookinghistory table.HT td {padding:3px 10px;}
.bookinghistory table.HT td.cost,.bookinghistory table td.fee {text-align:right;}
.bookinghistory table.HT .selectcontainer {width: 70px; margin-bottom:0px;}
.bookinghistory table.HT .selectcontainer select {padding:2px;font-size:12px;}
.bookinghistory table.HT tr:nth-of-type(odd) {background: #f6f6f6;}
.bookinghistory table.HT tr {cursor:pointer;}
.bookinghistory table.HT td.filed, .bookinghistory table.HT td.status {cursor:default;}
.bookinghistory table.HT tr.HTdate {background: #fff; text-align:right;font-weight:bold;cursor:default;}
.bookinghistory table.HT tr.HTheader {background: #fff;cursor:default;}
.bookinghistory table.HT td.HTsummary {text-align:right;font-weight:bold;padding:10px;cursor:default;}


/* BOOKING STATS */
.bookingstats {margin-bottom:10px;}
.bookingstats .leftsidestats {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.bookingstats .rightsidestats {width:50%; display:inline-block; vertical-align:top;padding-left:10px;}
#user_pie_chart, #driver_pie_chart, #client_pie_chart, #escort_pie_chart, #website_pie_chart, #advertiser_pie_chart {width:100%; height:200px;}


/* COLLECTIONS */
.collections .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.collections .rightside {width:50%; display:inline-block; padding-left:10px;vertical-align:bottom;}

.collections .collectionsSearch .selectcontainer {width:280px;display:inline-block; vertical-align:top;}
.collections .collectionsSearch .selectcontainer select {padding:5px;}
.collections .collectionsSearch a {margin-bottom:10px;}

.collections #HTfinalSummary {margin-bottom:20px; overflow-y:auto;}
.collections table.HTfinalSummary {border-collapse: collapse; min-width:320px;border:1px solid  #ddd;}
.collections table.HTfinalSummary td {padding:5px 20px 5px 10px;text-align:right;}
.collections table.HTfinalSummary td:nth-of-type(1) {text-align:left;}
.collections table.HTfinalSummary td:nth-of-type(2) {text-align:center;}
.collections table.HTfinalSummary tr:nth-of-type(even) {background: #f6f6f6;}

.collections table.HT {border-collapse: collapse;width:100%; font-size:12px;}
.collections table.HT td {padding:3px 10px;}
.collections table.HT td.cost,.collections table td.fee {text-align:right;}
.collections table.HT .selectcontainer {width: 70px; margin-bottom:0px;}
.collections table.HT .selectcontainer select {padding:2px;font-size:12px;}
.collections table.HT tr:nth-of-type(odd) {background: #f6f6f6;}
.collections table.HT tr {cursor:pointer;}
.collections table.HT td.complete {text-align:center;}
.collections table.HT td.complete, .collections table.HT td.filed, .collections table.HT td.status {cursor:default;}
.collections table.HT tr.HTdate {background: #fff; text-align:right;font-weight:bold;cursor:default;}
.collections table.HT tr.HTheader {background: #fff;cursor:default;}
.collections table.HT td.HTsummary {text-align:right;font-weight:bold;padding:10px;cursor:default;}
.collections table.HT .fa-check {color:#fff;background:#00a3ee; display:inline-block;padding:3px 4px; border-radius:3px;font-size:14px;}

/* ESCORTS */
.escorts .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.escorts .rightside {width:50%; display:inline-block; vertical-align:top; padding-left:10px;}

.escorts #escort_form { display:none; }
.escorts #escortIdUpload, .escorts #escortPhotoUpload {display:none;}
.escorts .addDeleteUpload {display:inline-block;margin-right:10px;}
.escorts .addDeleteUpload a {line-height:18px;}
.escorts .addDeleteUpload a:nth-of-type(2) {padding: 6px 10px;margin-left:2px;}
.escorts .addDeleteUpload .noID {cursor:default; background:#f8f8f8; color:#ddd;}
.escorts .EscortTicks {line-height:33px;}

.escorts .escortProfiles {margin-top:10px;}
.escorts .escortProfiles > div {display:inline-block; width:25%;}
.escorts .escortProfiles > div > div {background:#f8f8f8;padding:10px; text-align:center;margin:2px;}
.escorts .profileContactEdit {display:inline-block;}
.escorts .profileContactEdit a {background:#00a3ee; color:#fff; display:inline-block;padding:4px 10px;  border-radius:3px;}
.escorts .profileContactEdit a.missing { background:#f8f8f8; color:#ddd; cursor:default;}
.escorts .profileContactEdit a.frozen { background:#f8f8f8; color:#ddd; cursor:default;}
.searchescortscontainer {margin-bottom:10px;}
#searchescorts {max-width:250px; border-radius:3px 3px 3px 3px;}
#searcharchiveescorts {max-width:250px; border-radius:3px 3px 3px 3px;}

/* DRIVERS */
.drivers .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.drivers .rightside {width:50%; display:inline-block; vertical-align:top; padding-left:10px;}

.drivers #driver_form { display:none; }
.drivers #driverIdUpload, .drivers #driverPhotoUpload {display:none;}
.drivers .addDeleteUpload {display:inline-block;margin-right:10px;}
.drivers .addDeleteUpload a {line-height:18px;}
.drivers .addDeleteUpload a:nth-of-type(2) {padding: 6px 10px;margin-left:2px;}
.drivers .addDeleteUpload .noID {cursor:default; background:#f8f8f8; color:#ddd;}

.drivers .driverProfiles {margin-top:10px;}
.drivers .driverProfiles > div {display:inline-block; width:25%;}
.drivers .driverProfiles > div > div {background:#f8f8f8;padding:10px; text-align:center;margin:2px;}
.drivers .profileContactEdit {display:inline-block;}
.drivers .profileContactEdit a {background:#00a3ee; color:#fff; display:inline-block;padding:4px 10px;  border-radius:3px;}
.drivers .profileContactEdit a.missing { background:#f8f8f8; color:#ddd; cursor:default;}
.drivers .profileContactEdit a.frozen { background:#f8f8f8; color:#ddd; cursor:default;}

.driverMaps {margin-bottom:10px;}
.driverMaps .selectcontainer {width:280px;}

.searchdriverscontainer {margin-bottom:10px;}
#searchdrivers {max-width:250px; border-radius:3px 3px 3px 3px;}
#searcharchivedrivers {max-width:250px; border-radius:3px 3px 3px 3px;}

/* CLIENTS */
.clients .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.clients .rightside {width:50%; display:inline-block; vertical-align:top; padding-left:10px;}

.clients #client_form { display:none; }
.clients table.CS {border-collapse: collapse;width:100%; font-size:12px;margin-top:20px;}
.clients table.CS td {padding:5px 10px; white-space:nowrap;}
.clients table.CS td.address {width:100%;}
.clients table.CS tr:nth-of-type(odd) {background: #f6f6f6;}
.clients table.CS tr {cursor:pointer;}
.clients table.CS tr.CSheader {background: #fff;cursor:default;}
.clients table.CS tr td.bookings, .clients table.CS tr td.banned {text-align:center;}
.searchclientscontainer {margin-bottom:10px;}
.searchclientscontainer a {border-radius:0px 3px 3px 0px;display:inline-block;vertical-align:top;color:#fff;background:#00a3ee; height:28px; width:28px;line-height:28px; text-align:center; margin-bottom:10px;}
#searchclients {max-width:250px; border-radius:3px 0px 0px 3px; border-right:0px; margin-bottom:10px; display:inline-block; vertical-align:top;}
.newbooking #searchclients { border-radius:3px; border-right: 1px solid #ddd;}
.searchclientscontainer .selectcontainer {width:280px; margin-bottom:10px; display:inline-block;vertical-align:top;}
.searchclientscontainer .selectcontainer select {padding:5px;}


/* HOTELS */
.hotels .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.hotels .rightside {width:50%; display:inline-block; vertical-align:top; padding-left:10px;}

.hotels #hotel_form { display:none; }
.hotels table.HS {border-collapse: collapse;width:100%; font-size:12px;margin-top:10px;}
.hotels table.HS td {padding:5px 10px; white-space:nowrap;}
.hotels table.HS td.address {width:100%;}
.hotels table.HS tr:nth-of-type(odd) {background: #f6f6f6;}
.hotels table.HS tr {cursor:pointer;}
.hotels table.HS tr.HSheader {background: #fff;cursor:default;}
.searchhotelscontainer {margin-bottom:10px;}
.searchhotelscontainer a {border-radius:0px 3px 3px 0px;display:inline-block;vertical-align:top;color:#fff;background:#00a3ee; height:28px; width:28px;line-height:28px; text-align:center; margin-bottom:10px;}
#searchhotels {max-width:250px; border-radius:3px 0px 0px 3px; border-right:0px; margin-bottom:10px; display:inline-block; vertical-align:top;}
.searchhotelscontainer .selectcontainer {width:280px; margin-bottom:10px; display:inline-block;vertical-align:top;}
.searchhotelscontainer .selectcontainer select {padding:5px;}


/* SETTINGS */
.settings .leftside {width:50%; display:inline-block; vertical-align:top;padding-right:10px;}
.settings .rightside {width:50%; display:inline-block; vertical-align:top; padding-left:10px;}
.settings .table.privileges {margin-bottom:10px;}
.settings .table.privileges .tr .td {text-align:center; padding:5px 10px;}
.settings .table.privileges .tr .td:nth-of-type(1) {width:100%;text-align:left;}
.settings .userconfirmby {line-height:27px;}
.settings .body {margin-bottom:10px;}

.settings #staff_form { display:none; }
.settings .privileges .tr,
.settings .users .tr,
.settings .generalsettings .tr,
.settings .smssettings .tr,
.settings .websites .tr,
.settings .rates .tr,
.settings .advertisers .tr {cursor:default;}

.settings .users .tr .td:nth-of-type(2) {width:100%;}
.settings .users .button {padding:4px 6px;}

.settings .generalsettings .tr .td {padding:5px 10px;}
.settings .generalsettings .tr .td:nth-of-type(1) {width:100%;}
.settings .generalsettings .fa-toggle-on, .settings .generalsettings .fa-toggle-off {font-size:18px;}

.settings .rates .table .td:nth-of-type(2),
.settings .rates .table .td:nth-of-type(3),
.settings .rates .table .td:nth-of-type(4),
.settings .rates .table .td:nth-of-type(5) {width:67px}
.settings .rates .table .td:nth-of-type(6) {width:40px}
.settings .rates .td .button {padding:4px 6px;}
.settings .rates .addRow {padding:10px 0px 0px 0px; text-align:right;}

.settings .websites .td {width:50%;}
.settings .websites .td .button {padding:4px 6px;}
.settings .websites .addRow {padding:10px 0px 0px 0px; text-align:right;}
.settings .websites .addRow a {padding: 6px 20px;}

.settings .advertisers .td {width:100%;}
.settings .advertisers .td .button {padding:4px 6px;}
.settings .advertisers .addRow {padding:10px 0px 0px 0px; text-align:right;}
.settings .advertisers .addRow a {padding: 6px 20px;}

.settings .smssettings .SMSonOff {margin-bottom:10px;}
.settings .smssettings .SMSonOff a {vertical-align:middle; font-size:22px;margin-right:10px;}
.settings .smssettings .SMSonOff i {vertical-align:middle; font-size:16px;margin-right:5px;}
.settings .smssettings .SMSonOff div, .banClient span {display:inline-block;vertical-align:middle;}
.settings .smssettings .SMS-OBDriver,  .settings .smssettings .SMS-OB {display:none;}
.settings .smssettings .smsTXTlocal {margin-bottom:10px;}
.settings .smssettings .smsTXTlocal .tr {background:#fff;}
.settings .smssettings .smsTXTlocal .td:nth-of-type(2) {width:100%;}
.settings .smssettings .smscredits {float:right;margin-top:2px;}
.settings .smssettings .smsShortCodes {font-size:12px;}
.settings .smssettings .SMSeditorDrop {margin:0px 2px 10px 2px;}
.settings .smssettings #txtSendName {width: calc(100% - 60px);}


.login {z-index:3;display:table;position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%;background: rgba(0,0,0,.2);}
.login input[type=text] {margin-top:5px;}
.login > div {display: table-cell; text-align: center;vertical-align: middle;}
.login > div > div {width:320px;margin:0px auto;text-align: left; box-shadow:0px 0px 50px #000;}
.login .passwordRemind {display:none;}
.login .confirmContainer {display:none;}
.passwordRemindBTN,  .confirmationBTN,  .loginBTN {display:inline-block; vertical-align:middle; width:50%;}
.loginBTN {text-align:right;}
.resetPasswordBTN {text-align:right;}
.loginContainerBTN, .resetPasswordBTN {display:inline-block; vertical-align:middle; width:50%;}
.resetPasswordBTN {text-align:right;}

.navPagination a {display:inline-block; width:30px;color: #fff; background: #00a3ee; border-radius:3px; text-align:center; height:25px; line-height:25px;}
.navPagination span {display:inline-block; width:30px;background: #f6f6f6; border-radius:3px; text-align:center; height:25px; line-height:25px;}

/*@media screen and (max-width:900px) {
	.settings .percent50 {display:block; width:auto; margin:0 0 9px 0;}
}
@media screen and (max-width:680px) {
	.settings .percent50 {display:block; width:auto; margin:0 0 9px 0;}
	.settings .leftside {width:100%; display:block; padding-right:0;}
	.settings .rightside {width:auto; display:block; padding-left:0;}
}
*/

@media screen and (max-width:780px) {
	#nav {left:-230px;}
	.contentcontainer {margin-left:0px;min-width:330px;}
	
	.popup .popupleft {width:auto; display:block; margin-right:0px;}
	.popup .popupright {width:auto; display:block;}
	.popup > div > div {width: 100%;}
    .popup > div > div .body {overflow:auto;}
    .popup > div > div .header {border-radius: 0px 0px 0px 0px;}
    .popup > div > div .body {border-radius: 0px 0px 0px 0px;}
    .popup > div > div .header i {border-radius: 0px 0px 0px 0px;}
    
	.smsExpanded {position:fixed; top:0; margin-top:0; left:0; margin-left:0; width:100%; height:100%;}
	.smsExpanded .PBsmsHistory {height: calc(100% - 38px); border-radius:0px 0px 0px 0px;}

	.mapExpanded {position:fixed; top:0; margin-top:0; left:0; margin-left:0; width:100%; height:100%;}
	.mapExpanded .PBmap {height: calc(100% - 38px); border-radius:0px 0px 0px 0px;}

	.popupAllPendingBookings .table .tr .td{white-space:nowrap;}
	.popupAllPendingBookings .table .tr .td:nth-of-type(3) {width:100%;}
	.popupAllPendingBookings .table .tr .td:nth-of-type(4) {display:none;}

	.popupAllClientBookings .table .tr .td{white-space:nowrap;}
	.popupAllClientBookings .table .tr .td:nth-of-type(3) {width:100%;}
	.popupAllClientBookings .table .tr .td:nth-of-type(4) {display:none;}

}

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

}




@media screen and (max-width:500px) {
	.Ependingbookings .td.client {display:none;}
	.Dpendingbookings .td.client {display:none;}
}


@media screen and (max-width:400px) {
	.popupAllPendingBookings .table .tr .td:nth-of-type(2) {display:none;}
	.popupAllClientBookings .table .tr .td:nth-of-type(2) {display:none;}
	.Ependingbookings .td.date {display:none;}
	.Dpendingbookings .td.date {display:none;}
}