﻿	.row .landing-intro {
		max-width: inherit;
		padding-left: 0px;
		padding-right: 0px;
	}
	.landing-intro h3{
		margin-left: 60px;
		margin-right: 60px;
	}
	.landing-intro ul {
		margin-left: 70px;
		margin-right: 60px;
	}

    .breadcrumb-titleDetail li {
		width: auto;
		padding: 5px 5px 5px 0;
		margin-left: 0;
		display:inline;
	}

    .breadcrumb-titleDetail li + li:before {
        content: ", ";
    }

.icon-chevron-left:before {
	content: "\f129" !important;
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chevron-right:before {
	content: "\f133" !important;
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -0.125em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chevron-left {
	background-position: -432px -72px;
}

.icon-chevron-right {
	background-position: -456px -72px;
}

	.tabs-stacked .open > a:hover {
		border-color: #6e757d;
	}
	.tabbable {
		*zoom: 1;
	}
	.tabbable:before,
	.tabbable:after {
		display: table;
		content: "";
	}
	.tabbable:after {
		clear: both;
	}
	
	.tabs-below .nav-tabs,
	.tabs-right .nav-tabs,
	.tabs-left .nav-tabs {
		border-bottom: 0;
	}
	.tab-content > .tab-pane,
	.pill-content > .pill-pane {
		display: none;
	}
	.tab-content > .active,
	.pill-content > .active {
		display: block;
	}
	.tabs-below .nav-tabs {
		border-top: 1px solid #ddd;
	}
	.tabs-below .nav-tabs > li {
		margin-top: -1px;
		margin-bottom: 0;
	}
	.tabs-below .nav-tabs > li > a {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		behavior: url('/css/PIE.htc');
	}
	.tabs-below .nav-tabs > li > a:hover {
		border-bottom-color: transparent;
		border-top-color: #ddd;
	}
	.tabs-below .nav-tabs .active > a,
	.tabs-below .nav-tabs .active > a:hover {
		border-color: transparent #ddd #ddd #ddd;
	}
	.tabs-left .nav-tabs > li,
	.tabs-right .nav-tabs > li {
		float: none;
	}
	.tabs-left .nav-tabs > li > a,
	.tabs-right .nav-tabs > li > a {
		min-width: 74px;
		margin-right: 0;
		margin-bottom: 3px;
	}
	.tabs-left .nav-tabs {
		float: left;
		margin-right: 19px;
		border-right: 1px solid #ddd;
	}
	.tabs-left .nav-tabs > li > a {
		margin-right: -1px;
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
		behavior: url('/css/PIE.htc');
	}
	.tabs-left .nav-tabs > li > a:hover {
		border-color: #7b858f #dddddd #7b858f #7b858f;
	}
	.tabs-left .nav-tabs .active > a,
	.tabs-left .nav-tabs .active > a:hover {
		border-color: #ddd transparent #ddd #ddd;
		*border-right-color: #ffffff;
	}
	.tabs-right .nav-tabs {
		float: right;
		margin-left: 19px;
		border-left: 1px solid #ddd;
	}
	.tabs-right .nav-tabs > li > a {
		margin-left: -1px;
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		behavior: url('/css/PIE.htc');
	}
	.tabs-right .nav-tabs > li > a:hover {
		border-color: #7b858f #7b858f #7b858f #dddddd;
	}
	.tabs-right .nav-tabs .active > a,
	.tabs-right .nav-tabs .active > a:hover {
		border-color: #ddd #ddd #ddd transparent;
		*border-left-color: #ffffff;
	}

	.sortable th{
		margin-right: 16px;
		white-space:nowrap;
	}
    /*This is for fields which the user has not changed yet*/
	.required.ng-pristine.ng-invalid-required:invalid:focus/*ng-touched ng-dirty ng-valid-parse ng-invalid-required */{
		border: 1px solid #4C7EB5;
		color:#555 
	}
	.required.ng-invalid.ng-dirty/*:invalid ng-touched ng-valid-parse ng-invalid-required */{
		border: 1px solid #b94a48;
		color:#b94a48 
	}

	.application tr.disabled>td {
		background-color: #ddd;
		cursor: not-allowed;
	}

	div.card.disabled {
		background-color: #ddd;
		cursor: not-allowed;
	}

	div.card.disabled .card-body {
		background-color: #ddd;
		cursor: not-allowed;
	}

	div.controls>label {
		margin-top: 5px;
	}

	div.device-list-column {
		width: 45%;
	}

	.device-list-column-table label {
		display: inline;
	}

	th.checkbox-column, td.checkbox-column {
		width: 13px;
	}

	th.action-column, td.action-column {
		max-width: 200px;  
	}

	table.device-list-column-table {
		width: 100%;	
	}

	.device-list-column-table td{
		width: 50%;
		border-left:none
	}

	.disabled .device-list-column-table td{
		background-color: #ddd;
	}

	.modal.fade .modal-dialog {
		transform: translate(0, 0px);
	}

	.modal.fade.in {
		display: block;
		opacity: 1;
	}

	.modal-backdrop.fade {
		opacity: 0.5;
	}

	.aic-icon-stack {
		text-align: center;
		min-width: 2rem;
	}

	.select-all-card.card {
		background-color: transparent !important;
		border: transparent !important;
	}

	.select-all-card.card .card-body {
		background-color: transparent !important;
		border: transparent !important;
		padding: .5rem .5rem 0rem 1rem !important;
	}
