/*
black: #4d505b,
red: #cf4848,
green: #16a79b,
purple: #80628b,
orange: #f4ac42
*/

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Bold.ttf);
    font-weight: bold;
}

.strong {
	font-weight:bold;
}

.loading {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(255,255,255,0.5);
	z-index:99999999;
	display:none;
}

.loading .icon {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
	font-size:50px;
}



.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

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

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

@-webkit-keyframes demo {
    0% {
        opacity:1;
    }
    50% {
      opacity:0.3;
    }
    100% {
      opacity:1;
    }
}

.glyphicon-flash-animate {
    -webkit-animation-name: demo;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn, .btn-lg, .btn-group-lg > .btn {
	border-radius:0px;
}

.filter-block .btn {
	font-size:12px;
	padding:6px 7px;
}


.btn-default {
	color: #333;
	background-color: #f5f5f6;
	border-color: #ccc;
}

.btn-primary {
	color: #fff;
	background-color: #38a4dd;
	border-color: #38a4dd;
}
.btn-primary:hover, .btn-primary:focus{
	background-color: #2394d0;
	border-color:#2394d0;
}

.btn-primary:active, .btn-primary.active {
		background-color: #38a4dd;
		border-color:#38a4dd;
}

.btn-warning {
	color: #fff;
	background-color: #ffc400;
	border-color: #ffc400;
	text-shadow:#ffc400 1px 1px;
}

.btn-warning:hover {
	background-color: #eeb700;
	border-color: #eeb700;
}

.btn-danger {
	background-color: #ff8761;
	border-color: #ff8761;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
		background-color: #ff7043;
	border-color: #ff7043;
}

.btn-info {
	color: #fff;
	background-color: #00bfe8;
	border-color: #00bfe8;
}

.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info.active {
		background-color: #00a3c6;
		border-color:#00a3c6;
}

.btn-success,.alert-success {
	background-color:#45beb3;
	border-color:#45beb3;
	color:#FFF;
}

.btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success.active {
	background-color:#48b9ae;
	border-color:#48b9ae;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
		background-color:#48b9ae;
	border-color:#48b9ae;
}


.border-success {
	border-color:#45beb3;
}
.border-warning {
	border-color:#ffc400;
}
.border-danger {
	border-color:#ff8761;
}



.text-primary {
	color: #38a4dd;
}
.text-warning {
	color: #ffc400 !important;
}
.text-info {
	color: #00bfe8 !important;
}
.text-danger {
	color:#ff8761 !important;
}
.text-success {
	color:#39958c !important;
}



.bg-success {
	background:#cfedea !important;
}

.bg-danger {
	background:#ffc7b6 !important;
}

.bg-inactive {
	background:#e5e5e5 !important;
	color:#888;
}

.alert-success {

}

.alert-default {
	background-color: #222;
	border-color: #222;
	color:#FFF;
}

.alert-danger {
	background-color: #ff8761;
	border-color: #ff8761;
	color:#FFF;
}

.alert-danger a, .alert-danger a:hover, .alert-danger a:focus {
	font-weight:bold;
	color:#FFF;
}


.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
	background:#fff3cc;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
	background:#ffd4c7;
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
	background:#d8edf8;
}


.panel-info > .panel-heading {
	background:#00bfe8;
	color:#FFF;
	border-color:#00b1d7;
}






.form-control {
	font-size:13px;
}

textarea.form-control {
	overflow:scroll;
}

.input-error {
		border-color:#b52f2f;
}

#sendEmailModal .cke_contents { height: 200px !important; }



/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  font-family:Roboto;
}

a {
	color:#9e7fd3;
	cursor:pointer;
}

a:hover, a:focus {
	color:#8b65cb;
}

strong {
	font-weight:500;
}

.form-control {
	overflow:hidden;
}

input[type="search"] {
	padding-right:0px;
}

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}

.lead {
	font-size:15px;
}

.bg-success, .bg-warning {
	padding:10px;
}

.list-group-item {
	padding:10px;
}

.dropdown-menu {
	font-size:12px;
}

.min-night {
	color:#cc3333;
}

/*
 * Global add-ons
 */


.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

h5 .glyphicon {
	font-size:12px;
}


#updateNotification {
	background:#16a79b;
	position:fixed;
	right:40px;
	z-index: 1;
	color:#FFF;
	font-weight:600;
	display:none;
}

#updateNotification p{
	margin:10px;
}

.form-control[readonly] {
	background:#f5f5f5;
}

.input-group-sm > .input-group-addon {
	padding:5px 4px;
background-color:#f8f8f8;
}

