/* ----- GLOBAL STYLING ----- */

 body {
 	margin-bottom: 60px;
 	background-color: #e1eaed;
 }

 tbody {
 	background-color: #ffffff;
 }


/* ----- FONT STYLING ----- */
 body {
 	font-family: 'Lato', sans-serif;
 	font-size: 16px;
 	font-weight: 400;
 	color: #5d6367;
 }

 h1 {
 	font-size: 60px;
 	font-weight: 300;
 	color: #007fa3;
 	text-transform: uppercase;
 	text-align: center;
 }

 h2 {
 	font-size: 40px;
 	font-weight: 400;
 	color: #131f27;
 	text-align: left;
 }

 h3 {
 	font-size: 25px;
 	font-weight: 700;
 	color: #131f27;
 	text-align: left;
 }

 a {
 	color: #007fa3;
 	text-decoration: none;
 	transition-duration: 0.3s;
 }

 a:hover, a:active, a:focus {
 	color: #004d66;
 	text-decoration: none;
 }

 .btn {
 	display: inline-block;
 	padding: 10px 50px;
 	border: none;
 	border-radius: 10px;
 }

 .btn-primary,
 .btn-default,
 .btn-info {
 	background-color: #007fa3;
 	color: #ffffff;
 	transition-duration: 0.3s;
 }

 .btn-primary:hover, .btn-default:hover, .btn-info:hover,
 .btn-primary:focus, .btn-default:focus, .btn-info:focus,
 .btn-primary:active, .btn-default:active, .btn-info:active {
 	background-color: #096b87;
 	color: #ffffff;
 }

 h1.page-header {
 	font-size: 25px;
 	font-weight: 700;
 	color: #131f27;
 	text-align: left;
 	text-transform: uppercase;
 	display: inline-block;
 }

 .page-header {
 	border-bottom: none;
 	margin: 0px;
 	padding: 17px 50px;
 }


/* ----- MENU STYLING ----- */
 
 .navbar-default {
 	background-color: #ffffff;
 	border: none;
 	-webkit-box-shadow: 0px 2px 10px -5px rgba(0,0,0,0.75);
 	-moz-box-shadow: 0px 2px 10px -5px rgba(0,0,0,0.75);
 	box-shadow: 0px 2px 10px -5px rgba(0,0,0,0.75);
 }

 .navbar .container-fluid {
 	width: 100%;
 	margin: auto;
 	padding: 0px;
 }

 .navbar-header {
 	width: 15%;
 }

 .logo {
 	text-align: center;
 	width: 100%;
 }

 .logo img {
 	width: 220px;
 	display: inline-block;
 }

 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
 	border: none;
 }

 .region-navigation-collapsible {
 	text-align: left;
 }

 .navbar .nav {
 	display: inline-block;
 	color: #ffffff;
 	vertical-align: middle;
 	float: right;
 }

 .navbar-header {
 	display: inline-block !important;
 	vertical-align: middle;
 }

 .navbar-collapse.collapse {
 	display: inline-block !important;
 	vertical-align: middle;
 	width: 85%;
 }

 .navbar .nav li {
 	float: none;
 	display: inline-block;
 }

 .navbar .nav li a {
 	display: inline-block;
 	float: none;
 	color: #ffffff;
 	padding: 20px 15px;
 	margin: 0px -2px;
 	transition-duration: 0.3s;
 }

 .navbar .nav li a:hover,
 .navbar .nav li a:focus {
 	background-color: #007fa3;
 	color: #ffffff;
 }

 .navbar-default .navbar-nav .active a,
 .navbar-default .navbar-nav .active a:hover,
 .navbar-default .navbar-nav .active a:focus {
 	background-color: #007fa3;
 	color: #ffffff;
 }

 #block-id {
 	display: inline-block;
 }

 #block-id h2 {
 	display: inline-block;
 	font-size: 18px;
 	font-weight: 700;
 }


