````             
 `@. '@                                                        @@@@             
 #     @                                                       @@@@             
@ ,+#; @                                                       @@@@             
@'@@@@@'.                                                      @@@@             
@ @@@@.`                                                       @@@@             
::@@@@@@                                                       @@@@             
 @    @.                                                       @@@@             
  ;@@@                                                         @@@@             
                                                               @@@@             
  ,@@@   @@@@          @@@'      #@@@@@@`              :@@@@@  @@@# '@@@@@@     
  ,@@@   +@@@         ,@@@     @@@@@@@@@@@           @@@@@@@@  @@@#@@@@@@@@@;   
  ,@@@    @@@,        @@@@    @@@@@@@@@@@@@        .@@@@@@@@@  @@@@@@@@@@@@@@.  
  ,@@@    @@@@        @@@.   @@@@@.    @@@@@      `@@@@@#,...  @@@@@@    +@@@@  
  ,@@@    ,@@@       '@@@   '@@@#       '@@@@     @@@@;        @@@@@      :@@@  
  ,@@@     @@@'      @@@@   @@@@       +@@@@@    +@@@,         @@@@        @@@' 
  ,@@@     @@@@      @@@   `@@@      :@@@@@+     @@@@          @@@@        @@@@ 
  ,@@@      @@@     @@@@   +@@@    .@@@@@@       @@@           @@@@        +@@@ 
  ,@@@      @@@@    @@@;   @@@@   @@@@@@         @@@           @@@#        +@@@ 
  ,@@@      '@@@   ,@@@    @@@@ @@@@@@`         `@@@           @@@#        +@@@ 
  ,@@@       @@@,  @@@@    @@@@ @@@@:     ;@@@   @@@           @@@#        +@@@ 
  ,@@@       @@@@  @@@`    :@@@  @+       @@@@   @@@;          @@@#        +@@@ 
  ,@@@       .@@@ '@@@      @@@;          @@@'   @@@@          @@@#        +@@@ 
  ,@@@        @@@+@@@+      @@@@         @@@@    `@@@@         @@@#        +@@@ 
  ,@@@        #@@@@@@        @@@@.      @@@@+     @@@@@:       @@@#        +@@@ 
  ,@@@         @@@@@@        ,@@@@@#'+@@@@@@       @@@@@@@@@@  @@@#        +@@@ 
  ,@@@         @@@@@:         ,@@@@@@@@@@@@         #@@@@@@@@  @@@#        +@@@ 
  ,@@@         ,@@@@            @@@@@@@@@.            @@@@@@@  @@@#        +@@@ 
                ,#+               .'#+:                                         

