* {
	box-sizing: border-box;
}
body {
	padding:0;
	margin:0;
	height: 100%;
	background: #fafafa;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #4F5050;
	font-weight: 300;
}
p, input, select, textarea {
	font-size: 16px;
}


div.logo {
	height: 200px;
	width: 155px;
	display: inline-block;
	opacity: 0.12;
	position: absolute;
	z-index: 0;
	top: 2rem;
	left: 50%;
	margin-left: -73px;
}



a {
	color:#dd4814;
}

.pointer {
	cursor: pointer;
}

/*.wrap {
	max-width: 1024px;
	margin: 5rem auto;
	padding: 2rem;
	background: #fff;
	text-align: center;
	border: 1px solid #efefef;
	border-radius: 0.5rem;
	position: relative;
}
.well {
	margin: 5px;
	background: #fff;
	text-align: left;
	border: 1px solid #efefef;
	border-radius: 5px;
	position: relative;
}*/

/*.well.padded {
	padding: 20px;
}*/


/*
.version {
	margin-top: 0;
	color: #999;
}
.guide {
	margin-top: 3rem;
	text-align: left;
}*/
pre {
	white-space: normal;
	margin-top: 1.5rem;
}
code {
	background: #fafafa;
	border: 1px solid #efefef;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	display: block;
}
/*p {
	margin-top: 1.5rem;
}*/

/*.footer {
	margin-top: 2rem;
	border-top: 1px solid #efefef;
	padding: 1em 2em 0 2em;
	font-size: 85%;
	color: #999;
}*/
a,
a:active,
a:link,
a:visited {
	color: rgb(88, 142, 189);
	text-decoration: none;
}

.wrapper {
	max-width:1250px;
	padding:0 25px;
	margin:0 auto;
}
.full-wrapper {
	width:100%;
	padding:0 15px;
}
.header {
	padding: 5px 0;
	background-color: #f0842d;
}

.header-link {
	color:inherit !important;
}

.sidebar-btn {
	float:left;
	padding:5px;
	color:#FFF;
	cursor: pointer;
}

.header-logo {
	padding:0 5px 0 10px;
	float:left;
	color:#FFF;
}

.header-logo h2 {
	margin-bottom:0;
}

.header-logo a {
	text-decoration: none;
	color:inherit;
}

.header-logo h2 {
	margin-top:0;
	color:#fff;
}

.header-right {
	float:right;
	color:#FFF;
	padding-top:5px;
}

.header-right .fa-power-off {
	text-decoration: none;
	color:#FFF;
}

.notification-alert {
	float:left;
	margin-right:15px;
	font-size: 17px;
	display: none;
}
.notification-alert .fa {
	color:#FFF;
}