/* ----- BARCODE STYLING ----- */
 .barcode-c128 {
 	display: inline-block;
 	padding: 5px 5px 0px;
 	border: 1px solid #999999;
 	font-size: 8px;
 	text-align: center;
 	margin: 10px;
 }

 .barcode-generator {
 }

 .barcode-generator .field--item {
 	display: inline-block;
 }

 .paragraph--type--qr-code {
 	display: inline-block;
 	text-align: center;
 }


/* ----- SIDEBAR STYLING ----- */
 
 .col-sm-3 {
 	width: 15%;
 	background-color: #ffffff;
 	border-right: 1px solid #cccccc;
 	height: 100vh;
 	position: fixed;
 	top: 0px;
 	padding-top: 80px;
 }

 .col-sm-9 {
 	width: 85%;
 	margin-left: 15%;
 	padding: 0px 50px;
 }

 #block-footer {
 	font-size: 12px;
 	position: absolute;
 	bottom: 10px;
 	background-color: #ffffff;
 }

 #block-id {
 	font-size: 12px;
 	position: absolute;
 	bottom: 50px;
 	background-color: #ffffff;
 }

 #block-id .field--label-inline .field--label,
 #block-id .field--label-inline > .field--item,
 #block-id .field--label-inline .field--items {
 	display: inline-block;
 }

 .menu--user-menu > li > a {
 	background-color: #f1f1f1;
 }


/* ----- ASSET PRINT STYLING ----- */
 #block-printmenu {
 	color: #ffffff;
 	padding: 15px;
 	text-align: center;
 	width: 80vw;
 }

 .view-barcode-prints .view-filters {
 	display: none;
 }

 .view-barcode-prints .field--name-field-bcid {
 	font-size: 7px;
 	margin-top: -6px;
 }

 .view-qr-prints {
 	text-align: center;
 }

 .view-qr-prints .views-row {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 5px;
 	border: 1px solid #999999;
 	padding: 1px;
 }

 .view-qr-prints .paragraph--type--qr-code {
 	padding: 0px;
 	border: none;
 	display: block;
 }

 .paragraph--type--qr-code .code,
 .views-field-field-qrcode .code,
 .views-field-field-qrcode-1 .code {
 	margin-bottom: -5px;
 }