@font-face {
	font-family: 'fontello';
	src: url('/assets/plugins/fontello/font/fontello.eot?11778634');
	src: url('/assets/plugins/fontello/font/fontello.eot?11778634#iefix') format('embedded-opentype'),  url('/assets/plugins/fontello/font/fontello.woff?11778634') format('woff'),  url('/assets/plugins/fontello/font/fontello.ttf?11778634') format('truetype'),  url('/assets/plugins/fontello/font/fontello.svg?11778634#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
a:hover {
	text-decoration: none !important;
}

ul.uploads {
	list-style:none;
	padding-left:0px;
}

#filelist{
	text-align:center;
}
.postcode-search {
	width: 100%;
	padding: 5px 8px;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #3C0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.table-centered {
	text-align:center;
}

.postcode-spinner {
	position: absolute;
	top: 7px;
	right: 25px;
	display: none;
	width: 28px;
	height: 28px;
}

.european td {
    background-color:rgba(255,102,0,0.4) !important; 
	font-weight:bold;
}

body {
	background-color: rgba(0,0,0,1);
}

.fa-file-pdf-o {
	font-size:20px;
	color:red;
}

.fa-file-excel-o {
	font-size:20px;
	color:green;
}

.fa-eye {
	font-size:20px;
	color:black;
}

.fa {
	font-size:20px!important;
	margin-right:5px!important;
}

.plain_header {
	margin-top: 20px;
	margin-bottom: 20px;
}

.actions .glyphicon {
	margin-right:10px;
}

.strong {
	font-weight:bold;
}

.linkable_row:hover{
    cursor: pointer;
  }
  
.header {
	padding-top: 10px;
	color: rgba(255,255,255,1);
	margin-bottom: 20px;
}

.nav-tabs > li > a {
    background: #CCC;
	color: #337AB7;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #FFF;
	font-weight:bold;
}

.navbar-default .navbar-nav {
	text-align: center;
}
.navbar-default .navbar-nav>.active.blue>a, .navbar-default .navbar-nav>.active.blue>a:focus, .navbar-default .navbar-nav>.active.blue>a:hover {
	background-color: #0daed3;
	color: #fff;
}
.navbar-default .navbar-nav>.active.pink>a, .navbar-default .navbar-nav>.active.pink>a:focus, .navbar-default .navbar-nav>.active.pink>a:hover {
	background-color: #F50087;
	color: #fff;
}
.navbar-default .navbar-nav>.active.yellow>a, .navbar-default .navbar-nav>.active.yellow>a:focus, .navbar-default .navbar-nav>.active.yellow>a:hover {
	background-color: #ffb400;
	color: #fff;
}
.navbar-default .navbar-nav>.active.green>a, .navbar-default .navbar-nav>.active.green>a:focus, .navbar-default .navbar-nav>.active.green>a:hover {
	background-color: #61BF26;
	color: #fff;
}
.navbar-default .navbar-nav>.active.purple>a, .navbar-default .navbar-nav>.active.purple>a:focus, .navbar-default .navbar-nav>.active.purple>a:hover {
	background-color: #A514CC;
	color: #fff;
}
.navbar-default .navbar-nav>.active.orange>a, .navbar-default .navbar-nav>.active.orange>a:focus, .navbar-default .navbar-nav>.active.orange>a:hover {
	background-color: #FF4700;
	color: #fff;
}
.navbar-default .navbar-nav>.active.black>a, .navbar-default .navbar-nav>.active.black>a:focus, .navbar-default .navbar-nav>.active.black>a:hover {
	background-color: #000000;
	color: #fff;
}
.navbar-default .navbar-nav>.active.grey>a, .navbar-default .navbar-nav>.active.grey>a:focus, .navbar-default .navbar-nav>.active.grey>a:hover {
	background-color: #999;
	color: #fff;
}
.navbar-default .navbar-nav>.active.brown>a, .navbar-default .navbar-nav>.active.brown>a:focus, .navbar-default .navbar-nav>.active.brown>a:hover {
	background-color: #87421F;
	color: #fff;
}
.navbar-default .navbar-nav>.active.teal>a, .navbar-default .navbar-nav>.active.teal>a:focus, .navbar-default .navbar-nav>.active.teal>a:hover {
	background-color: #008080;
	color: #fff;
}
.navbar-default .navbar-nav>.active.coral>a, .navbar-default .navbar-nav>.active.coral>a:focus, .navbar-default .navbar-nav>.active.coral>a:hover {
	background-color: #E8705C;
	color: #fff;
}
.navbar-default .navbar-nav>.active.maroon>a, .navbar-default .navbar-nav>.active.maroon>a:focus, .navbar-default .navbar-nav>.active.maroon>a:hover {
	background-color: #800000;
	color: #fff;
}
.navbar-default .navbar-nav>.active.red>a, .navbar-default .navbar-nav>.active.red>a:focus, .navbar-default .navbar-nav>.active.red>a:hover {
	background-color: #f63131;
	color: #fff;
}
.navbar-default .navbar-nav>.active.navy>a, .navbar-default .navbar-nav>.active.navy>a:focus, .navbar-default .navbar-nav>.active.navy>a:hover {
	background-color: #000080;
	color: #fff;
}
.navbar-default .navbar-nav>.active.orchid>a, .navbar-default .navbar-nav>.active.orchid>a:focus, .navbar-default .navbar-nav>.active.orchid>a:hover {
	background-color: #D15FEE;
	color: #fff;
}
.navbar-default .navbar-nav>.active.applegreen>a, .navbar-default .navbar-nav>.active.applegreen>a:focus, .navbar-default .navbar-nav>.active.applegreen>a:hover {
	background-color: #8DB600;
	color: #fff;
}
.navbar-default .navbar-nav>.active.darkgreen>a, .navbar-default .navbar-nav>.active.darkgreen>a:focus, .navbar-default .navbar-nav>.active.darkgreen>a:hover {
	background-color: #013220;
	color: #fff;
}
.panel {
	padding: 15px;
	margin-bottom: 20px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-heading {
	padding: 10px 15px;
	margin: -15px -15px 15px;
	font-size: 17.5px;
	font-weight: 500;
	background-color: #f5f5f5;
	border-bottom: 1px solid #dddddd;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.panel-body {
	padding: 0px !important;
}
.panel-footer {
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	border-top: 1px solid #e0dede;
	height: 24px;
	line-height: 24px;
	padding: 10px;
}
.panel-primary {
	border-color: #428bca;
}
.panel-primary .panel-heading {
	color: #ffffff;
	background-color: #428bca;
	border-color: #428bca;
}
.panel-success {
	border-color: #d6e9c6;
}

.hidden_box {
	display:none;
}
.panel-success .panel-heading {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.panel-warning {
	border-color: #fbeed5;
}
.panel-warning .panel-heading {
	color: #c09853;
	background-color: #fcf8e3;
	border-color: #fbeed5;
}
.panel-danger {
	border-color: #eed3d7;
}
.panel-danger .panel-heading {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}
.panel-info {
	border-color: #bce8f1;
}
.panel-info .panel-heading {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.panel>.table, .panel>.table-responsive>.table {
	margin-bottom: 0;
}
.text-center {
	text-align: center;
}
.btn-login {
	background-color: #59B2E0;
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: #59B2E6;
}
.btn-login:hover, .btn-login:focus {
	color: #fff;
	background-color: #53A3CD;
	border-color: #53A3CD;
}
.forgot-password {
	text-decoration: underline;
	color: #888;
}
.forgot-password:hover, .forgot-password:focus {
	text-decoration: underline;
	color: #666;
}
#secondaryNav {
	margin-top: -21px;
	border: none;
	min-height: 35px !important;
}
.dashboardNav {
	background-color: #0daed3;
}
.rentalsNav {
	background-color: #61BF26;
}
.vehiclesNav {
	background-color: #ffb400;
}
.hirersNav {
	background-color: #F50087;
}
.storageNav {
	background-color: #800000;
}
.damagesNav {
	background-color: #A514CC;
}
.invoicesNav {
	background-color: #FF4700;
}
.reportsNav {
	background-color: #D15FEE;
}
.exportsNav {
	background-color: #8DB600;
}
.accountsNav {
	background-color: #87421F;
}
.hireguardNav {
	background-color: #008080;
}
.trackingNav {
	background-color: #E8705C;
}
.websiteNav {
	background-color: #013220;
}
.personnelNav {
	background-color: #999;
}
.settingsNav {
	background-color: #f63131;
}
.logsNav {
	background-color: #000080;
}
.metro-nav-block {
	display: block;
	height: 70px;
	text-decoration: none;
	color: white;
	overflow: hidden;
	position: relative;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 20px;
	font-smooth: always;
	margin: 0 1% 1% 0;
	overflow: hidden;
	z-index: 1;
	margin-bottom: 20px;
}
.metro-nav * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.metro-nav-block h3 {
	padding: 5px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.metro-nav-block .brand, .metro-nav-block .tile-status {
	position: absolute;
	bottom: -10px;
	left: 10px;
	min-height: 30px;
	background-color: transparent;
	font-size: 14px;
}
.nav-green {
	background: none;
	background-color: #61BF26; /*GREEN COLOUR HERE*/
}
.nav-blue {
	background: none;
	background-color: #0daed3; /*BLUE COLOUR HERE*/
}
.nav-red {
	background: none;
	background-color: #f63131;
}
.nav-yellow {
	background: none;
	background-color: #ffb400;
}
.nav-pink {
	background: none;
	background-color: #F50087;
}
.nav-purple {
	background: none;
	background-color: #A514CC;
}
.nav-violet {
	background: none;
	background-color: #E100E5;
}
.nav-teal {
	background: none;
	background-color: #008080
}
.nav-orange {
	background: none;
	background-color: #FF4700;
}
.nav-coral {
	background: none;
	background-color: #E8705C;
}
.nav-maroon {
	background: none;
	background-color: #800000;
}
.nav-orchid {
	background: none;
	background-color: #D15FEE;
}
.nav-applegreen {
	background: none;
	background-color: #8DB600;
}
.nav-brown {
	background: none;
	background-color: #87421F;
}
.nav-grey {
	background: none;
	background-color: #999;
}
.nav-navy {
	background: none;
	background-color: #000080;
}

.nav-darkgreen {
	background: none;
	background-color: #013220;	
}
.dropdown-share {
	float: left;
	width: 50%;
}
.dropdown-menu {
	width: 100%;
	margin-left: -100%;
}
.dropdown-toggle:hover {
}
.dropdown-title {
	font-weight: bold;
}
.caret {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 10px;
}

.plain-footer {
	color:#FFF;
}

.footer {
	background-color: white;
	margin: 0 auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contactList {
	list-style-type: none;
}
.contactList li {
	margin-bottom: 5px;
	margin-left: -35px !important;
}
.contactList .glyphicon {
	padding-right: 10px;
}
.releaseVersion {
	font-size: 14px;
}
.btn-primary {
	border: none;
	margin-top: 5px;
	mrgin-bottom: 5px;
}
.btn-primary:hover {
	background-color: rgba(102,102,102,1);
	border: none;
}


.btn-partial {
	background:rgba(204,0,255,1);
	color:rgba(255,255,255,1);
}

.btn-partial:hover {
	background:rgba(204,0,255,1);
	color:rgba(255,255,255,1);
	cursor:default;
}

.btn-booked {
	background:rgba(255,180,0,1);
	color:rgba(255,255,255,1);
}

.btn-booked:hover {
	background:rgba(229, 160,0, 1);
	color:rgba(255,255,255,1);
}

.btn-group.open>.btn-booked {
background-color:rgba(229, 160,0, 1)!important;
}

.btn-collected {
	background:rgba(0,204,0,1);
	color:rgba(255,255,255,1);
}

.btn-collected:hover {
	background:rgba(22, 170, 0, 1);
	color:rgba(255,255,255,1);
}

.btn-group.open>.btn-collected {
background-color:rgba(22, 170, 0, 1)!important;
}

.btn-returned {
	background:rgba(30,87,153,1);
	color:rgba(255,255,255,1);
}

.btn-returned:hover {
	background:rgba(21, 54, 109, 1);
	color:rgba(255,255,255,1);
}

.btn-group.open>.btn-returned {
background-color:rgba(21, 54, 109, 1)!important;
}

.btn-completed {
	background:rgba(153,153,153,1);
	color:rgba(255,255,255,1);
}

.btn-completed:hover {
	background:rgba(102,102,102,1);
	color:rgba(255,255,255,1);
}

.btn-returned-with-damage {
	background:rgba(255, 44, 44, 0.9);
	color:rgba(255,255,255,1);
}

.btn-returned-with-damage:hover {
	background:rgba(102,102,102,1);
	color:rgba(255,255,255,1);
}


.btn-group.open>.btn-completed {
background-color:rgba(102,102,102,1)!important;
}

.single-field {
	margin-bottom: 10px;
}

.tooltip-icon {
	margin-top:5px;
}

.tooltip-inner {
	max-width: 300px;
}
div.ui-tooltip {
	max-width: 400px;
	padding: 10px;
}

.ui-tooltip {
	background-color: black!important;
}
.glyphicon-question-sign {
	margin-right: 5px;
}
.navbarBox {
	background-color: rgba(255,255,255,1);
	color: rgba(0,0,0,1) !important;
}
.navbarBoxTrue, .navbarBoxTrue:hover {
	background-color: rgba(102,153,0,1) !important;
	color: rgba(0,0,0,1) !important;
	border-left: solid black thin;
}
.navbarBoxFalse, .navbarBoxFalse:hover {
	background: rgba(255,0,0,1) !important;
	color: rgba(255,255,255,1) !important;
	border-left: solid black thin;
}
.stats {
}
.stats li {
	list-style-type: none;
	background: rgba(204,204,204,1);
	margin-left: 0px !important;
	margin: 5px;
	padding: 5px;
	margin-left: -20px;
}
.tab-content {
	margin-top: 10px !important;
}
.rental-actions {
	width: 300px;
}
.largeIcon {
	font-size: 22px;
}
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(51,51,51,.4);
}
#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #5d94cc;
	-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}
#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #FFFFFF;
	-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #666;
	-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.spouse_field {
	display: none;
}

.clickable {
	cursor:pointer;
}

.severe_error {
	color:#F00!important;
	font-weight:bold;
}

.slight_error {
	color:#09F!important;
	font-weight:bold;
}

select.ui-datepicker-month, select.ui-datepicker-year {
	color:#111!important;
}

#reason_for_refusal_holder {
	display:none;
}

#table_details_overview tr td:nth-child(1) {
}
#table_details_overview tr td:nth-child(2) {
	font-weight:bold;
}
#table_details_overview tr td:nth-child(3) {
}
#table_details_overview tr td:nth-child(4) {
	font-weight:bold;
}
 @-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
 @keyframes spin {
 0% {
 -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(0deg);  /* IE 9 */
 transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
}
 100% {
 -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
 -ms-transform: rotate(360deg);  /* IE 9 */
 transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
}
}
#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	z-index: 100000000;
	-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);  /* IE 9 */
	transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);  /* IE 9 */
	transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);  /* IE 9 */
	transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}