.blinking {
    animation:blinkingText 1.5s infinite;
}
@keyframes blinkingText{
    0%  {   color: #FFF;        }
    50% {   color: transparent; }
    100%{   color: #FFF;        }
}

.header-avail-btns {
	float:left;
	margin-right:15px;
}

.table {
	width:100%; 
	border:1px solid #DEE1E1;
	border-collapse: collapse;
	margin:5px 0 25px 0;
	font-size: 13px;
	font-weight: 400;
}



.table.table-condensed td {
	padding:3px 5px;
}

.table.table-striped tbody tr:nth-child(even) {
	background-color: #f6f6f6;
}

.table th {
	text-align: left;
}
.table td {
	text-align: left;
	border:1px solid #DEE1E1;
	padding:10px 5px;
}
.table.table-hover tbody tr:hover {
	background-color: rgba(192,192,192,0.15);
}

.table tbody tr.active,
.table tbody tr.active:hover {
	background-color: #DCFBFF;
}
.table thead td,
.table thead th {
	background-color: #415A96;
	color:#FFF;
	padding:6px 5px;
}

.table tr.table-foot {
	background-color: #C0E7FF;
}
.table tr.table-foot td.total {
	font-size: 20px
}
.table.weight td {
	text-align:center
}


input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password] {
	padding:7px;
	width:100%;
	margin-bottom:10px;
	border:1px solid #CCC;
	outline:0;
}

.textarea {
	padding:7px;
	width:100%;
	margin-bottom:10px;
	border:1px solid #CCC;
	outline:0;
	height:60px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


select {
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAAB50RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNS4xqx9I6wAAALxJREFUKJGlUjEOhCAQHO8XPsdEG1/BA6TVN0grrc1a+AIbGmsLfmHCM/aKS4yIyOVuEgoYZnd2M8AFXdfx+c7Mt+d1/kREbK3FOI6MBA6htZaJCAAwzzO2bXsUH8JhGDxCa53uqJTifd89wjmHvu+jXbNlWXhd12jloihQ13UWCB/94LPVqNVf8J9VpRQbYwJRVVVo2/Z2nONRCOFtNs9zTNOUJWeUUnpE0zRR+wGIiMuy5HPkYlkN8G3I31N1h3BXecT3AAAAAElFTkSuQmCC') no-repeat 99% 50%;
	background-color: #FFF;
	-moz-appearance: none;	-webkit-appearance: none; appearance: none;
	height:34px;
	padding:0 20px 0 5px;
	border-radius: 0;
	border:1px solid #CCC;
	width:100%;
	margin-bottom:10px;
}

.btn {
	border:0;
	padding:8px 25px;
	font-size: 14px;
	text-transform: uppercase;
	min-width:110px;
	outline:0;
	cursor: pointer;
	display: inline-block;
}

.btn-default {
	background-color: #E2E5E5;
	color:#000 !important;
}

.btn-primary {
	background-color: #4F86FF;
	color:#FFF !important;
}
.btn-primary:hover {
	background-color: #32539D;
}

.btn-success {
	background-color: #26a69a;
	color:#FFF !important;
}
.btn-success:hover {
	background-color: #1F867D;
}

.btn-danger {
	background-color: #cb5a5e;
	color:#FFF !important;
}
.btn-danger:hover {
	background-color: #A64B4F;
}

.btn-warning {
	background-color: #FD9B26;
	color:#FFF !important;
}
.btn-warning:hover {
	background-color: #D75F08;
}

.btn-info {
	border: 1px solid #4F86FF;
	color:#4F86FF !important;
}
.btn-info:hover {
	border: 1px solid #2E529D;
	color:#2E529D !important;
}

.btn-primary.disabled,
.btn-success.disabled,
.btn-danger.disabled,
.btn-warning.disabled,
.btn-info.disabled {
	background-color: #ccc;
	cursor: not-allowed;
}




.btn-small {
	padding:4px 12px;
	font-size: 13px;
}

.btn-available,
.btn-not-available {
	padding:2px 5px;
	font-size:13px;
	text-transform: none;
	min-width:0;
	outline:none;
	background-color: #fff;
}
.btn-not-available {
	margin-left:-4px;
}
.btn-available.active,
.btn-not-available.active {
	background-color:#4F86FF;
	color:#FFF;
}

.success-message,
.error-message {
	color:#FFF;
	padding:3px 0;
	text-align: center;
	font-weight: bold;
}
.success-message {
	background-color: #17B404;
}
.success-message a {
	color:inherit;
	text-decoration: underline;
}
.error-message {
	background-color: #AD0E43;
}

.weights {
	width:500px;
}

.weights .table {
	width:100%;
}
.weights button {
	display: block;
	margin:0 auto;
}

.weights form {
	width:300px;
	margin:0 auto 100px auto;
}

.edit-weight,
.edit-user,
.view-customer,
.edit-card,
.edit-stand,
.edit-brand,
.delete-date,
.edit-task-type,
.edit-task,
#create-task,
#add-payment,
.edit-payment,
.process-payment-now,
.load-payment-details,
#add-note,
.view-booking,
.add-traveler,
#add-note-btn,
#add-fulfillment-btn,
#add-fulfillment-log-btn,
.edit-mail,
.edit-route-mileage,
.customer_portal_trash,
#send-sms {
	cursor: pointer;
}

.edit-card-image {
	max-width:500px;
}

/*.blackout-picker {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}*/
.specpicker {
	padding-right:15px;
	width:325px;
}

/*.specpicker-results {
	border:1px solid #CCC;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-color: #000;
	color:#22FF07;
	padding:5px;
	height:232px;
	overflow-y:auto;
}*/


.bread-crumbs {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #DBDEDE;
	padding-bottom: 15px;
	font-size: 20px;
}
.bread-crumbs a {
	text-decoration: none;
	color:#dd4814;
}


.dashboard {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.dashboard-main {
	padding:15px 15px 100px 15px;
	margin: 5px;
	background: #fff;
	text-align: left;
	border: 1px solid #efefef;
	border-radius: 5px;
	position: relative;
	-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5;
	min-width: 0;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.dashboard-sidebar {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	max-width:250px;
	min-width: 170px;
	margin: 5px;
	background: #fff;
	text-align: left;
	border: 1px solid #efefef;
	border-radius: 5px;
	position: relative;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	font-weight: bold;
	padding:0 0 100px 0;
}

.dashboard-sidebar ul {
	padding:0;
	margin:0;
}

.dashboard-sidebar ul li {
	list-style-type: none;
	border-bottom:1px solid #E6E9E9;
}

.dashboard-sidebar ul li a {
	display: block;
	padding:8px 15px;
	color:inherit;
	text-decoration: none;
	font-size: 14px;
}
.dashboard-sidebar ul li.active {
	background-color: rgb(88, 142, 189);
	color:#fff;
}
.dashboard-sidebar ul li.active .submenu li {
	background-color: #FFF;
	color:#000;
}

.dashboard-sidebar ul li a .fa {
	width:21px;
	text-align: center;
}

.dashboard-sidebar .active .submenu {
	display: block;
	font-weight: normal;
}

.dashboard-sidebar .submenu {
	display: none;
}
.dashboard-sidebar .submenu li {
	padding-left:30px;
}

.has-dropdown {
	cursor: pointer;
}

.dashboard-sidebar ul li.active .submenu li {
	background-color: #F8F8F8;
	border-bottom:1px solid #DEE1E1;
}
.dashboard-sidebar ul li.active .submenu li:last-child {
	border-bottom: 0;
}

.dashboard-sidebar ul li.active .submenu li.active {
	background-color: #E7F1FF;
	color:#257BFF;
}

.fr {
	float:right;
}
.fl {
	float:left;
}

.ac {
	text-align: center !important;
}
.ar {
	text-align: right !important;
}
.al {
	text-align: left !important;
}

.readonly {
	background-color: #EAEAEA;
	cursor:not-allowed;
}

.customer_portal_trash {
	float:right;
}


.delete-user,
.delete-customer,
.delete-payment-description,
.delete-reservation,
.customer_portal_trash,
.delete-region {
	font-size: 30px;
	color:#ccc;
}

.delete-user:hover,
.delete-customer:hover,
.delete-reservation:hover,
.delete-payment-description:hover,
.customer_portal_trash:hover,
.delete-region:hover {
	color:red;
}


.login-form {
	max-width:350px;
	margin:0 auto;
	background-color: #fff;
	padding:20px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(192,192,192,0.5);
}

.login-form h2 {
	margin-top:0;
	text-align: center;
}

.login-header {
	text-align: center;
	margin-top:50px;
}

.login-form input[type=email],
.login-form input[type=password] {
	width:100%;
	margin-bottom:15px;
	padding:10px;
}

.login-form button {
	width: 100%;
}


.inline-element {
	width:250px;
	max-width:100%;
	display: inline-block;
	margin-right:10px;
	position: relative;
}
/* alternate class for buttons */
.inline-element-alt {
	max-width:100%;
	display: inline-block;
	margin-right:10px;
	position: relative;
}
.inline-element label {
	display: block;
}

.inline-element-small {
	width:75px;
	max-width:100%;
	display: inline-block;
	position: relative;
}
.inline-element-small label {
	display: block;
}

.inline-element-left {
	width:48%;
	float:left;
	position: relative;
}

.inline-element-right {
	width:48%;
	float:right;
	position: relative;
}

label span {
	color:red;
}

label span.direct-dep {
	color:#237BFF;
	font-size:13px;
	cursor: pointer;
}

#stand_results {
	/*display: none;*/
	position: absolute;
	top:55px;
	left:0;
	width:95%;
	background-color: #fff;
	border:1px solid #CCC;
	z-index: 1;
}

#stand_results ul {
	padding-left:10px;
}

#stand_results ul li {
	list-style-type: none;
	padding-bottom:5px;
}