.datepicker {
  z-index: 1040 !important;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

.navbar-inverse {
	background:#00bfe8;
}

.navbar-inverse .navbar-brand {
	color:#FFF;
	text-shadow:#00a3c6 1px 1px 1px;
	font-weight:bolder;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
@media (max-width: 768px) {
	.sidebar {
		position: absolute;
		top: 50px;
		width: 100%;
    	background-color: #2f3b4c;
		z-index:10000000;
		display:none;
	}
}

@media (min-width: 769px) {
  .sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block !important;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #2f3b4c;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  color:#b0bec5;
  font-size:13px;
  border-left: #2f3b4c 5px solid;
  padding-left:10px;
}


.nav > li > a:hover, .nav > li > a:focus, .nav .sub > li > a:hover, .nav .sub > li > a:focus, .nav-sidebar .menu-lead:hover, .nav-sidebar .menu-lead.collapsed:hover {
	color:#00bfe8;
  	background:none;
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus,
.nav-sidebar .active > a,
.nav-sidebar .active > a:hover,
.nav-sidebar .active > a:focus
 {
  color: #fff;
  background-color: #222b37;
  border-left: #00bfe8 5px solid;
}


.nav-sidebar .menu-lead {
	color:#b0bec5;
	cursor:pointer;
  	border-left: #2f3b4c 5px solid;
}

.nav-sidebar .menu-lead.collapsed {
	color:#b0bec5;
}

.nav-sidebar .sub {
	background:#293342;
	border-top:#222b38 1px solid;
	border-bottom:#222b38 1px solid;
}

.nav-sidebar .sub li a {
	  color:#b0bec5;
	padding-left:25px;
	border-left: #293342 5px solid;
	  font-size:13px;

}

.nav-sidebar .sub .active > a,
.nav-sidebar .sub .active > a:hover,
.nav-sidebar .sub .active > a:focus {
  border-left: #00bfe8 5px solid;
    background-color: #222b37;
	color:#FFF;
}


.nav-sidebar li a .glyphicon{
	padding-right:10px;
}

.sidebar .username {
	margin-bottom:20px;

}

.sidebar .username .icon {
	font-size:30px;
	color:#FFF;
}

.sidebar .username .col-xs-8, .sidebar .username .col-xs-4 {
	padding:0px;
}

.sidebar .username .name {
	color:#FFF;
	font-weight:300;
	line-height:20px;
	font-size:15px;
}

.sidebar .username .position {
	line-height:15px;
	font-size:10px;
	color:#b0bec5;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
  font-size:24px;
  line-height:40px;
}

.main table {
	font-size:12px;
	margin-bottom:10px;
}

.main .table td {
	vertical-align:middle;
}

.modal table {
	font-size:12px;
	margin-bottom:10px;
}

.modal .table td {
	vertical-align:middle;
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}




.sort-icon {
	color:#ccc;
}

.sort-icon.active, .sort-icon:hover{
	color:inherit;
	cursor:pointer;
}






#bookingsPage .booking td.status {
	color:#cf4848;
}


#quotesPage .quote-timeline:after, #quotesPage .quote-notes:after, #bookingPage .booking-timeline:after, #bookingPage .booking-notes:after {
    content:"";
    position: absolute;
    z-index: -1;
    top: 75px;
    bottom: 20px;
    left: 4%;
    border-left: 1px dotted #ccc; /*change these values to suit your liking*/
}

#quotesPage .quote-timeline .event, #quotesPage .quote-notes .event, #bookingPage .booking-timeline .event, #bookingPage .booking-notes .event {
	padding-bottom:20px;
	font-size:12px;
}

.nav-tabs > li > a {
	padding:5px 15px;
/*	color:#78909c;
*/
color: #45beb3;

}




.main .col-xs-1, .main .col-sm-1, .main .col-md-1, .main .col-lg-1, .main .col-xs-2, .main .col-sm-2, .main .col-md-2, .main .col-lg-2, .main .col-xs-3, .main .col-sm-3, .main .col-md-3, .main .col-lg-3, .main .col-xs-4, .main .col-sm-4, .main .col-md-4, .main .col-lg-4, .main .col-xs-5, .main .col-sm-5, .main .col-md-5, .main .col-lg-5, .main .col-xs-6, .main .col-sm-6, .main .col-md-6, .main .col-lg-6, .main .col-xs-7, .main .col-sm-7, .main .col-md-7, .main .col-lg-7, .main .col-xs-8, .main .col-sm-8, .main .col-md-8, .main .col-lg-8, .main .col-xs-9, .main .col-sm-9, .main .col-md-9, .main .col-lg-9, .main .col-xs-10, .main .col-sm-10, .main .col-md-10, .main .col-lg-10, .main .col-xs-11, .main .col-sm-11, .main .col-md-11, .main .col-lg-11, .main .col-xs-12, .main .col-sm-12, .main .col-md-12, .main .col-lg-12 {
	padding-left:10px;
	padding-right:10px;
}

.main .row {
	margin-right:-10px;
	margin-left:-10px;
}

.main label, .main .input-sm {
	font-size:12px;
}

.main small {
	font-size:10px;
	line-height:15px;
}