/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}
.no-js h1 {
	color: #222222;
}

.driving_licence {
	margin-top:20px;
	margin-bottom:20px;
}

.driving_licence_front {
	background-color:#E9B2B8;
	border-radius:5px;
	padding:15px 10px 25px 25px;
	min-height: 370px;
}

.driving_licence_front h5 {
	font-family:Cambria, "Times New Roman", serif;
	font-size:16px;
	font-weight:bold;
}

.driving_licence_front ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

.licence_country {
	height:80px;
	background-color:#030070;
	color:rgba(255,204,0,1);
	font-size:40px;
	text-align:center;
	line-height:80px;
	margin-bottom:10px;
}

.driving_licence_back {
	background-color:#E9B2B8;
	border-radius:5px;
	padding:15px 10px 25px 25px;
	display: inline-block;
	width: 100%;
	min-height: 370px;
}

.driving_licence_back h5 {
	font-family:Cambria, "Times New Roman", serif;
	font-size:16px;
	font-weight:bold;
}

.table_row_red {
	background-color:rgba(255,0,0,1)!important;
	color:#FFFFFF!important;
}

 @media (max-width: 768px) {
.desktopLinks {
	display: none;
}
#secondaryNav li a:hover, #secondaryNav li a:focus {
	background-color: transparent;
	font-weight: bold;
}
.dropdown-menu li a {
	/*color: white;*/
}
.dropdown-menu li a:hover, .dropdown-menu li:hover {
	background-color: white;
	color: black;
}
.dropdown-title a {
	color: white;
	font-weight: bold;
	font-size: 14px;
}
.dropdown-title a:hover {
	color: rgba(206,209,216,1);
	font-weight: bold;
}
.dropdown-menu li:first-child {
	margin-top: 10px;
}
.navbar-brand {
	padding: 10px !important;
}
.navbar-brand img {
	max-width: 75px;
}
.leftFooter, .middleFooter, .socialIcons {
	text-align: center;
}
.contactList {
	margin-left: -15px !important;
}