/* ----- ASSET PAGE STYLING ----- */
 .page-node-type-asset .full {
 	margin: auto;
 	margin-bottom: 60px;
 }

 .asset .content {
 	display:flex;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: flex-start;
 }

 .field--name-field-customer,
 .assinf,
 .field--name-field-contact,
 .bcodes {
 	flex-basis: 47%;
 	align-items: stretch;
 	background-color: #f2f5f7;
 	padding: 25px;
 	border-radius: 10px;
 	margin: 15px;
 }

 .bcodes h3 {
 	margin-top: 0px;
 	margin-bottom: 0px !important;
 	display: inline-block;
 	vertical-align: middle;
 }

 .bcdbrk {
 	margin-top: 20px;
 }

 .bcprint {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 14px;
 	margin-left: 15px;
 }

 .bcdbrk {
 	display: inline-block;
 	width: 69%;
 }

 .asset .assleft,
 .asset .assright,
 .asset .cominf,
 .asset .comadr {
 	display: inline-block;
 	width: 48%;
 	vertical-align: top;
 	text-align: left;
 }

 .asset .field--label-inline .field--label,
 .asset .field--label-inline > .field--item,
 .asset .field--label-inline .field--items {
 	float: none;
 	display: inline-block;
 	vertical-align: top;
 }

 .comadr .field--label-inline .field--label {
 	display: block;
 }

 .asset .field--label,
 .bcodes h3 {
 	font-size: 25px;
 	margin-bottom: 25px;
 	color: #131f27;
 }

 .asset .paragraph .field--label,
 .asset .customer .field--label,
 .field--name-field-asset-status .field--label {
 	font-size: 18px;
 	margin-bottom: 0px;
 	color: #5d6367;
 }

 .field--name-field-asset-status {
 	font-size: 12px;
 }

 .field--name-field-asset-status,
 .assinf h3 {
 	display: inline-block;
 	vertical-align: middle;
 }

 .assinf h3 {
 	margin: 0px 10px 0px;
 }

 .statred {
 	color: #a2001d;
 	background-color: #d8a9ba;
 	display: inline-block;
 	padding: 3px 15px;
 	border-radius: 20px;
 }

 .statblue {
 	color: #007fa3;
 	background-color: #a9ced8;
 	display: inline-block;
 	padding: 3px 15px;
 	border-radius: 20px;
 }

 .statgreen {
 	color: #00a171;
 	background-color: #a9d8cb;
 	display: inline-block;
 	padding: 3px 15px;
 	border-radius: 20px;
 }

 .statgrey {
 	color: #5d6367;
 	background-color: #d0e0e8;
 	display: inline-block;
 	padding: 3px 15px;
 	border-radius: 20px;
 }

 .asset .field--name-field-customer h2 {
 	margin: -25px 0px 15px;px;
 }

 .asset .field--name-field-customer h2 a {
 	font-size: 20px;
 	pointer-events: none;
 	font-weight: 700;
 	margin: 0px;
 	color: #5d6367;
 	margin: 0px;
 }

 .field--name-field-asset-information {
 	margin-top: 25px;
 }

 .view-barcode-prints {
 	/*width: 80%;*/
 	margin: auto;
 	text-align: center;
 	margin-bottom: 100px;
 }

 .view-barcode-prints .views-row {
 	display: inline-block;
 	margin: 5px;
 	border: 1px solid #999999;
 }

 .view-barcode-prints .views-field-field-asset-bcid .barcode-c128 {
 	margin: 0px;
 }

 .view-barcode-prints .views-field-field-asset-bcid {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 2px;
 }

 .view-barcode-prints .views-field-field-qrcode2 {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 3px 3px -1px 2px;
 }

 .view-barcode-prints h3 {
 	text-align: center;
 }

 .bcdbrk .field--name-field-asset-bcid,
 .bcdbrk .field--name-field-qr-codedis,
 .bcdbrk .field--name-field-qrcode {
 	display: inline-block;
 	vertical-align: middle;
 	margin: 0px 10px;
 }

 .asset .field--name-field-bcid {
 	font-size: 10px;
 	margin-top: -5px;
 }

 .field--name-field-related-assets .field--label {
 	margin-top: 25px;
 	margin-bottom: 5px;
 }

 .field--name-field-related-assets .field--item .field--label {
 	margin: 0px;
 }

 .field--name-field-related-assets > .field--item {
 	display: inline-block;
 	background-color: #e8ecef;
 	padding: 25px;
 	border-radius: 10px;
 	margin: 10px;
 	width: 350px;
 	vertical-align: top;
 }

 .field--name-field-related-assets .field--item .field--item {
 	display: block;
 	background-color: transparent;
 	padding: 0px;
 	border-radius: 0px;
 	margin: 0px;
 	width: auto;
 }

 .field--name-field-related-assets h2 a {
 	font-size: 22px;
 	margin: 0px;
 }

 .field--name-field-related-assets h2 {
 	font-size: 22px;
 	margin: 0px 15px 10px 0px;
 	float: left;
 }

 .field--name-field-related-assets .field--name-field-asset-information {
 	clear: both;
 }


