/*Less*/
html {
	font-size: 10px;
	min-height: 100%;
	position: relative;
}

.wrapper.master {
	margin-bottom: 140px;
	min-height: 600px;
}

.navbar .container {
	margin-bottom: 0px;
}

.sub-banner .container {
	margin-bottom: 0;
}

.navbar-brand {
	padding: 0px;
	margin-right: 10%;
}

a.navbar-brand img {
	height: 100%;
}

.navbar {
	background-color: #e6e7e9;
}

.navbar-header {
	margin: 10px 0;
}

.bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav>li>a {
	color: #133d6f;
}

.bs-docs-nav .navbar-toggle .icon-bar {
	background-color: #fff;
}

.bs-docs-nav .navbar-header .navbar-toggle:focus {
	background-color: #f9f9f9;
	border-color: #f9f9f9;
}

.bs-docs-nav .navbar-header .navbar-toggle:hover {
	background-color: red;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active,
	.btn-default.active, .open>.dropdown-toggle.btn-default {
	background-color: #4b6084;
	border-color: #4b6084;
	color: #fff;
}

.footer {
	background-color: #133d6f;
	border-top: 1px solid #133d6f;
	bottom: 0;
	height: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
	width: 100%;
	color: #ffffff;
}

.navbar {
	background-color: #e6e7e8 !important;
}

/* Sub Nav for components*/
.home .modal {
	position: relative;
}

/* Sub Nav for components*/
.component-nav {
	float: left;
}

.component-nav .glyphicon-cog {
	border: 2px solid #333;
	border-radius: 50px;
	color: #333;
	display: inline-block;
	float: left;
	font-size: 2em;
	margin-right: 5px;
	margin-top: 10px;
	padding: 5px;
}

.component-nav  h3, .component-nav  h2 {
	display: inline-table;
	margin-bottom: 0px;
	margin-left: 5px;
}

.component-nav  h2 {
	margin-top: 0;
	float: left;
}

.component-nav .nav.nav-pills {
	display: inline-table;
	margin-bottom: -12px;
	margin-left: 2px;
}

.component-nav h5 {
	background: url("../img/elbo-right.svg") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	color: #666;
	margin-left: 54px;
	padding-left: 20px;
	margin-top: -6px;
}

/* align pagination navigation on search tables */
.glink-search-table-footer>div>div.dataTables_paginate>ul.pagination {
	margin: 0px 0px;
	float: right;
}

/*landing Page styles*/
.landing-page .nav-pills>li>a {
	border-radius: 0;
}

.landing-page ul li h4 {
	color: #333;
	text-align: center;
	font-size: 16px;
}

.landing-page ul {
	border-bottom: 1px solid #ccc;
}

.img-circle {
	width: 75px;
	height: 75px;
}

.img-circle-sm {
	float: left;
	height: 45px;
	margin-top: -4px;
	width: 45px;
}

.row.module-description p {
	margin-bottom: 20px;
	min-height: 80px;
	text-align: center;
}

.landing-page .nav-pills>li.active>a, .landing-page .nav-pills>li.active>a:hover,
	.landing-page .nav-pills>li.active>a:focus {
	background: url("../img/module-selected.svg") no-repeat scroll 50% 100%/20px
		auto transparent;
}

/*Search Fragment*/
.btn.btn-primary.search {
	margin-top: 25px;
	background-color: #000;
}

/*Search Table Results */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 15px 10px 15px 0;
}

.dropdown-toggle.grey-link {
	color: #000;
	font-weight: bold;
	background: #164f93;
}

table.dataTable thead>tr>th {
	padding-left: 0px !important;
	padding-right: 18px;
}

.glink-search-table-footer.bottom.row {
	margin-top: 40px;
	margin-bottom: 0px;
}

.dataTables_info {
	
}

.top-level-detail h1, .top-level-detail h2, .top-level-detail h3,
	.top-level-detail h5 {
	margin: 0 0 10px;
}

.action-menu-section {
	margin: 0px;
}

#action-menu-section .glyphicon.glyphicon-arrow-right {
	display: none;
}

.action-menu-section h1 {
	display: inline-block;
	font-size: 25px;
	margin: 0 0 0 -12px;
}

.action-menu-section.dropdown {
	display: inline-block;
}

.basic-info {
	
}

.row.module-description {
	margin-top: 10px;
}

.label-disabled {
	background-color: #a9a9a9;
}

a.row.module-description {
	border: 1px solid #cccccc;
	border-radius: 8px;
	color: #999999;
	display: inline-table;
	height: 230px;
	margin: 10px;
	padding: 10px;
	vertical-align: top;
	width: 260px;
}

a.row.module-description h4 {
	text-align: center;
	color: #666666;
}