.modalContent {
	border-radius:6px!important;
}
}
 @media (min-width: 768px) {
.navbar {
	border-radius: 0px;
}
.navbar-brand {
	display: none;
}
.dropdown-share {
	display: none;
}
#secondaryNav li.active a {
	font-weight: bold;
	text-decoration: underline;
}
#secondaryNav li a {
	padding-top: 7px !important;
	height: 35px;
	color: rgba(255,255,255,1);
}
#secondaryNav li a:hover {
	padding-top: 7px !important;
	height: 35px;
	color: rgba(0,0,0,1);
	background-color: rgba(255,255,255,1);
}
.socialIcons {
	text-align: right;
}
.middleFooter {
	text-align: center;
}
}
 @media (max-width: 1200px) {
.navbar {
	border-radius: 0px;
	font-size: 12px;
}
}


<!--######TYPEAHEAD
.Typeahead *, .Typeahead *:before, .Typeahead *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Utilities */

.u-cf:before, .u-cf:after {
	content: " ";
	display: table;
}
.u-cf:after {
	clear: both;
}
.u-hidden {
	display: none !important;
}
.u-posRelative {
	position: relative;
}
/* Typeahead */

.Typeahead {
 *z-index: 1;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.Typeahead-spinner {
	position: absolute;
	top: 7px;
	right: 7px;
	display: none;
	width: 28px;
	height: 28px;
}
.Typeahead-hint, .Typeahead-input {
	width: 100%;
	padding: 5px 8px;
	font-size: 12px;
	line-height: 30px;
	border: 1px solid #3C0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.Typeahead-hint {
	position: absolute;
	top: 0;
	left: 0;
	color: #ccd6dd;
	opacity: 1;
}
.Typeahead-input {
	position: relative;
	background-color: transparent;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
	outline: none;
}
.Typeahead-menu {
	position: absolute;
	top: 95%;
	left: 2.5%;
	z-index: 100;
	display: none;
	width: 95%;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 0px 0px 1px green;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.Typeahead-menu.is-open {
	display: block;
}
.Typeahead-selectable {
	cursor: pointer;
}
.Typeahead-selectable + .Typeahead-selectable {
	border-top: 1px solid #ccd6dd;
}
/* ProfileCard */

.ProfileCard {
	position: relative;
	padding: 8px;
}
.ProfileCard-avatar {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 52px;
	height: 52px;
	border: 2px solid #ccd6dd;
	border-radius: 5px;
}
.ProfileCard:hover .ProfileCard-avatar {
	border-color: #f5f8fa;
}
.ProfileCard-details {
	min-height: 60px;
	padding-left: 60px;
}
.ProfileCard-realName, .ProfileCard-screenName {
	display: inline-block;
}
.ProfileCard-realName {
	font-weight: normal;
}
.ProfileCard-screenName {
	color: #8899a6;
}
.ProfileCard-description {
	margin-top: 5px;
	font-size: 14px;
	line-height: 18px;
}
.ProfileCard-stats {
	float: right;
	text-align: right;
}
.ProfileCard-stat {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}
.ProfileCard-stat-label {
	color: #8899a6;
	font-weight: 500;
}
.ProfileCard-stat + .ProfileCard-stat {
	margin-left: 5px;
}
.ProfileCard:hover, .ProfileCard.is-active {
	color: #fff;
	background: #55acee;
}
.ProfileCard:hover .ProfileCard-screenName, .ProfileCard:hover .ProfileCard-stat-label, .ProfileCard.is-active .ProfileCard-screenName, .ProfileCard.is-active .ProfileCard-stat-label {
	color: #fff;
}
/* EmptyMessage */

.EmptyMessage {
	position: relative;
	padding: 5px;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	padding-bottom:10px;
}
.Typeahead-menu {
	max-height: 400px;
	overflow-y: auto;
}

.Typeahead-customer-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #3C0
}

.wide_modal{
	width:80%;
	margin-left:-40%; !important;
}

#rental_balance_footer {
	display:none;
}