.stand-select {
	cursor: pointer;
}

.process-card {
	border:1px solid rgba(192,192,192,0.3);
}

.process-card-header {
	background-color: rgb(88, 142, 189);
	color:#FFF;
	padding:10px;
}

.process-card-body-inner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}



.pcbi-left img {
	max-width:550px;
}
.pcbi-right {
	width:100%;
	padding:20px 10px;
}

.pcbi-right-details {
	margin-bottom:50px;
}

.pcbi-right-details div {
	margin:10px 0;
}

.pcbi-right-details div.card-trash {
	float: right;
	font-size: 30px;
	color:#CCC;
	margin:0 10px 0 0;
}


.search-form input,
.search-form select {
	width:100%;
}

.form-error {
	border:1px solid red !important
}

#form-error {
	padding:5px 0;
	color:red;
}

#form-alert {
	padding-bottom:5px;
	color:#FF0000;
}

#rotate {
	cursor: pointer;
	color:#dd4814;
}

.customer-details {
	float:left;
	width:47%;
	min-width:400px;
	/*box-shadow: 0 0 2px rgba(0,0,0,0.3);
	border-radius: 5px;*/
	/*padding:25px;*/
	margin:0 15px 25px 0;
}

.customer-card {
	float:right;
	width:46%;
	min-width:300px;
	max-width:500px;
	margin:0;
	padding:0 10px;
	margin:0 0 25px 0;
}