a.row.module-description:hover {
	border: 1px solid #0088cc;
	text-decoration: none;
}

.go-link {
	background: rgba(0, 0, 0, 0) url("../img/arrow-fwd.svg") no-repeat
		scroll 0 0;
	display: block;
	height: 25px;
	margin: 10px auto;
	width: 25px;
}

.landing-page .nav-pills.nav>li>a:hover {
	background: url("../img/module-selected.svg") no-repeat scroll 50% 100%/20px
		auto rgba(0, 0, 0, 0);
}

.top-level-detail h6 {
	margin: 0px;
}

.top-level-detail h2 {
	margin-bottom: 8px;
	margin-top: 0;
}

.contextual-link {
	margin-left: 10px;
}

.basic-info h3 {
	color: #666;
	margin: 0 0 5px;
}

hr {
	margin: 15px 0;
}

a .glyphicon.glyphicon-chevron-right.main-link {
	font-size: 40px;
	margin: auto;
	height: 50px;
	vertical-align: middle;
	margin-top: 100%;
}

.label-success {
	background-color: #669145;
}

.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	color: #164f93;
}

/*buttons links*/
.icon-link {
	color: #164f93;
	font-size: 20px;
	padding: 10px;
}

.add-icons {
	float: right;
	height: 32px;
	width: 32px;
}
/*Roles Fragment this needs to be either remove or cleaned up when the all of the matrix tables have been converted*/
.panel-primary.permissions-matrix {
	padding: 20px;
}

.panel-primary.permissions-matrix h4 {
	border-bottom: 1px solid #ccc;
}

.panel-primary.permissions-matrix.panel {
	bolder: solid #ccc 1px;
}

.panel-primary .permissions-matrix ul li {
	bolder: solid green 1px;
}

.panel-primary .permissions-matrix .left-panel {
	border-right: solid #ccc 1px;
}

.vertical-divider {
	
}

.roles-matrix-controls h2 {
	margin: 0 0 0 -15px;
}

.roles-matrix-panel h3 {
	margin: 4px 0;
}

.roles-matrix-panel h3 {
	margin: 4px 0;
}

.roles-matrix-table {
	border: 1px solid #ccc;
	padding: 0px;
	border-radius: 10px;
}

.roles-matrix {
	padding: 0px;
	border-radius: 10px;
}

.roles-matrix-panel {
	border-right: 1px solid #ccc;
	height: 500px;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px;
}

.roles-matrix-panel .active span {
	color: #fff;
	font-weight: bold;
}

.roles-matrix-controls .glyphicon {
	float: left;
	font-size: 25px;
	padding-right: 5px;
	top: 2px;
}

.roles-matrix-panel span {
	color: #666;
	font-weight: normal;
}

.roles-matrix-controls .glyphicon {
	float: left;
	font-size: 18px;
	padding-right: 5px;
	top: 0;
}

.roles-matrix-panel .nav-pills>li.active>a, .roles-matrix-panel .nav-pills>li.active>a:hover,
	.roles-matrix-panel .nav-pills>li.active>a:focus {
	background-color: #4CA6FF;
	border-radius: 0;
	color: #fff !important;
	margin: 5px -10px;
	padding: 20px;
	vertical-align: middle;
}

.roles-matrix-panel .nav-pills a {
	color: #666;
}

.roles-matrix-panel.last span {
	color: #333;
}

.roles-matrix-controls .btn.btn-default {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

.roles-matrix-panel .nav-pills>li a:hover {
	background-color: #ccc;
	border-radius: 5px 0 0 5px;
	color: #fff;
	margin-right: -10px;
}

.roles-matrix-panel .active .glyphicon {
	color: #fff;
	font-size: 28px;
	padding-right: 10px;
}

.roles-matrix-panel .glyphicon {
	color: #003c77;
	font-size: 24px;
	top: 8px;
}

.roles-matrix-panel.last {
	border: none;
}

.roles-matrix-controls h3 {
	margin: 0px;
}

.active-role {
	float: left;
	height: 30px;
	margin-top: -5px;
	width: 30px;
}

.component-heading {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	margin-top: 28px;
}

/*NB: This is a backport to BUICK on 1/26, if you get a conflict on this, make sure there is only 1 .text-description selector!!! */
.text-description {
	width: 100%;
	height: 200px;
	padding: 10px;
}

.last-hr hr {
	margin: 15px 0 30px;
}

.nav.nav-tabs {
	margin-top: 50px;
}

.auto-date {
	margin-left: 10px;
}

span.input-value .button-link-style {
	background: none repeat scroll 0 0 transparent;
	border: 1px solid #ccc;
	border-radius: 28px;
	color: #08487a;
	font-size: 14px;
	padding: 5px 5px 5px 15px;
	margin-top: 9px;
	margin-left: 10px;
}

.component-nav .second-nav {
	margin-top: -36px;
}

.report-sub-nav>li {
	margin: 10px 0;
}

.report-sub-nav>li>a {
	padding: 14px 5px;
	color: #666;
}

.report-sub-nav li.active a {
	background-color: #000;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: right;
	color: #fff;
}

.report-sub-nav>li>a:hover {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgb(204, 204, 204);
	border-radius: 15px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	padding: 13px 15px;
}

.nav.nav-tabs.folderList li a {
	font-size: 18px;
}

.no-margin {
	margin-top: 0px !important;
}

.reporting-back-arrow {
	float: left;
	margin-right: 5px;
}

.panel-primary {
	border-color: #cccccc;
}

.no-border {
	border: none !important;
}

.panel-primary h3 {
	margin-top: 0px;
}

.row.reporting {
	margin-top: 20px;
}

.main-navigation {
	margin-top: 22px;
	background: #e6e7e8;
	border-color: #e6e7e8;
}

.user-status {
	margin-top: 10px;
}

a#active-component {
	background: #333333 none repeat scroll 0 0;
	color: #ffffff;
}