.asterisk {
	color:rgba(255,0,0,1);
	font-weight:bold;
	font-size:14px;
}

@media (min-width: 1150px) {
  .modal-lg {
    width: 1100px;
  }
}

.has_late_rentals {
	color: #F00;
	font-weight:bold;
}

.dhx_cal_event_line.holiday_booked_event{
	background: rgba(0,153,0,1) !important;
	color: rgba(255,255,255,1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
	
.dhx_cal_event_line.holiday_rejected_event{
	background: rgba(255,0,0,1) !important;
	color: rgba(255,255,255,1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.dhx_cal_event_line.holiday_pending_event{
	background: rgba(0,102,255,1) !important;
	color: rgba(255,255,255,1);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.highlight {
    background-color: #fff34d;
}

.do_not_hire {
	color:#A94442;
	background-color:#F2DEDE;
}

.customer_header {
	padding: 10px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}

.level_1 {
	padding-left:20px !important;
}
.level_2 {
	padding-left:40px !important;
}

#vehicle_availability_holder {
	display:none;
}

.update_website_category:hover {
	cursor:pointer;
}

.checkbox label {
	padding:5px;
}

[class*="flaticon-"]:before {
	font-size:32px;
}

.glyphicon{
	cursor:pointer;
}

#sortable { list-style-type: none; margin: 0; padding: 0}
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; font-size: 4em; text-align: center;}


<!--SLIDER SWITCH-->
#sliderLabel {
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 100px;
    display: inline-block;
}

#sliderLabel input {
    display: none;
}

#sliderLabel input:checked + #slider {
    left: 0px;
}