.customer-card img {
	max-width:100%;
}


.customer-details h3 {
	margin-top:0;
	color:rgb(88, 142, 189);
}

.customer-details-edit-btn {
	float: right;
}

.detail-row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:13px 0;
}

.detail-col {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}


.customer-details-section {
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	border-radius: 5px;
	margin-bottom:35px;
}

.cds-header {
	padding:10px;
	font-size: 18px;
	background-color: rgb(88, 142, 189);
	color:#fff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.cds-header span {
	cursor: pointer;
}

.cds-header a {
	color:#FFF;
	font-weight: normal;
	font-size: 14px;
}

.mark-unread {
	text-align: center;
	color:rgb(88, 142, 189);
	cursor: pointer;
	margin-bottom:15px;
}

.cds-body {
	padding:15px;
}

.customer-details-section h3 {
	margin-top:0;
	color:rgb(88, 142, 189);
}

.single-note {
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:10px;
	margin-bottom:10px;
}
.single-note p {
	margin:0;
	font-size: 13px;
	font-weight:400;
}

.note-author-date {
	color:#A7A3AA;
	font-size: 13px;
	font-style: italic;
	margin-top:10px;
}

.note-form {
	vertical-align: middle;
	width:100%;
}

.form-note {
	font-size: 12px;
	margin-top:-5px;
}

.note-form button {
	margin-top: -20px;
}

.note-form-field textarea {
	width:600px;
}

.note-form-field {
	vertical-align: top;
	display: inline-block;
	width:600px;
	max-width:100%;
}
.note-form-btn {
	vertical-align: top;
	display: inline-block;
	margin-top:6px;
}
	

.edit-profile {
	cursor: pointer;
}

.access-section {
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	margin:0 0 0 0;
}

.access-section-body {
	padding:25px;
}

.access-section-header {
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:10px;
	background-color: rgba(88, 142, 189,1);
	color:#FFF;
	font-weight: bold;
}

.single-access {
	display: inline-block;
	width:300px;
	max-width:100%;
}

.profiles-btn {
	margin:25px 0;
}

.access-denied {
	font-size: 50px;
	color:red;
	text-align: center;
}

@keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink{
	text-decoration: blink;
	animation-name: blinker;
	-webkit-animation-name: blinker;
	animation-duration: 0.6s;
	animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	animation-direction: alternate;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}


.template-single {
	border-bottom:1px solid rgba(192,192,192,0.2);
	padding-bottom:20px;
	margin-bottom:20px;
}

.template-single h3,
.template-single h4,
.template-single h5 {
	margin:2px 0;
}
.template-single p {
	margin:3px 0 10px 0;
	font-size: 14px;
}

#sms-template-form .textarea {
	height:100px;
}

.dashboard-search input[type=text] {
	width:40% !important;
}



#customer-tasks h3 {
	margin-top:0;
	color:rgb(88, 142, 189);
}

#task-form {
	display: none;
}

.task-form-inner {
	padding:0 0 25px 0;
}

.two-thirds-element {
	width:60%;
	display: inline-block;
	margin-right: 10px;
}
.one-thirds-element {
	width:30%;
	display: inline-block;
}

.delete-task-type {
	font-size: 30px;
	color:#8E9092;
}

.send-sms-button {
	float:right;
}

.stat-change {
	background-color: #F1F4F4;
	color:#000;
	padding:2px 10px;
	border-radius: 5px;
	outline:0;
	font-size: 13px;
	border:1px solid #ccc;
	min-width:70px;
	margin-bottom:4px;
	cursor: pointer;
}

.stat-change.active {
	background-color: #6876CC;
	border:1px solid #6876CC;
	color:#FFF;
}

.load-mode-btn {
	text-align: center;
}

#customer-table .fa-refresh {
	display: block;
	margin:15px auto;
	color:#CCC;
}


#user-reset-pw-form {
	display: none;
	padding:15px 0;
}

.sms-popup-overlay,
.sms-popup-overlay-alt {
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(0,0,0,0.8);
	padding:0 15px;
	overflow: auto;
	z-index: 9;
}

.sms-popup {
	position: absolute;
	width:600px;
	top:50px;
	left:50%;
	margin-left:-300px;
	background-color: #FFF;
}

.sms-popup-inner {
	padding:20px;
}

.sms-popup textarea {
	width:100%;
}

.sms-popup .textarea {
	height:135px !important;
}

.sms-popup-header {
	padding: 12px 20px 8px 20px;
	background-color: rgb(88, 142, 189);
	color:#FFF;
	font-weight: bold;
}


.sms-popup-element label {
	display: block;
}