.btn-container .btn {
	margin-left: 10px;
}

.icon-back-dark {
	background: rgba(0, 0, 0, 0) url("../img/back-arrow-dark.svg") no-repeat
		scroll 0 0/36px 36px;
	padding: 10px 10px 12px 45px;
}

.list-group-item:last-child {
	margin-bottom: 10px;
}

.duplicate-error {
	color: red;
}

.duplicate-error label {
	color: #333;
}

.duplicate-error input[type="text"] {
	border: solid red 1px;
}

/* Spinner */
.loading-animation {
	padding: 20px;
	text-align: center;
}

.loading-animation h2 {
	margin: 0;
	color: #333;
}

.loading-animation p {
	margin: 0;
	color: #999;
}

.loading-animation .spin>* {
	background: #0f2b5b none repeat scroll 0 0;
}

.permissions-description {
	border: 1px solid #efefef;
	border-radius: 5px;
	color: #999999;
	margin-bottom: 20px;
	padding: 0 12px 12px;
}

.permissions-description h4 {
	color: #333333;
	margin: 12px 0;
}

.permissions-description p {
	border-top: 1px solid #efefef;
	margin: -4px -12px 10px;
	padding: 12px;
}

.permissions-description .list-inline {
	font-weight: bold;
	margin-right: 12px;
	margin-top: 12px;
}

.breadcrumb {
	border-radius: 4px;
	float: left;
	list-style: outside none none;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 0;
	padding: 8px;
}

.loading-animation .spin {
	display: block;
	height: 128px;
	margin: auto;
	position: relative;
	width: 128px;
}

.device-status {
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding-top: 2px;
}

.device-status.level-normal {
	border: 2px solid #ccc;
}

.device-legend {
	float: left;
	height: 16px;
	margin-top: 3px;
	width: 16px;
	border-radius: 3px;
}

.device-legend.level-normal {
	border: 1px solid #ccc;
}

.level-info {
	background: #87CEEB;
}

.level-warn {
	background: #fed402;
}

.level-minor {
	background: #f15a29;
}

.level-major {
	background: #662d91;
}

.level-crit {
	background: red;
}

.table.table-bordered.rtm td, .table.table-bordered.rtm th {
	padding: 8px;
	font-size: 11px;
	text-align: center;
}

.table.table-bordered.rtm th.location {
	padding: 8px;
	font-size: 11px;
	text-align: left;
}

.table.table-bordered.rtm td.location {
	padding: 8px;
	font-size: 11px;
	text-align: left;
}

.table.table-bordered.rtm thead .sorting, .table.table-bordered.rtm thead .sorting_asc,
	.table.table-bordered.rtm thead .sorting_desc, .table.table-bordered.rtm thead .sorting_asc_disabled,
	.table.table-bordered.rtm thead .sorting_desc_disabled {
	cursor: pointer;
}

.table.table-bordered.rtm thead .sorting {
	background: url('../img/sort_both.png') no-repeat center right;
}

.table.table-bordered.rtm thead .sorting_asc {
	background: url('../img/sort_asc.png') no-repeat center right;
}

.table.table-bordered.rtm thead .sorting_desc {
	background: url('../img/sort_desc.png') no-repeat center right;
}

.table.table-bordered.rtm thead .sorting_asc_disabled {
	background: url('../img/sort_asc_disabled.png') no-repeat center right;
}

.table.table-bordered.rtm thead .sorting_desc_disabled {
	background: url('../img/sort_desc_disabled.png') no-repeat center right;
}

