/*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: #0f2b5b;
}


.navbar-header {
    margin: 10px 0;
}

.bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav>li>a {
    color: #fff;
}

.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: #f5f5f5;
    border-top: 1px solid #efefef;
    bottom: 0;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    width: 100%;
}

/* email header class */
.email-header{
	background-color:#0f2b5b; 
	background-size:150px 50px;
}



.navbar {
    background-color: #0f2b5b;
}






/* 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;
}

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: #0f2b5b;
}

/*buttons links*/
.icon-link {
    color: #00aeef;
    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;
}
.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: 72% !important;
    margin-top: -20% !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;
}

.padding-top-40{
	padding-top:40px;
}
#backbuttonId {
	 margin-left: -13px;
}

/* autobuy css changes*/

.change-payment {
	color:#eaaf0f !important;
}
.change-payment:hover{
	color:#ba8b0c !important;
}
#autobuy-nextstep{
	background: #eaaf0f !important;
}
#autobuy-nextstep:hover{
	background: #ba8b0c !important;
}
#autobuy-back{
	background: #eaaf0f !important;
}
#autobuy-back:hover{
	background: #ba8b0c !important;
}
#startAutobuy{
	background:#669342 !important;
}
#startAutobuy:hover{
	background:#354d22 !important;
}
#autobuy-backMyCard{
	background: #eaaf0f !important;
}
#autobuy-backMyCard:hover{
	background: #ba8b0c !important;
}
#autobuy-backMyAcc{
	background: #eaaf0f !important;
}
#autobuy-backMyAcc:hover{
	background: #ba8b0c !important;
}