/* ----- ASSET SEARCH PAGE ----- */

 #block-assetsearchpage .hpcnt {
	top: 10vh;
 }

 .view-asset-seasrch {
 	width: 80%;
 	margin: auto;
 	text-align: center;
 }

 .view-asset-seasrch .view-filters {
 	position: relative;
 	top: 7vh;
 }

 .view-asset-seasrch .view-empty {
 	position: relative;
 	top: 8vh;
 	color: #ffffff;
 }

 .view-asset-seasrch .view-empty h3 {
 	color: #ffffff;
 }

 .view-asset-seasrch .view-content {
 	position: relative;
 	top: 10vh;
 }

 .view-asset-seasrch .views-row {
 	display: inline-block;
 	background-color: #e8ecef;
 	padding: 25px;
 	border-radius: 10px;
 	margin: 10px;
 }

 .view-asset-seasrch .views-field-field-make,
 .view-asset-seasrch .views-field-field-model {
 	display: inline-block;
 	margin-right: 5px;
 }

 .view-asset-seasrch h3 {
 	margin: 0px 0px 20px;
 	text-align: center;
 }

 .view-asset-seasrch .views-field-field-serial-number {
 	margin-bottom: 15px;
 }

 .views-field-field-asset-status {
 	font-size: 12px;
 	margin-bottom: 10px;
 }

 .views-field-view-node a {
 	width: 100%;
 	display: inline-block;
 	padding: 15px;
 	background-color: #007fa3;
 	color: #ffffff;
 	border-radius: 10px;
 	margin-top: 10px;
 	font-size: 14px;
 }


/* ----- USER LOGIN STYLING ----- */
 .logimg {
 	position: fixed;
 	top: 0;
 	z-index: -2;
 }

 .logimg:after {
 	position: absolute;
 	display: block;
 	content: '';
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0,0,0,0.6);
 	top: 0;
 	z-index: 0;
 }

 .path-user .footer,
 .path-tfa .footer {
 	position: fixed;
 	bottom: 0px;
 	width: 100%;
 }

 .tfa-entry-form .control-label {
 	visibility: hidden;
 	position: relative;
 }

 .tfa-entry-form .control-label:before {
 	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	content: "Two-factor authentication code";
	width: 120%;
 }

 .tfa-entry-form .control-label:after {
 	visibility: visible;
 	margin-left: 26px;
 }

 .logcnt {
 	text-align: center;
 	color: #5d6367;
 	font-size: 16px;
 	margin-bottom: 25px;
 }

 .logcnt img {
 	width: 180px;
 	margin: auto;
 }

 .logcnt h3 {
 	color: #131f27;
 	text-align: center;
 	margin: 20px 0px 10px;
 	font-size: 20px;
 }

 .logbod {
 	margin: 20px 0px 30px;
 	font-size: 16px;
 }

 #block-2fapage h3 {
 	margin-bottom: 0px;
 }

 .path-user .alert,
 .path-tfa .alert {
 	top: 15px;
 }

 .simplelogin-logo,
 .simplelogin-link {
 	display: none;
 }

 .simplelogin-form {
 	border: 1px solid #c1c1c1;
 	border-radius: 4px;
 	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
 	-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
 	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);
 	padding: 25px 40px;
 }

 body.simplelogin {
 	background-color: #ffffff;
 }

 .simplelogin input.form-text, .simplelogin input.form-tel,
 .simplelogin input.form-email, .simplelogin input.form-url,
 .simplelogin input.form-search, .simplelogin input.form-file,
 .simplelogin input.form-number, .simplelogin input.form-color,
 .simplelogin textarea.form-textarea, .simplelogin select.form-select,
 .path-tfa input.form-control {
 	border-radius: 4px;
 	border: 1px solid #c1c1c1;
 	color: #5d6367;
 	height: auto;
 }

 .simplelogin-form input,
 .form-item-code input {
 	background-color: #ffffff;
 	margin: 0px 0px 10px;
 	padding: 12px;
 }

 .simplelogin-form input:focus,
 .simplelogin-form input:active,
 input:focus, input:active {
 	outline: none;
 	box-shadow: none;
 }

 .simplelogin-form input[type="submit"], .simplelogin-form button.form-submit,
 .path-tfa .btn {
 	text-transform: none;
 	width: auto;
 	border-radius: 4px;
 	border: none;
 	padding: 12px 25px;
 	font-weight: 400;
 }

 .user-login-form .form-actions,
 .path-tfa .form-actions {
 	text-align: center;
 	margin-top: 30px;
 }

 .simplelogin-form .forgot-password {
 	text-align: center;
 	font-size: 12px;
 	color: #7D8489;
 }

 .simplelogin-form .form-actions .btn, .simplelogin-form .form-actions .btn-group,
 .path-tfa .form-actions .btn, .form-actions .btn-group {
 	margin-right: 0px;
 }

 .path-tfa .region-content {
 	width: 400px;
 	margin: auto;
 	padding: 25px 40px;
 	border: 1px solid #c1c1c1;
 	border-radius: 4px;
 	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
 	-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
 	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
 	padding: 25px 40px;
 }

 #tfa-entry-form .control-label {
 	display: none;
 }