#payment_options_form.sms-popup-element label {
	display: inline-block;
}

.sms-popup-half-left {
	width:45%;
	float:left;
	margin-bottom:10px;
}

.sms-popup-half-right {
	width:45%;
	float:right;
	margin-bottom:10px; 
}

.popup-element-partial label {
	display: block;
}

.popup-element-partial input {
	width:535px;
	max-width:97%;
}

.add-location-field {
	cursor: pointer;
}

.remove-location-field {
	color:red;
	cursor: pointer;
}


.sms-popup-close,
.sms-popup-close-alt {
	float:right;
	font-size: 20px;
	cursor: pointer;
}


.alert-overlay {
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: rgba(0,0,0,0.8);
	padding:0 15px;
	overflow: auto;
	z-index: 99;
}

.alert-popup {
	position: absolute;
	width:400px;
	top:100px;
	left:50%;
	margin-left:-200px;
	background-color: #FFF;
	padding:20px;
	z-index: 100;
	font-weight: bold;
	text-align: center;
}
.alert-popup .btn {
	margin:0 auto;
}

.alert-popup .fa {
	font-size: 35px;
}
.alert-popup .fa-exclamation-circle {
	color:#FD6628;
}

.alert-popup .fa-exclamation-triangle {
	color:#FD6628;
}

.alert-popup .fa-bell {
	color:#30BB31;
}

#reloading-templates .fa {
	color:#000;
}

.fa.task {
	font-size:25px;
	color:#686868;
}




/* conversation */


.fa.portal-message {
    font-size: 25px;
    color: #686868;
}

tr.needs-attention {
	color:#FC5507;
	background-color: #FFFFE4;
}


.outer-received {
	width:65%;
	float:left;
	margin-bottom:10px;
}

.outer-delivered, 
.outer-undelivered, 
.outer-failed, 
.outer-queued, 
.outer-waiting, 
.outer-sent {
	width:65%;
	float:right;
	margin-bottom:10px;
	text-align: right;
}

.bubble {
	padding:15px;
	border-radius: 10px;
}
.received {
	background-color: #366EFF;
	color:#FFF;
}	
.delivered {
	background-color: #1CBF1F;
	color:#FFF;
}
.undelivered,
.failed {
	background-color: #B72C0A;
	color:#FFF;
}
.queued {
	background-color: #D3CED0;
	color:#000;
}
.waiting {
	background-color: #F0EAEE;
	border: 1px solid #D3CED0;
	color:#000;
}
.sent {
	background-color: #85B4BA;
	color:#FFF;
}
.attachment {
	max-width:200px;
	padding-top:15px;
}
.status {
	font-size:12px;
	color:#9C9D9F;
	text-transform: uppercase;
	padding-top:3px;
}
.date {
	font-size:14px;
	text-align: center;
	color:#9C9D9F;
}

.paper {
	/*border:1px solid #ccc;*/
	box-shadow: 0 0 15px rgba(192,192,192,0.5);
	margin:25px;
	padding:25px;
	max-width:1250px;
}
.paper p {
 	font-size: 18px;
}

.paper .red {
	color:red;
}

.paper .yes,
.paper .no {
	margin-left:50px;
}

.input-half {
	width:46%;
}

#script-form-error {
	color:red;
}

.payment-details-single {
	border-bottom: 1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}

.payment-details-single td {
	padding:0 5px;
}

.not-allowed .fa {
	color:#FD7217;
	font-size: 30px;
	margin-right:25px;
	display: inline-block;
	vertical-align: middle;
}

.not-allowed h3 {
	display: inline-block;
	vertical-align: middle;
}



.drop-btn {
	padding:5px 15px;
	background-color: rgba(192,192,192,0.3);
	border:1px solid rgba(192,192,192,0.6);
	border-radius: 5px;
	outline:0;
	position: relative;
}

.drop-btn:hover .drop-menu {
	display:block;
}

.drop-menu {
	display: none;
	position: absolute;
	top:23px;
	right:-75px;
	white-space: nowrap;
	background-color: #fff;
	text-align: left;
	z-index: 9;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	border-radius: 3px;
}
.drop-menu .fa {
	width:25px;
	text-align: center;
	color:inherit;
}

.drop-menu ul {
	margin:0;
	padding:0;
}

.drop-menu ul li {
	list-style-type: none;
	padding:10px 15px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:15px;
	/*font-weight: bold;
	color:#464646;*/
}


.drop-menu ul li:last-child {
	border-bottom:0;
}

tr.paid {
	color:#A66D5E;
	font-weight: bold;
	font-style: italic;
}

tr.completed {
	color:#A66D5E;
	font-weight: bold;
	font-style: italic;
}