.modal .col-xs-1, .modal .col-sm-1, .modal .col-md-1, .modal .col-lg-1, .modal .col-xs-2, .modal .col-sm-2, .modal .col-md-2, .modal .col-lg-2, .modal .col-xs-3, .modal .col-sm-3, .modal .col-md-3, .modal .col-lg-3, .modal .col-xs-4, .modal .col-sm-4, .modal .col-md-4, .modal .col-lg-4, .modal .col-xs-5, .modal .col-sm-5, .modal .col-md-5, .modal .col-lg-5, .modal .col-xs-6, .modal .col-sm-6, .modal .col-md-6, .modal .col-lg-6, .modal .col-xs-7, .modal .col-sm-7, .modal .col-md-7, .modal .col-lg-7, .modal .col-xs-8, .modal .col-sm-8, .modal .col-md-8, .modal .col-lg-8, .modal .col-xs-9, .modal .col-sm-9, .modal .col-md-9, .modal .col-lg-9, .modal .col-xs-10, .modal .col-sm-10, .modal .col-md-10, .modal .col-lg-10, .modal .col-xs-11, .modal .col-sm-11, .modal .col-md-11, .modal .col-lg-11, .modal .col-xs-12, .modal .col-sm-12, .modal .col-md-12, .modal .col-lg-12 {
	padding-left:10px;
	padding-right:10px;
}

.modal .row {
	margin-right:-10px;
	margin-left:-10px;
}

.modal label, .modal .input-sm {
	font-size:12px;
}

.modal small {
	font-size:10px;
	line-height:15px;
}

.changed {
	 -webkit-animation-name: changed; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s; /* Chrome, Safari, Opera */
    animation-name: changed;
    animation-duration: 3s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes changed {
    0%   {border-color: inherit;}
    20%  {border-color: #16a79b;}
    100% {border-color: inherit;}
}

/* Standard syntax */
@keyframes changed {
    0%   {border-color: inherit;}
    20%  {border-color: #16a79b;}
    100% {border-color: inherit;}
}






.bottom-overlay {
	background: #eceef2;min-height:60px;border:#d8dce4 1px solid; padding:10px; z-index:5; font-size:12px;
}

#tempStateMsg {
display:none;
}
#tempStateMsg .nav {
position:relative;margin-top:-30px;border-bottom:none;
}
#tempStateMsg .nav a {
background-color: rgb(236, 238, 242);
color:#2f3b4c;
font-weight:bold;
}

#tempStateMsg .nav a:hover {
background-color: #d8dce4;
cursor:pointer;
}



.glyphs-list {
	height: auto; max-height: 200px; overflow-x: hidden;
}

.glyphs-list .glyphicon-class {
	display:none;
}

.glyphs-list li {
	float:left;
padding:10px;
font-size:18px;
}

.glyphs-list li:hover {
	background:#CCC;
}








@media print {
    .dont-print {
        display:none !important;
    }

	body {
		padding:0px;
		font-size:11px !important;
	}

	.main {
		margin:0px;
		width:100%;
		padding:0px;
	}

	.btn {
        display:none;
	}

	h1,h2,h3,h4,h5 {
		font-size:14px;
		font-weight:bolder;
	}

	label {
		font-size:8px !important;
	}

	input, select, small {
		font-size:8px !important;
		line-height:15px;
		height:15px;
		padding:0px 5px !important;
	}
}






#emrv-reservation {

}

#emrv-reservation .special-alert{
	margin-top:10px;
background:#FFE3AF;
border:#FFC65D 1px solid;
color:#BF5202;;
}

#emrv-reservation .border-special{
	border:#FFC65D 1px solid;
	margin-bottom:0px;
}

#emrv-reservation .total-price{
	font-weight:bold;
}

#emrv-reservation .vehicle {
	margin:10px 0px 10px 0px!important;
	padding:10px 5px;
  min-height:75px;
}

#emrv-reservation .extra {
	margin-right:-0px !important;
	margin-left:-0px !important;
}




#processPayment .more-history {
	display:none;
}


#dashboard .panel .panel-body {
	padding:5px;
}

#dashboard .panel .table {
	margin-bottom:0px;
}

#dashboard .panel .table > tbody > tr > td {
	border:none;
}


.quote-timeline:before {
	content:"";
	position: absolute;
	z-index: 0;
	top: 20px;
	bottom: 0px;
	left: 4.6%;
	/*border-left: 1px dotted #ccc; change these values to suit your liking*/
}

.quote-timeline .event {
	padding:10px 0px;
	border-top:#ddd 1px dashed;
}

.quote-timeline .event:first-child {
	border:none;
	padding-top:0px;
}

.table-emails tbody tr:hover{
	cursor:pointer;
}
.table-emails tbody tr.email-body:hover{
	cursor:text;
	background-color:#ffffff !important;
}

.table-emails tbody tr.email-body iframe {
	width:100%;
	height:400px;
	border:0px;
}