#slider {
    left: -50px;
    position: absolute;
    top: 0px;
    -webkit-transition: left .25s ease-out;
    -moz-transition: left .25s ease-out;
    -o-transition: left .25s ease-out;
    -ms-transition: left .25s ease-out;
    transition: left .25s ease-out;
}

#sliderOn,
#sliderBlock,
#sliderOff {
    display: block;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0px;
}

#sliderOn {
    background: #3269aa;
    background: -webkit-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
    background: -moz-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
    background: -o-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
    background: -ms-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
    background: linear-gradient(top, #3269aa 0%, #82b3f4 100%);
    color: white;
    left: 0px;
    width: 54px;
}

#sliderBlock {
    background: #d9d9d8;
    background: -webkit-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
    background: -moz-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
    background: -o-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
    background: -ms-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
    background: linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 28px;
    left: 50px;
    width: 50px;
}

#sliderOff {
    background: #f2f3f2;
    background: -webkit-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
    background: -moz-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
    background: -o-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
    background: -ms-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
    background: linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
    color: #8b8b8b;
    left: 96px;
    width: 54px;
}

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    padding-top: 2px;
    cursor: pointer;
    font-size: 14px;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 30px;
    width: 30px;
    background: #FFFFFF;
    border: 2px solid #10CA00;
}
.control-radio .control_indicator {
    border-radius: undefined%;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #CCCCCC;
}