.update-cc {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.forgot-link {
	text-align: center;
	margin-top:15px;
}

#payment-result-details {
	color:red;
	text-align: center;
}

.edit-password-button {
	margin:15px 0;
}

.user-info {
	border:1px solid #ccc;
	border-radius: 5px;
	padding:15px;
	width:400px;
	max-width:100%;
	box-shadow: 1px 1px 5px rgba(192,192,192,0.4);
	position: relative;
	float:left;
	margin-bottom:15px;
}

.rep-cols {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.rep-cols .col1 {
	-webkit-flex: 40;
	-ms-flex: 40;
	flex: 40;
	padding-right:15px;
}

.rep-cols .col2 {
	-webkit-flex: 60;
	-ms-flex: 60;
	flex: 60;
	padding-left:15px;
}

.rep-info {
	border:1px solid #ccc;
	border-radius: 5px;
	padding:15px;
	width:100%;
	box-shadow: 1px 1px 5px rgba(192,192,192,0.4);
	margin-bottom:15px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.ri-col1 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding-right:30px;
	border-right:1px solid #ccc;
}

.ri-col2 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding-left:30px;
}

.rep-info .edit_rep {
	position: absolute;
	top:0;
	right:30px;
}


/* .edit-password-button {
	float:right;
	text-align: right;
} */

.user-info .edit-user {
	position: absolute;
	top:15px;
	right:15px;
}

.user-info .name {
	margin:0;
	font-size:22px;
	font-weight: bold;
}

.rep-info .edit-user {
	position: absolute;
	top:15px;
	right:15px;
}

.rep-info .name {
	margin:0;
	font-size:22px;
	font-weight: bold;
}

#reset-pw-btn {
	cursor: pointer;
}


.remove-attachment {
	cursor: pointer;
}

#attachment-image {
	max-width:100px;
}