/* ----- HOME PAGE STYLIING ----- */
 .hpcont {
 	height: 100vh;
 	position: fixed;
 	background-image: url(/sites/default/files/images/hp.jpg);
 	background-size: cover;
 	background-position: center;
 	top: 0;
 	width: 100%;
 	z-index: -1;
 }

 .hpcont:after {
 	position: absolute;
 	display: block;
 	content: '';
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0,0,0,0.8);
 	top: 0;
 	z-index: 0;
 }

 .hpcnt {
 	position: absolute;
 	width: 50%;
 	margin: 0px 25%;
 	top: 25vh;
 	text-align: center;
 	color: #ffffff;
 	z-index: 2;
 }

 .hpcnt img {
 	width: 220px;
 	margin-bottom: 40px;
 }

 #block-viewsexposedfilterblock {
 	height: 83vh;
 	width: 80%;
 	margin: auto;
 	text-align: center;
 }

 #views-exposed-form-asset-seasrch-block-1 {
 	position: relative;
 	top: 35vh;
 }

 #block-viewsexposedfilterblock .form-control,
 .view-asset-seasrch .form-control {
 	height: auto;
 	padding: 20px;
 	color: #007fa3;
 	border-radius: 10px 0px 0px 10px;
 	border: none;
 	box-shadow: none;
 	background-color: #e8ecef;
 	width: 100%;
 	font-size: 16px;
 }

 #block-viewsexposedfilterblock .form-type-textfield,
 .view-asset-seasrch .form-type-textfield {
 	width: 50%;
 }

 #block-viewsexposedfilterblock .btn,
 .view-asset-seasrch .btn {
 	padding: 20px 60px;
 	font-size: 16px;
 	border-radius: 0px 10px 10px 0px;
 	margin-left: -4px;
 }


/* ----- HOME PAGE V2 STYLING ----- */

 .view-assets .views-field-field-asset-bcid,
 .view-assets .views-field-dropbutton {
 	width: 15%;
 }

 .view-assets .views-field-field-asset-information,
 .view-assets .views-field-field-contact {
 	width: 35%;
 }

 .view-assets table caption {
 	width: fit-content;
 	padding: 1px 20px;
 	background-color: #007fa3;
 	color: #ffffff;
 	font-size: 12px;
 	border-radius: 10px 10px 0px 0px;
 	text-transform: uppercase;
 	font-weight: 700;
 }


/* ----- SITE ADMINISTRATION ----- */
 #node-asset-form,
 #node-customer-form,
 #node-customer-edit-form,
 #node-asset-edit-form {
 	width: 80%;
 	margin: auto;
 	margin-bottom: 100px;
 }

 #node-asset-form .field--name-field-asset-bcid,
 #node-asset-form .field--name-field-qr-codedis,
 #node-asset-edit-form .field--name-field-asset-bcid,
 #node-asset-edit-form .field--name-field-qr-codedis {
 	display: block;
 	width: 100%;
 }

 .view-id-content {
 	width: 80%;
 	margin: auto;
 }

 .tabledrag-toggle-weight {
 	display: none;
 }