.control input:checked ~ .control_indicator {
    background: #36C02A;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 1px;
    width: 5px;
    height: 15px;
    border: solid #FFFFFF;
    border-width: 0 5px 5px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}

.storage_booked_event {
	background-color: rgb(0, 66, 0) !important;	
}

.storage_booked_without_payment_event {
	background-color: rgb(162, 10, 10) !important;		
}

.customer_export_date_range {
	display:none;
}
.supplier_export_date_range {
	display:none;
}
.ivech_hireguard_tutorial_img {
	border: 1px solid #333;
}

.checkbox {
	margin-left:20px;
}

.js .inputfile {
    width: 0.1px!important;
    height: 0.1px!important;
    opacity: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    z-index: -1!important;
}

.inputfile + label {
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
		margin-left:auto;
	margin-right:auto;

}


/* style 4 */

.inputfile-4 + label {
    color: #87421F;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #930;
}

.inputfile-4 + label figure {
    width: 100%;
    height:inherit;
    border-radius: 50%;
    background-color: #87421F;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #930;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #FFFFFF;
}

/* SLIDER */

.slidecontainer {
	padding-bottom: 8px;
}
#fuel_slider {
}
.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
	margin-top: 10px;
}
.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #ffb400;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ffb400;
    cursor: pointer;
}

/* /SLIDER */

.licence_back_small_text
{
	font-size: 10px;
}

.licence_back_grid_holder
{
	padding-top: 2px;
}

/* DRIVING LICENCE BACK CODE TABLE */

.col_grid_segment
{
	border: 1px solid #999;	
	border-bottom: 0px;
	border-right: 0px;
	font-size: 12px;
	text-align: center;
	word-wrap: break-word;
}

.col_grid_bottom
{
	border-bottom: 1px solid #999;	
}

.col_grid_right
{
	border-right: 1px solid #999;	
}

.col_grid_left
{
	text-align: left;
	font-weight: bold;	
}

.driving_licence_buttons
{
	margin-bottom: 12px;	
}

.driving_licence_buttons button
{

}

.btn-licence
{
	background-color: #cd4c5b!important;	
}

.btn-licence:hover
{
	background-color: #a02c3b!important;	
}

.notify-drop {
	width: 300px !important;
	max-height: 350px;
	overflow-x: hidden;
  	overflow-y: scroll;
}