/*Matrix tables*/
.matrix-container {
	border: 1px solid #cccccc;
	border-radius: 5px;
	display: inline-flex;
	margin-bottom: 20px;
	min-height: 610px;
	width: 100%;
}

.matrix-container .column {table-cell;
	vertical-align: top;
	border-right: solid #ccc 1px;
}

.matrix-container .column:last-child {
	border-right: none;
}

.privilege-box {
	float: left;
	margin-top: 3px !important;
	margin-right: 5px !important;
}

.permissions-all {
	float: left;
	margin-top: 6px !important;
}

.matrix-container h4 {
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
}

.matrix-container .glyphicon.glyphicon-ok {
	color: #666;
}

.single-permission .glyphicon {
	margin-right: 5px;
}

.single-permission {
	border: solid #efefef 1px;
	border-radius: 5px;
	margin: 5px;
	display: inline-table;
	padding: 5px;
}

.matrix-container .components {
	border-right: 1px solid #cccccc;
	display: flex;
	min-height: 100%;
	padding: 15px;
	position: absolute;
	width: 200px;
}

.matrix-container .permission-details {
	margin-left: 200px;
	max-width: 660px;
	min-height: 100%;
	padding: 15px;
	width: 100%;
	margin-bottom: 20px;
}

.matrix-container .controls {
	background-color: #efefef;
	border-bottom: 1px solid #cccccc;
	display: block;
	margin: 0 -15px 10px;
	padding: 20px 20px 20px 15px;
}

.icon-selected {
	background: url("../img/icon-selected.svg") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	border: solid red 1px;
	padding: 10px;
}

.icon-pending-selected {
	background: url("../img/icon-pending-selected") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	border: solid red 1px;
	padding: 10px;
}

.group-details {
	padding: 15px;
}

.row.permissions:last-child {
	padding-bottom: 20px;
}

.select-all {
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 28px;
	font-size: 16px;
	font-weight: bolder;
}

.component-permission {
	margin-left: 10px;
}

.tenant-config h4 {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 11px;
	padding-bottom: 10px;
}

.tenant-config h5 {
	
}

.tenant-config section {
	padding-bottom: 40px;
}

.tenant-config .input-group {
	margin-right: 20px;
}

.tenant-config textarea {
	width: 940px;
	height: 100px;
}

.span-loop span {
	margin-right: 10px
}

.span-loop span input {
	margin-right: 5px
}

.salesOrgName .btn-group {
	width: 100% !important;
}

.salesOrgName .multiselect.dropdown-toggle.btn.btn-default {
	width: 100% !important;
	text-align: left;
}

.fixed-ta-sidebar {
	position: fixed;
	margin-left: 75% !important;
	margin-top: -23% !important;
	background-color: white;
	z-index: 999;
}

.invalid {
	padding-left: 22px;
	line-height: 24px;
	color: #ec3f41;
}

.valid {
	padding-left: 22px;
	line-height: 24px;
	color: #3a7d34;
}

.btn-primary {
    color: #fff !important;
    background-color: #133d6f !important;
    border-color: #133d6f !important;
}

a {
    color: #133d6f;
    text-decoration: none;
}

a:hover {
    color: #005e9c;
}

.btn-primary:hover {
    color: #fff;
    background-color: #004c97 !important;
    border-color: #004c97 !important;
}

.footer a {
    color: #ffffff !important;
}
.footer a:hover {
    color: #004c97;
}
.navbar-header:after{
	display:none;
}

.glyphicon-align-justify:before {
    color: #fff !important;
}

.navbar-static-top {
    border-bottom-color: #fafbfd !important;
    border-bottom-width: thick !important;
}

.nav .open>a {
    color: #164f93 !important;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    border-color: #164f93 !important;
}
.text-center {
    text-align: center;
    color:#ffffff;
}

h4.col-sm-12.text-center, h3.col-md-12.text-center {
    color: #000000;
}

/* autobuy css changes*/

.change-payment {
   color: #2a85dc !important;
}
.change-payment:hover{
	color: #004c97 !important;
}
#autobuy-nextstep{
	background: #2a85dc !important;
}
#autobuy-nextstep:hover{
	background: #004c97 !important;
}
#autobuy-back{
	background: #2a85dc !important;
}
#autobuy-back:hover{
	background: #004c97 !important;
}
#startAutobuy{
	background: #00cc00 !important;
}
#startAutobuy:hover{
	background: #009900 !important;
}
#autobuy-backMyCard{
	background: #2a85dc !important;
}
#autobuy-backMyCard:hover{
	background: #004c97 !important;
}
#autobuy-backMyAcc{
	background: #2a85dc !important;
}
#autobuy-backMyAcc:hover{
	background: #004c97 !important;
}