.batch-queued, .batch-queued:hover { background-color: #EDF2F8 !important; }
.batch-sending, .batch-sending:hover { background-color: #C69D8A !important; }
.batch-delivered, .batch-delivered:hover { background-color: #A8E6FF !important; }
.batch-sent, .batch-sent:hover { background-color: #E0FFED !important; }
.batch-undelivered, .batch-undelivered:hover { background-color: #FD9EC2 !important; }
.batch-failed, .batch-failed:hover { background-color: #FC0006 !important; color:#FFF !important; }

.view-batch {
	cursor: pointer;
}


.btn-visible {
	border:0;
	background-color: #EDEDED;
	color:#9A9D9E;
	outline:0;
	cursor: pointer;
}
.btn-visible.active {
	background-color: #4F86FF;
	color:#FFF;
}

.cust-show-note-no {
	margin-left:-5px;
}

.portal-messages td {
	padding:15px;
}

.portal-messages td p {
	margin: 0 0 15px 0;
}

/*select#territory_id {
	width:400px;
	max-width:80%;
}*/

.training-header {
	text-align: center;
	color:red;
}

table.plain {
	border:0;
}
table.plain td {
	border:0;
	padding:0 10px;
}

.deactivate-user,
.activate-user {
	cursor: pointer;
}


.link {
	color:rgb(88, 142, 189);
	cursor: pointer;
}
.remove-ub16 {
	color:rgb(88, 142, 189);
	cursor: pointer;
}

.queue-btns {
	display: inline-block;
}
.queue-on,
.queue-off {
	display: inline-block;
	background-color: #D3D6D6;
	padding:1px 20px;
	font-weight: 400;
	cursor: pointer;
}

.queue-off {
	margin-left:-5px;
}

.queue-on.active,
.queue-off.active {
	background-color: #4F86FF;
	color:#FFF;
}

.edit-customer-left {
	width:50%;
	float:left;
}
.edit-customer-right {
	width:50%;
	float:right;
	text-align: right;
}
.edit-customer-right img {
	width:100%;
	max-width:500px;
}

.reset-customer-password {
	cursor: pointer;
}

#refresh-reports {
	cursor: pointer;
}

.fa-check-square.checkall {
	font-size: 16px;
	margin-left:5px;
	cursor: pointer;
}

#pay-multiple {
	float: right;
	display: none;
}

#multi-pay-error {
	color:red;
}

.show-customer {
	cursor: pointer;
}

.task-desc {
	width:35%;
}


input[type="checkbox"].readonly {
    pointer-events: none;
}
label.readonly {
    pointer-events: none;
    background-color: #fff;
}


#team-messages-form {
	width:500px;
	max-width:100%;
}
#team-messages-form textarea {
	height:120px;
}

.send-new-msg {
	cursor: pointer;
}

.tm_message_col {
	width:50% !important;
}

.single-team-message {
	border-bottom:1px solid #ccc;
	padding:25px 0;
}

.stm-from {
	margin-bottom:10px;
}

.stm-message {
	margin-bottom:10px;
}

.stm-timestamp {
	color:#A2A5AA;
	font-size: 13px;
}

.stm-mark {
	float:right;
}

.table td.fulfillment_total {
	text-align:right; 
	font-weight: bold;
	padding-right:10px;
}

.edit-fulfillment-item {
	cursor: pointer;
}


.delete-fulfillment-line,
.delete-fulfillment-log-line,
.copy-line-item {
	cursor: pointer;
	font-size: 20px;
	margin-right:10px;
}

.edit-traveler {
	cursor: pointer;
}

.delete_traveler {
	cursor: pointer;
	font-size: 20px;
}

.reservation-details {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.reservation-details-left {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right:10px;
}

.reservation-details-right {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left:10px;
}

.reservation-details .table th {
	text-align: left;
	border:1px solid #DEE1E1;
	background-color: rgba(88, 142, 189,0.05);
	padding:10px 5px;
	width:175px;
	max-width:50%;
}

.add-traveler {
	cursor: pointer;
}


.tooltip {
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
	visibility: hidden;
	/*width: 120px;*/
	white-space: nowrap;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 11px;
	/* Position the tooltip */
	position: absolute;
	top:-32px;
	left:-61px;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}



.fa.instant-check {
	color:#19C103;
	font-size: 17px;
}

.template-pills {
	float:right;
}

.pill {
	display: inline-block;
	font-size:12px;
	border:0;
	padding:3px 10px;
	border-radius: 25px;
	font-weight: normal;
	margin: 0 5px;
}
.pill.instant {
	background-color:#FD6938;
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pill.initial {
	background-color:#14A6FF;
	color:#FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.pill.default {
	background-color:#139713;
	color:#FFF;
}
.pill.reps {
	background-color:#FD6F17;
	color:#FFF;
}

.relative-div {
	position: relative;
}


.upper-fields {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.uf-single {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:0 5px;
	min-width:215px;
}

.clear-confirmed-date {
	color:#CCC;
}

.clear-confirmed-date:hover {
	color:#000;
}

.uf-single label {
	display: block;
}


.processing-icon {
	display: none;
}
.processing-icon .fa {
	font-size: 20px;
}

.input-half-left {
	width:48%;
	float:left;
}

.input-half-right {
	width:48%;
	float:right;
}

.input-half-left .note {
	margin:-8px 0 10px 0;
	font-size: 14px;
	color:red;
}

.input-note {
	margin:-8px 0 10px 0;
	font-size: 14px;
}

.pointer {
	cursor: pointer;
}

#card-error,
#card-error1 {
	color:red;
}

.email-divider {
	margin:50px 0;
	height:1px;
	background-color: rgba(0,0,0,0.3);
}

.progress1 {
	display: none;
}

#refresh_statuses {
	color:#ccc;
}

#refresh_statuses:hover {
	color:#000;
}


.fullfillment-buttons {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	margin-bottom:15px;
}

.radio-button {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:0 2px;
}


.radio-button input[type=radio] {
	display: none;
}
.radio-button label {
	border:0;
	padding:8px 25px;
	font-size: 14px;
	text-transform: uppercase;
	min-width:110px;
	outline:0;
	cursor: pointer;
	background-color: #E2E5E5;
	color:#000 !important;
	display: block;
}

.radio-button input[type=radio]:checked + label {
	background-color: #4F86FF;
	color:#FFF !important;
}

.delete-booking-template {
	font-size: 30px;
	color:#ccc;
}

.delete-booking-template:hover {
	color:#FF0000;
}

.t-row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.t-cell1 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:0 5px 0 0;
}
.t-cell2 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:0 5px 0 0;
}
.t-cell3 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:0 5px 0 0;
}
.t-cell4 {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding:0 5px 0 0;
}

.delete_mail {
	font-size: 26px;
	color:#ccc;
	cursor: pointer;
}

.delete_mail:hover {
	color:red;
}

.line-selected td {
	background-color: #E7F1FF;
}

.edit-gas-price {
	cursor: pointer;
}

.delete_gas_price,
.delete-issue,
.delete_rep {
	cursor: pointer;
	color:#CCC;
	font-size: 22px;
}
.delete_gas_price:hover,
.delete_rep:hover {
	color:red;
}

.create_record {
	cursor: pointer;
}

.delete-rep a {
	font-size: 25px;
	color:#ccc;
	cursor: pointer;
}
.delete-rep a:hover {
	color:red;
}

.deactivate-rep,
.activate-rep {
	cursor: pointer;
}