.notificationBoxTrue, .notificationBoxTrue:hover {
	color: rgba(0,0,0,1) !important;
	border-left: solid black thin;
}

.notificationBoxTrue .badge {
	background-color: red !important;
	color: rgba(0,0,0,1) !important;
}

.notificationBoxFalse, .notificationBoxFalse:hover {
	color: rgba(0,0,0,1) !important;
	border-left: solid black thin;
}

.notificationBoxFalse .badge {
	background-color: rgba(102,153,0,1) !important;
	color: rgba(0,0,0,1) !important;
}

.notification_item {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: thin solid #000000;
	padding-right: 10px !important;
}

.notification_item:hover {
	background-color: #B7B7B7;
}

.notification_clicked {
     background-color: rgba(102,153,0,1) !important;
}

.complete_task_button span {
	font-size: 22px;
}

.complete_task_button span:hover {
	background-color: rgba(102,153,0,1) !important;
}

.driving_licence {
	margin-top:20px;
	margin-bottom:20px;
}

.driving_licence_front {
	background-color:#E9B2B8;
	border-radius:5px;
	padding:15px 10px 25px 25px;
	min-height: 370px;
}

.driving_licence_front h5 {
	font-family:Cambria, "Times New Roman", serif;
	font-size:16px;
	font-weight:bold;
}

.driving_licence_front ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

.licence_country {
	height:80px;
	background-color:#030070;
	color:rgba(255,204,0,1);
	font-size:40px;
	text-align:center;
	line-height:80px;
	margin-bottom:10px;
}

.driving_licence_back {
	background-color:#E9B2B8;
	border-radius:5px;
	padding:15px 10px 25px 25px;
	display: inline-block;
	width: 100%;
	min-height: 370px;
}

.driving_licence_back h5 {
	font-family:Cambria, "Times New Roman", serif;
	font-size:16px;
	font-weight:bold;
}

.adv_exp_parent_cat
{
	padding-top: 9px;
	padding-bottom: 5px;
}

.adv_exp_parent_cat_trigger
{
	cursor: pointer!important;
}

.adv_exp_parent_cat_trigger:hover
{
	color: #555!important;
}

.adv_exp_parent_row
{
	border: 1px solid #E1E1E1!important;
	margin-top: 6px!important;
}

.adv_exp_sub_cat
{
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 15px;
	padding-right: 12px;
}

.adv_exp_sub_cat_trigger, .adv_exp_sub_cat_dropdown_trigger
{
	cursor: pointer!important;
}

.adv_exp_sub_row
{
	border: 1px solid #E1E1E1;
	border-top: 0px!important;
}

.wh-100-block
{
	height: 100%!important;
	width: 100%!important;
	display: block!important;
	cursor: pointer!important;
}

.pl-0, .p-0
{
	padding-left: 0px!important;
}

.pr-0, .p-0
{
	padding-right: 0px!important;
}

.adv_exp_sub_row .fas
{
	width: 20px!important;
	text-align: center!important;
	margin-right: 6px!important;
}

.sub_sub_padding
{
	padding-left: 19px!important;
}

.total_counter
{
	padding-right: 8px;
}

.mt-1
{
	margin-top: 4px!important;
}

	.account_reports_table tbody tr td:first-child {
		font-size:16px;
		font-weight:bold;
	}
	
	.account_reports_table thead tr td h4 i {
		margin-right:10px;
	}
	
	.account_reports_table thead tr td h4 i.fa-file-pdf, .account_reports_table tbody tr td i.fa-print {
		color:red;
	}

	.account_reports_table thead tr td h4 i.fa-file-excel, .account_reports_table tbody tr td i.fa-download {
		color:green;
	}

.tooltip_templates { display: none; }

.accountancy_holder {
	display:none;
}

            .exportsNav {
    background-color: #4582EC;
}

.export_browse_button {
    border-radius: 10px 0px 0px 0px;
	width:100%;
	padding-right:10px;
}

.exportsNav {
    background-color: #4582EC;
}

.export_upload_button {
    border-radius: 0px 10px 0px 0px;
	width:100%;
	padding-left:none!important;
}

.upload-progress {
    height: 34px;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    margin-bottom: 0px;
}

.export_customers_from_date_holder, .export_customers_to_date_holder {
	display:none;
}