/* ----- MENU SIGNED OUT STYLING ----- */
 #block-anonymoususerlogininfo {
 	color: #ffffff;
 	text-align: center;
 	background-color: #131f27;
 	padding: 20px 0px;
 }
 #block-signedoutmenu-menu {
 	float: right;
 }


/* ----- TABS STYLING ----- */
 .tabs {
 	width: 80%;
 	margin: auto;
 }

 .nav-tabs {
 	border: none;
 	margin: 0px 0px 40px 10px;
 }

 .nav-tabs li {
 	float: none;
 	display: inline-block;
 	position: initial;
 }

 .nav-tabs li.active a,
 .nav-tabs li.active a:hover,
 .nav-tabs li.active a:focus {
 	background-color: #007fa3;
 	color: #ffffff;
 	padding: 10px 30px;
 	border-radius: 4px;
 	margin: 0px 5px;
 	border: none;
 }

 .nav-tabs li a {
 	background-color: #e8ecef;
 	color: #5d6367;
 	padding: 10px 30px;
 	border-radius: 4px;
 	margin: 0px 5px;
 	border: none;
 }

 .nav-tabs li a:hover,
 .nav-tabs li a:focus {
 	border: none;
 	background-color: #007fa3;
 	color: #ffffff;
 }


/* ----- ASSET PRINT STYLING ----- */
 #block-print-filter {
 	display: inline-block;
 	vertical-align: middle;
 	padding: 10px 0px;
 }

 #block-print-filter .form--inline {
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
 }

 #block-print-filter .form-inline .form-group {
 	display: flex;
 	margin: 0px 10px;
 	align-items: center;
 }

 #block-print-filter .form-inline .control-label {
 	margin-right: 10px;
 	margin-left: -10px;
 }

 #block-print-filter .btn {
 	padding: 7px 40px;
 }


/* ----- CUSTOMER PAGE STYLING ----- */
 .page-node-type-customer .tabs-left > .nav-tabs {
 	float: none;
 	margin: 0px;
 }

 .page-node-type-customer .tabs-left > .nav-tabs,
 .page-node-type-customer .tabs-right > .nav-tabs {
 	width: 100%;
 	padding: 0px;
 	margin-bottom: 20px;
 }

 .page-node-type-customer .tabs-left > .nav-tabs > li > a {
 	border-radius: 4px;
 	background-color: #ffffff;
 }

 .page-node-type-customer .tabs-left > .nav-tabs > li > a:hover {
 	background-color: #007fa3;
 }

 .page-node-type-customer .tabs-left > .nav-tabs > li.active > a {
 	background-color: #007fa3;
 }

 .page-node-type-customer .nav-tabs li.active a,
 .page-node-type-customer .nav-tabs li.active a:hover,
 .page-node-type-customer .nav-tabs li.active a:focus,
 .page-node-type-customer .nav-tabs li a,
 .page-node-type-customer .nav-tabs li a:hover,
 .page-node-type-customer .nav-tabs li a:focus {
 	margin: 0px 5px;
 }







































/* ----- FOOTER STYLING ----- */
 .footer {
 	background-color: #131f27;
 	padding: 20px 0px;
 	margin: 0px;
 	border: none;
 	text-align: center;
 	color: #ffffff;
 	font-size: 14px;
 	position: fixed;
 	bottom: 0px;
 	width: 100%;
 }

 .footer img {
 	width: 100px;
 }

 .footer .field--name-body {
 	width: 80%;
 	margin: auto;
 	text-align: center;
 }

 #block-footerinfo {
 	display: inline-block;
 	width: 30%;
 	text-align: left;
 }

 #block-managementlinks {
 	display: inline-block;
 	width: 58%;
 	text-align: right;
 }

 #block-managementlinks a {
 	display: inline-block;
 	padding: 10px 25px;
 	background-color: #007fa3;
 	color: #ffffff;
 	border-radius: 10px;
 	margin: 0px 5px;
 }