/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:400,600);
body {
	font-family: Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
	height: 100%;
	width: 100%;
	padding: 0;

}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@media screen {
	body {
		padding-top: 60px;
	}

	/****************/
	/* login styles */
	/****************/
	#login {
		padding-top: 0;
		background-color:#243648;
		margin: 0;
		height: 100%;
		width: 100%;
		display:block;
	}
	#login .login {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 800px;
		margin-top: 70px;
	}
	#login .login-dialog {
		text-align: left;
		height: 350px;
		background-color: #fff;
	}
	#login .login-logo {
		text-align: left;
	}
	#login .login-logo img {
		height: 60px;
		margin-bottom:2px;
	}
	#login .login-message {
		position: relative;
		float: left;
		width: 400px;
		height: 100%;
		background-color: #EFEFEF;
		padding: 30px 30px 25px 35px;
		overflow: auto;
	}
	#login .login-background {
		position: absolute;
		left: 5px;
		top: 5px;
		bottom: 5px;
		right: 5px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#login .login-form {
		float: left;
		width: 400px;
		height: 100%;
		padding: 20px;
		color: #606060;
	}
	#login .login-form .title {
		font-size: 22px;
		padding: 20px 30px;
	}
	#login .login-form .message {
		padding: 0 30px 10px 30px;
		margin-top: -10px;
		text-align: center;
		font-size: 14px;
		color: #CC0000;
	}
	#login .form-group label {
		text-align: right;
		padding-top: 7px;
		margin-right: -20px;
	}
	#login a {
		color: #2B73EE;
		text-decoration: none;
	}
	#login a:hover {
		text-decoration: none;
	}
	#login div.login-version {
		padding-top: 5px;
		color: #efefef;
		font-weight: normal;
	}
	#login div.login-version a {
		color: #2B73EE;
		font-weight: normal;
	}

	/***************************/
	/*       menu styles       */
	/***************************/
	.navbar.app-navbar {
		height: 60px; 
	}
	.navbar.navbar-fixed-top.app-navbar {
		border-bottom-width: 0;
	}
	.navbar.app-navbar .navbar-brand {
		padding: 5px 0px;
	}
	.navbar.app-navbar .navbar-brand img {
		height: 50px;
	}
	.navbar.app-navbar .container {
		margin: 0;
		padding: 0 20px;
		width: 100%;
	}
	.navbar.app-navbar .navbar-nav a {
		padding-top:20px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	.navbar.app-navbar .navbar-nav .dropdown-menu a {
		padding-top:5px;
		padding-bottom:5px;
	}
	.navbar.app-navbar .navbar-collapse {
		background-color: #f8f8f8;
	}
	.navbar.app-navbar li a {
		text-transform: uppercase;
	}
	.navbar.app-navbar span.notifications-alert {
		padding: 1px 5px;
	    background-color: #337ab7;
	    color: #fff;
	    border-radius: 10px;
	    margin-right: 5px;
	    cursor: pointer;
	}
	.nav.nav-sidebar>.active>a {
		color: #555;
		background-color: #e7e7e7;
	}

	.navbar.navbar-inverse .navbar-nav>li .dropdown-menu:not([class*="collaps"]) span.select2-selection {
		color: #cccccc;
		background-color: #454545;
		border-color: #666666;
		padding-left: 5px;
	 }
	 .navbar.navbar-inverse .navbar-nav>li .dropdown-menu:not([class*="collaps"]) .select2-container--default .select2-selection--multiple .select2-selection__choice {
		color: #000;
	 }
	 .navbar.navbar-inverse .navbar-nav>li .dropdown-menu:not([class*="collaps"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #dddddd;
	 }

	.navbar .filter-active {
		padding-right: 15px;
	}
	.navbar .filter-active .btn {
		cursor: default;
	}
	.navbar .filter-active .btn span.filter-close {
		cursor: pointer;
		padding-right: 5px;
	}

	/***************************/
	/*    page layout styles   */
	/***************************/
	.alert-container {
		width:300px;
		float:right;
		z-index: 2000;
		position: fixed;
		right: 10px;
		top: 70px;
	}
	.alert-container .alert {
		position: relative;
	}
	.alert-container .title {
		font-weight: bold;
		margin-right: 10px;
	}
	.alert-container .text {
		margin-right: 20px;
	}
	.fill-area {
		height: 100%;
		width: 100%;
	}
	.fill-width {
		width: 100% !important;
	}
	.fill-height {
		height: 100% !important;
	}

	.app-container {
		position: relative;
	}

	/******************************/
	/*    display-header styles   */
	/******************************/
	.display-header {
		padding: 0 10px;
		height: 50px;
		background-color: #344152;
		width: 100%;
	}
	.display-header > div {
		line-height: 33px;
	}
	.display-header form {
		display: inline;
	}
	.display-header .form-group {
		margin-bottom: 0px;
	}
	.display-header .form-inline {
		width: 100%;
	}
	.display-header .display-title,
	.display-header .display-search,
	.display-header .display-actions {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.display-header .display-title {
		font-size: 16px;
		color: #e6e6e6;
	}
	.display-header .display-search {

	}
	.display-header div.search.input-group {
		max-width: 300px;
	}
	.display-header .display-actions button img {
		height: 14px;
	}
	.display-header div.control-separator {
		width: 1px;
		line-height: 32px;
		border-left: 0px solid #c0c0c0;
		display: inline-block;
	}
	.display-header button img {
		height: 18px;
	}
	/*****************************/
	/* display-content styles  */
	/*****************************/
	.display-content.padded, .display-content .padded {
		padding: 10px;
	}
	.content-container .sidebar {
		padding: 10px;
		background-color: #f3f3f4;
	}

	.sidebar.collapsible .collapsible-icon {
		display: none;
		position:absolute; 
		right: 14px; 
		top: 5px;
	}

	.sidebar.collapsible .collapsible-icon {
		font-size: 20px;
	}

	.sidebar.collapsible .collapsible-icon-pin:not(.pinned) span {
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		-o-transform: rotate(30deg);
		transform: rotate(30deg);
	}

	.content-container .content {
	}
	.content-container .content.half-height,.content-container .sidebar.half-height {
		height: 50%;
		overflow-y: auto;
	}
	.content-container .content {
		width: 100%;
	}

	/*********************/
	/*    panel styles   */
	/*********************/
	.panel {
		display: table;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.modal .display-content .panel {
		position: absolute;
		padding-bottom: 110px;
	}
	.panel .panel-heading {
		display: table-row;
		width: 100%;
	}
	.panel .panel-heading > div {
		display: table-cell;
		padding: 10px;
		width:100%
	}

	.panel .panel-heading h3 {
		margin-left: 5px;
	}
	.panel .panel-title {
		line-height: 33px;
	}
	.panel-body .section {
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 5px;
	}
	.panel-body label.title {
		font-size: 16px;
	}
	.panel > div {
		padding: 10px;
	}
	.panel .panel-content {
		display: table-row;
		padding: 10px; 
		height: 100%; 
	}
	.panel .panel-content > div {
		display: table-cell;
		width: 100%;
		position: relative;
	}

	.display-message {
		font-size: 24px;
		text-align: center;
		padding: 40px;
	}

	.div-row {
		padding: 5px;
	}
	.div-cell {
		position: relative;
	}
	.div-cell.bordered {
		border: 1px solid #c0c0c0;
	}


	/***************************/
	/*      Modal Styles       */
	/***************************/
	.modal.fullscreen.fade:not(.in).right .modal-dialog {
		-webkit-transform: translate3d(25%, 0, 0);
		transform: translate3d(25%, 0, 0);
	}
	.modal.fullscreen.fade.left .modal-dialog {
		-webkit-transform: translate3d(-25%, 0, 0);
		transform: translate3d(-25%, 0, 0);
	}
	.modal.fullscreen .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.modal.fullscreen .modal-content {
		height: auto;
		min-height: 100%;
		border-radius: 0;
	}
	.modal.fullscreen button.close {
		color: #fff;
		opacity: 1.0;
		margin-right: 10px;
	}
	.modal.fullscreen button.close:hover {
		color: #fff;
		opacity: 1.0;
	}
	.modal.fullscreen .modal-content {
		position: fixed;
		top: 60px;
		left: 0;
		bottom: 1px;
		right: 0;
	}
	.modal.halfscreen .modal-dialog{
	    overflow-y: initial !important
	}
	.modal.halfscreen .modal-body{
	    max-height: 500px;
	    overflow-y: auto;
	}

	.modal.slideout.fade:not(.in).right .modal-dialog {
		-webkit-transform: translate3d(25%, 0, 0);
		transform: translate3d(25%, 0, 0);
	}
	.modal.slideout.fade.left .modal-dialog {
		-webkit-transform: translate3d(-25%, 0, 0);
		transform: translate3d(-25%, 0, 0);
	}
	.modal.slideout {
		border: 0px solid green;
	}
	.modal.slideout .modal-dialog {
		width: 350px;
		height: 100%;
		margin: 0;
		padding: 0;
		left:-webkit-calc(100% - 350px);
		left:-moz-calc(100% - 350px);
		left:calc(100% - 350px);
		padding-bottom:110px;
	}
	.modal.slideout .modal-content {
		position:fixed;
		top:110px;
		bottom: 0;
		height: auto;
		width: 100%;
		min-height: 100%;
		overflow-y: auto;
		border-radius: 0;
	}
	.modal.slideout button.close {
		color: #fff;
		opacity: 1.0;
		margin-right: 10px;
	}
	.modal.slideout button.close:hover {
		color: #fff;
		opacity: 1.0;
	}
	.modal-title {
		font-weight: bold;
	}
	.modal-content .display-content {
		padding-bottom: 110px;
	}
	.modal-content {
		display: table;
		width: 100%;
	}
	.modal .modal-header h4 {
		text-align: center;
	}
	#userModal label,#settingsModal label {
		text-transform: uppercase;
		color: #666;
		font-weight: normal;
		font-size: 12px;
	}
	/****************/
	/* table styles */
	/****************/
	table.dataTable {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		border-top: none;
		border-left: none;
	}
	table.dataTable thead th {
		font-weight: bold;
		color: #666;
	}
	table.dataTable tbody td, table.dataTable thead th {
		white-space: nowrap;
	}
	table.dataTable tbody tr:hover {
		background-color: #e8e8e8;
	}
	table.dataTable.row-clickable tbody tr:hover {
		cursor: pointer;
	}
	table.dataTable tbody tr.selected, table.dataTable tbody td.selected {
		background-color: #337ab7;
		color: white;
	}
	table.dataTable tbody td {
		padding: 8px;
	}
	table.dataTable tbody td.action-column span {
		padding-left: 10px;
		padding-right: 10px;
		cursor: pointer;
	}
	table.dataTable tbody td.first-column,table.dataTable thead th.first-column {
		width: 20px;
	}
	table.dataTable tbody tr.group {
		font-weight: bold;
		background-color: #ddd;
	}
	div.dataTables_scrollHead table.dataTable {
		margin-top: 0px !important;
	}
	div.DTS div.dataTables_scrollBody {
		background-image: none;
	}
	.dataTables_wrapper .bottom {
		padding:5px;
	}
	.dataTables_wrapper .bottom div {
		display: inline;
	}
	.dataTables_wrapper .bottom div.right {
		float: right;
	}
	td.text-top {
		vertical-align: top;
	}
	td.text-middle {
		vertical-align: middle;
	}
	td.wrap-span-text span {
		white-space: normal;
	}

	/***************/
	/* list styles */
	/***************/
	ul.list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.list li {
		padding: 5px 10px;
	}
	ul.list li.odd {
		background-color: #f9f9f9;
	}
	ul.list li.even {
	}
	ul.notifications div.title {
		font-weight: bold;
		font-size: 16px;
	}
	ul.notifications span.created {
		padding-left: 10px;
	}
	ul.notifications div.channels span {
		border: 1px solid black;
		font-size: 12px;
		border-radius: 4px;
		padding: 1px 2px;
		margin-right: 5px;
	}
	ul.list .list-item-header {
		background-color: #f3f3f4;
		border: 1px solid #c0c0c0;
		width: 100%;
		padding: 5px 10px;
	}
	ul.list .list-item-header > span {
		font-size: 16px;
	}
	ul.list .list-item-content {
		margin-top: -1px;
		padding: 5px 10px;
		border: 1px solid #c0c0c0;
	}


	/***************************/
	/*   html control styles   */
	/***************************/
	input[type="checkbox"] + label {
		cursor: pointer;
	}
	input[type="checkbox"] + label span {
		border: 1px solid #a5a4a6;
		display:inline-block;
		width:16px;
		height:16px;
		padding: 2px;
		margin: -3px 10px 0 0;
		vertical-align:middle;
		background-image: url(/assets/images/checkmark.svg);
		background-position: -20px top;
		background-repeat: no-repeat;
		background-origin: content-box;
		cursor:pointer;
	}
	input[type="checkbox"]:checked + label span {
		background-position: center center;
	}
	input.indeterminate[type="checkbox"] + label span {
		background-image: url(/assets/images/indeterminate.svg);
		background-position: center center;
	}
	input[type="checkbox"] + label {
		margin-bottom: 0;
	}
	input[type="checkbox"]:disabled + label {
		color: #c0c0c0;
	}
	button.btn.selected {
		background-color: #e6e6e6;
	}
	button.btn-small {
		padding: 1px 6px;
		font-size: 16px;
		line-height: 16px;
	}
	span.input-group-addon {

	}
	button.btn.btn-default:focus {outline:0;}

	div.form-group.template.custom-dates {
		margin-top: 10px;
		margin-left: 10px;
	}

	button.dropdown-toggle > span:first-child {
		padding-right: 4px;
		text-align: left;
		float:left;
		width: 100%;
	}
	button.dropdown-toggle > span.caretx {
		text-align: right;
		margin-right: 10px;
	}
	ul.dropdown-menu.scrollable-menu {
		height: auto;
		max-height: 200px;
		overflow-x: hidden;
	}

	button.btn.btn-primary,
		button.btn.btn-default,
		button.btn.btn-success,
		button.btn.btn-danger,
		input.form-control[type="text"],
		input.form-control[type="email"],
		input.form-control[type="password"],
		input.form-control[type="time"],
		.input-group span.input-group-addon,
		div.btn {
		border-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	button.btn .button-loading {
		left: 50%;
	    transform: translate(-50%, 0);
	    position: absolute;
	    display: none;
	}
	button.btn.loading .button-loading {
		display: inherit;
	}
	button.btn.loading .button-text {
		opacity: 0;
	}


	/* The switch - the box around the slider */
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 50px;
	  height: 27px;
	}
	label.switch {
		margin-bottom: 0;
	}


	/* Hide default HTML checkbox */
	.switch input {display:none;}

	/* The slider */
	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 20px;
	  width: 20px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.switch.pending input:checked + .slider,
	.switch.pending input:focus + .slider,
	.switch.pending input + .slider {
		background-color: #d9edf7;
	}

	input:checked + .slider {
	  background-color: #5cb85c;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #5cb85c;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(20px);
	  -ms-transform: translateX(20px);
	  transform: translateX(20px);
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}

	/***************************/
	/*   js control widgets    */
	/***************************/
	.statusSeperator {
		float: left;
		margin: 0 1px 0 1px;
		width: 1px;
		height:36px;
		background: #808080;
		background: -webkit-gradient(linear, 0 100%, 0 0, from(white), to(white), color-stop(50%, #808080));
	}
	.dropdown li i.fa-check,.dropdown-menu li i.fa-check {
		margin-left: -10px;
		visibility:hidden;
		width: 20px;
	}
	.dropdown li.selected > a i.fa-check,.dropdown-menu li.selected > a i.fa-check {
		visibility:visible;
	}

	.widget .widget-label img {
		height: 20px;
	}
	span.select2.select2-container {
		width: 100% !important;
	}
	span.select2 span.selection {
		color: black;
		border-radius: 0;
	}
	span.select2 span.select2-selection {
		border-radius: 0;
	}
	.select2-selection.select2-selection--single {
		min-height: 32px;
	}
	.select2-selection.select2-selection--single > span {
		margin-top: 2px;
	}
	.select2-selection.select2-selection--single > span span.select2-selection__clear {
		margin-top: -2px;
	}


	.ui-datepicker{ z-index: 9999 !important;}

	.dragger-widget {
		position: absolute;
	}
	.dragger {
		display: block;
		height: 100%;
		width: 100%;
		cursor: col-resize;
		z-index: 101;
	}
	.dragger > div {
		display: block;
		height: 100%;
		width: 100%;
	}
	.dragger-shadow {
		display: none;
		position: absolute;
		background-color: #c0c0c0;
	}

	/***************************/
	/* google map popup styles */
	/***************************/
	.map-container {
	}
	.map-container > div {
		height: 100%;
		width: 100%;
	}
	/* google's infowindow - not used*/
	.gm-style-iw {
		width: 350px !important;
		top: 15px !important;
		left: 0 !important;
		background-color: #fff;
		box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
		border: 1px solid rgba(72, 181, 233, 0.6);
		border-radius: 2px 2px 0 0;
   	}
   	.gm-style-iw > div {
   		width: 100%;
   	}

	.info-box-wrap {
		line-height: 18px;
	}
	.iw-title {
		white-space: nowrap;
		font-size: 16px;
		font-weight: 400;
		padding: 5px 20px 5px 10px;
		background-color: #344152;
		color: #e6e6e6;
		margin: 1px;
		border-radius: 2px 2px 0 0; /* In accordance with the rounding of the default infowindow corners. */
	}
	.iw-title .iw-close-btn {
		position:absolute;
		right:10px;
		cursor:pointer;
	}
	.iw-content {
		padding: 5px;
		font-size: 14px;
	}

	.info-box-wrap .info-container {
		font-size: 13px;
		padding: 5px;
	}
	.info-box-wrap .info-container span.title {
		font-size: 16px;
		font-weight: bold;
	}
	.info-box-wrap table tbody td {
		padding: 0 5px !important;
	}
	.info-box-wrap button{
		margin-right: 5px;
	}

	#pac-input {
		background-color: #fff;
		font-size: 15px;
		font-weight: 300;
		margin: 5px;
		padding: 0 11px 0 13px;
		text-overflow: ellipsis;
		width: 35%;
	}
	#pac-input:focus {
		border-color: #4d90fe;
	}
	.pac-container { z-index: 10000 !important; }
	#unknownLocation {
		padding-top: 1px; 
		color: red; 
		text-align: center; 
		height: 15px; 
		width: 155px; 
		margin-bottom: 5px; 
		background-color: #E8E8E8; 
		border-radius: 2px; 
	}


	/***************************/
	/*         charting        */
	/***************************/
	.jqstooltip {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	/***************************/
	/*      event history      */
	/***************************/
	ul.asset-history,
		ul.details,
		ul.asset-commands {
		list-style: none;
		padding-left: 0;
	}
	ul.asset-history li.event-block,
		ul.asset-commands li.event-block {
		 border-bottom: solid 1px #C0C0C0;
	}
	ul.asset-history li.event-block div.header, 
		ul.asset-commands li.event-block div.header {
		background-color: #d7d7d7; 
		margin: 5px 2px 5px 2px; 
		padding-top: 2px;
		padding-left: 10px;
		height: 20px; 
		cursor: pointer;
		font-weight: bold;
		color:#6B6B6B; 
		font-size:12px;
	}
	ul.asset-history li.event-block.icon-expanded img,
		ul.asset-commands li.event-block.icon-expanded img {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	ul.asset-history li.event-row div.datarow,
		ul.asset-history li.event-loading div.datarow,
		ul.asset-commands li.event-row div.datarow,
		ul.asset-commands li.event-loading div.datarow {
		height:55px; position:relative; border-bottom: solid 1px #C0C0C0;
	}
	ul.asset-history li.event-row div.datarow:hover,
		ul.asset-history li.event-row div.datarow.selected,
		ul.asset-commands li.event-row div.datarow:hover,
		ul.asset-commands li.event-row div.datarow.selected {  
		background-color:#e4e4e4;
		cursor:pointer;
	}
	ul.asset-history li.event-row div.datarow div.event-image,
		ul.asset-commands li.event-row div.datarow div.event-image {
		position:absolute; left:15px; top:15px; height:25px; width:25px; 
	}
	ul.asset-history li.event-row div.datarow div.event-details,
		ul.asset-commands li.event-row div.datarow div.event-details {
		position:absolute; left:57px; right:0;
	}
	ul.asset-history li.event-row div.datarow div.event-address,
		ul.asset-commands li.event-row div.datarow div.event-address {
		margin-top: 5px; font-size:11px; height:1.2em;  font-size: 14px; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	}
	ul.asset-history li.event-row div.datarow div.event-name,
		ul.asset-commands li.event-row div.datarow div.event-name {
		float:left; height:18px; width:120px; margin-top:8px; font-size: 13px; white-space: nowrap;
	}
	ul.asset-history li.event-row div.datarow div.event-date,
		ul.asset-commands li.event-row div.datarow div.event-date {
		float:left; font-size:13px; height:18px; width:140px; margin-top:8px; white-space: nowrap; margin-left:10px;
	}
	ul.asset-history li.event-nodata,
		ul.asset-commands li.event-nodata {
		text-align: center;
		line-height: 100px;
	}

	/*****************************/
	/* loading content animation */
	/*****************************/
	.loading-container {
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.loading-container.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 1000;
	}
	.loader {
		border: 16px solid #f3f3f3;
		border-radius: 50%;
		border-top: 16px solid #3498db;
		width: 120px;
		height: 120px;
	    animation-name: spin;
	    animation-duration: 2000ms;
	    animation-iteration-count: infinite;
	    animation-timing-function: linear;
		margin-right: auto;
		margin-left: auto;
	}
	.loader.size-40 {
		width: 40px;
		height: 40px;
		border-width: 5px;
		border-top-width: 5px;	
	}
	.loader.size-30 {
		width: 30px;
		height: 30px;
		border-width: 4px;
		border-top-width: 4px;	
	}

	/***********************/
	/* miscellaneous stuff */
	/***********************/
	.form-group.no-space {
		margin-bottom: 0;
	}
	div.title, span.title {
		font-weight: bold;
		font-size: 16px;
	}
	span.status_good {
		color: green;
	}
	span.status_warning {
		color: #FF7F00;
	}
	span.status_critical {
		color: red;
	}
	span.validation-error,div.validation-error {
		color: red;
		font-size: 16px;
	}
	.form-group .error-text {
		display: none;
		color: red;
	}
	.form-group.error .error-text {
		display: inline;
	}
	.form-group.error select, .form-group.error input,
	.form-group.error .select2-container--default .select2-selection--single {
		border-color: red;
	}
	.form-group.invalid input {
		border-color: #dc3545;
	}
	.form-group.invalid .invalid-feedback {
		display: block;
	}
	.invalid-feedback {
		display: none;
		width: 100%;
		color: #dc3545;
	}

	.status_move {
		color: green;
	}
	.status_idle {
		color: orange;
	}
	.status_stop {
		color: red;
	}
	.status_tow {
		color: rgb(91,43,85);
	}
	.status_changed {
		background-color: #f2dede;
	}
	.show-trip {
		color: #344152;
	}
	.no-padding {
		padding: 0 !important;
	}
	.padded-15 {
		padding: 15px !important;
	}
	.padded-all-5 {
		padding: 5px;
	}
	.padded-all {
		padding: 10px;
	}
	.padded-width {
		padding-left: 10px;
		padding-right: 10px;
	}
	.padded-width {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.print-show {
		display: none;
	}
}/* end of @media screen */

@media print {
	.print-hide {
		display:none !important;
	}
	.print-show {
		display:inline;
	}
}