.rep-log-table td {
	vertical-align: top;
}


.rep-log-table .entry {
	color:red;
}

/*.dow-color {
	color:#7AAFFF;
}*/

.rep-log-date {
	color:#CCC;
}

.no-margins {
	margin:0;
}

.new-rep-log-entry {
	font-size: 14px;
	float:right;
	cursor: pointer;
}

.entry {
	cursor: pointer;
}

.todays_date {
	background-color: #FDFFE9;
}
.todays_date .rep-log-date {
	color:#000 !important;
}

.add-location-btn {
	font-size: 20px;
	float:right;
	margin-right:15px;
}

#closed_out {
	width:145px;
}


.rep-active,
.rep-inactive {
	font-size: 20px;
}
.rep-active {
	color:green;
}
.rep-inactive {
	color:red;
}

.show-message {
	color:red;
}

.top {
	margin-top:0;
}
.bottom {
	margin-bottom:0;
}

.rep_address {
	margin:10px 0;
}

.delete-storage-unit {
	font-size: 30px;
	color:#ccc;
	cursor: pointer;
}

.delete-storage-unit:hover {
	color:#FF0000;
}

.restore-deleted-customer {
	font-size: 30px;
	color:#ccc;
}

.restore-deleted-customer:hover {
	color:#000;
}

.rep-photo-single  {
	display: inline-block;
	margin:5px;
	vertical-align: top;
	border:1px solid #E8EEEE;
	text-align: center;
}


.rep-photo-img {
	height:220px;
	width:220px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	position: relative;
	cursor: pointer;
}

.rep-photo-name {
	padding:5px;
}

.rep-photo-single img {
	max-height:100%;
	max-width:100%;
}


.rep-photo-options {
	width:100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	text-transform: uppercase;
}
.rep-photo-send,
.rep-photo-edit,
.rep-photo-delete  {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	color:rgb(88, 142, 189);
	cursor: pointer;
	border-top:1px solid #E8EEEE;
	padding:5px 2px;
}
.rep-photo-edit,
.rep-photo-delete {
	border-right:1px solid #E8EEEE;
}

.edit_rep_photo_img {
	max-height: 75px;
	float:right;
}

.bulk-edit {
	color:rgb(88, 142, 189);
	cursor: pointer;
}

.edit_issue {
	cursor: pointer;
}

.sms-pop-customer {
	margin-right:125px;
	margin-bottom:15px;
}

.sms-pop-team-member {
	margin-left:125px;
	margin-bottom:15px;
	text-align: right;
}

.show-all-messages {
	cursor: pointer;
}
.show-all-messages.viewed {
	background-color: #E7F1FF;
}

.sms-pop-date {
	color:#9C9DA6;
	font-size: 14px;
}

.total-row td {
	background-color: #B2F5FF !important;
	font-size:14px;
}

#template-attachment img {
	max-height:200px;
}

.highlight {
	background-color: #EBEDEF;
}

.paging {
	text-align: center;
}
.paging div {
	display: inline-block !important;
}



.edit-faq {
	cursor: pointer;
}

.textarea.faq-content {
	height:250px;
}

.delete-faq {
	font-size: 30px;
	color:#ccc;
}

.delete-faq:hover {
	color:red;
}

#create-new-list {
	cursor: pointer;
}

.edit_list {
	cursor: pointer;
}

.send-to-list,
.delete-list {
	cursor: pointer;
	font-size: 22px;
	margin-right:15px;
}


/* ------- RESPONSIVE STYLING -------  */

@media only screen and (max-width:1300px) {
	.inline-element {
		width:300px;
	}
}

@media only screen and (max-width:1200px) {
	.inline-element {
	    width: 280px;
	}
}

@media only screen and (max-width:1150px) {
	.customer-details {
	    float: none;
	    width: 100%;
	    min-width: 100%;
	    margin: 0 15px 25px 0;
	}
	.customer-card {
		float:none;
		width:100%;
		margin:0 auto;
	}
	.inline-element {
	    width: 75%;
	}
}
@media only screen and (max-width:1100px) {
}

@media only screen and (max-width:1023px) {
	.reservation-details {
		flex-direction: column;
	}
	.reservation-details-left,
	.reservation-details-right {
		padding-left:0;
		padding-right:0;
	}
	.reservation-details-left .table {
		margin-bottom:0;
	}
}
@media only screen and (max-width:900px) {
	.edit-customer-left {
		width:100%;
		float:none;
	}
	.edit-customer-right {
		width:100%;
		float:none;
		text-align: left;
	}
	
}

@media only screen and (max-width:550px) {
	.sms-popup {
		width:100%;
		top:20px;
		left:0;
		margin-left:0;
	}
}