/* app css stylesheet */

html,
body 
{
    height:100%;
}

body {
    color: #121A0D !important;
    background-color: #ECEBE8 !important;
}

/* For SI Table buttons */
.action-buttons > * {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px; 
}

#serviceitemfeerequestmodal .modal-dialog {
	width: 90%;
	max-width: 1200px;
	margin: 30px auto;
}

#paymentrequestmodal .modal-dialog {
	width: 90%;
	max-width: 1200px;
	margin: 30px auto;
}

.status-passed {
	color: green;
	font-weight: bold;
}

.status-failed {
	color: red;
	font-weight: bold;
}

.navbar 
{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);   
}

h1,h2,h3,h4,h5,h6 
{
    font-weight: bold !important;    
}

.mainMenuNavDropdown {
	display: flex !important;
	align-items: center !important;
}

.glyphicon-white {
	color: #fff;
}

.row-selected {
	background: #9dbdd6;
}

.infobox
{
    font-size: 32px;
    padding: 12px;
    background:#fff;
    border-radius: 50%;
}

.infobox-success 
{
    color: #5CB85C;
    border:2px solid #5CB85C;
}

.infobox-danger
{
    color: #D9534F;
    border:2px solid #D9534F;
}

.infobox-primary
{
    color:#396B9A;
    border:2px solid #396B9A;
}

.container-fluid 
{
	padding: 0px !important;
}

.btn-jumbo
{
    display: block;
    padding: 12px 22px !important;
    font-size: 18px !important;
    line-height: 1.33;
    font-weight: bold !important;  
}

.wrap 
{
    min-height: 100%;
    /*height: auto !important;*/
    height: 100%;
    margin: 0 auto -60px;
}

.wrap-after
{
    margin-top:60px !important;
}

.footer {
    background-color: #2c2c2d;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #2c2c2d, #2c2c2d);    
}

.footer, .footer a {
    color:#ababab;
}

#push, .footer {
    height:60px;
}

@media (max-width:767px) 
{
    .footer
    {
        margin-left:-20px;
        margin-right:-20px;
        padding-left:20px;
        padding-right:20px;
        min-height:100px;
    }   
}

.sidebar {
	width: 185px;
	position: relative;
	float: left;
	border-right: 1px solid #ccc;
	background-color: #ddd;
}

.sidebar:before {
	content: "";
	display: block;
	width: 185px;
	position: fixed;
	bottom: 0;
	top: 0;
	z-index: -1;
	background-color: #ddd;
	border-right: 1px solid #ccc;
}

.sidebar .nav li a {
	color: #333;
}

.sidebar .nav-list {
	margin: 0;
	padding: 0;
}

.sidebar .nav-list>li {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	position: relative;
}

.sidebar .nav-list>li>a {
	display: block;
	height: 38px;
	line-height: 36px;
	padding: 0px 16px;
	margin: 0;
	text-shadow: none!important;
	font-size: 12px;
	text-decoration: none;
}

.sidebar .nav-list>li>a:hover {
	background-color: #ccc;
}

.sidebar .nav-list>li>a:hover:before {
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	bottom: 0;
	left: 0;
	width: 3px;
	max-width: 3px;
	overflow: hidden;
	background-color: #d14836;
}

.sidebar .nav-list>li .submenu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
}

.sidebar .nav-list li .submenu {
	overflow: hidden;
}

.sidebar .nav-list>li>.submenu:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 18px;
	top: 0;
	bottom: 0;
	border-left: 1px dotted #9dbdd6;
}

.sidebar .nav-list>li>.submenu>li:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 7px;
	left: 20px;
	top: 17px;
	border-top: 1px dotted #9dbdd6;
}

.sidebar .nav-list>li>.submenu>li:first-child>a {
	border-top: 1px solid #fafafa;
}

.sidebar .nav-list>li .submenu>li>a {
	display: block;
	position: relative;
	color: #616161;
	padding: 7px 0 8px 37px;
	margin: 0;
	border-top: 1px dotted #e4e4e4;
}

.sidebar-menu {
    padding: 5px;
}

.sidebar-menu a,
.sidebar-menu a:hover,
.sidebar-menu a:focus,
.sidebar-menu a:active,
.sidebar-menu a:visited {
    text-decoration: none;
}

.sidebar-menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.sidebar-menu li {
	padding: 2px 0;
	margin: 0;
}

.sidebar-menu li div {
	padding: 2px;
}

.sidebar-menu li div:hover {
	background: #f2f1ef;
	cursor: pointer;
}
.sidebar-menu li.selected div {
	background: #f2f1ef;
}
.sidebar-menu li.selected a {
	color: black
}
.sidebar-menu li.selected a:hover {
	cursor: default;
}

.sidebar-menu li ul {
	padding: 2px 0 2px 10px;
}

.sidebar-menu span:first-child {
	font-weight: bold;
}

/* Data Request Table Styles */
.data-request-table-container td.field-value {
	width: 35%;
}
.data-request-table-container td.action-column {
	width: 70px;
}

.data-request-table-container .save-data-request-field {
	color: green;
}
.data-request-table-container .cancel-data-request-field {
	color: red;
}

.currency{
	text-align: right;
}

.label {
	margin: 2px;
}

.tags {
	width:100%;
	padding: 8px;
	border:1px solid #ccc;
}

.tags input[type="text"] {
	border: 0;
	display: inline;
	outline: 0;
	margin: 0;
	padding: 0;
	line-height: 14px;
	background: #f2f1ef;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.tags input[type="text"]:focus {
	border: 0;
	display: inline;
	outline: 0;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.tags span.label {
	padding: 4px;
}

.btn-group input {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	margin: 0px;
}

.current-user .summary
{
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;   
}

.current-user .summary .content
{
    padding-right: 15px;
    margin-top: 1px;
    margin-right: 0;
    line-height: 14px;
    min-width:150px;
}

.current-user .summary .group
{
    line-height: 16px;
}

.current-user .summary .avatar
{
    display:block;
    float: left;
}

.current-user .summary .fullname, .current-user .summary .metadata
{
    padding-left:8px;
    padding-right:8px;
}

.current-user .summary .metadata
{
    display: block;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2px;
    color: #999;
}

.size32
{
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

.size50
{
    width:50px;
    height:50px;
}

.size75
{
    width: 75px;
    height: 75px;
}

img.avatar
{
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.invalid-data
{
    border:1px solid red !important;
}

.login .form-radio
{
    margin-top:5px;
    /*margin-left:15px;*/
}
.authenticate .form-radio
{
    margin-top:5px;
}
.login .form-input
{
    width:60% !important;
}

/* Dropdown multi-select checkbox */
ul.dropdown-menu-form {
    padding: 5px 10px 0;
    max-height: 300px;
    overflow-y:auto;
}

.dropdown-checkbox
{    
    text-align: left !important;
    background: white !important;
    border: 1px solid #cccccc !important;
    color: #555555 !important;
}

.dropdown-checkbox-invalid
{    
    text-align: left !important;
    background: white !important;
    border: 1px solid red !important;
    color: #555555 !important;
}
.chars-remaining
{
    color:#A9A9A9;
}

@media (min-width:0px) and (max-width:480px)
{
    .mobile-hidden
    {
        display:none !important;
    }    
}

.step-icon
{
    margin-right:5px;        
}
.step-incomplete
{
    color:#696969;
}
.step-complete
{
    color:Green;
}
.step-links
{
    color:#121A0D;
}

.branding__wrapper {
	display: inline-block;
	padding: 1rem;
}

.navbar.navbar-default {
	background-color: #44648d;
}

.navbar.navbar-default,
.nav.navbar-nav > li.dropdown > a {
	min-height: 60px;
	color: #fff;
}

.nav.navbar-nav > li.dropdown > a {
	display: block;
}

.nav.navbar-nav > li.dropdown.open {
	background-color: #123662;
}

.navbar-nav {
	float: left;
	margin: 0;
}

.navbar-header {
	padding-right: 0; /* Minimize padding to allow more space */
}

.nav.navbar-nav {
	margin: 0; /* Remove margin to utilize maximum available space */
}

/* Account Pages */

.billingFormWideInput {
	width: 200px !important;
}

.billingFormExtraWideInput {
	width: 500px !important;
}

.customerAccountingWideInput {
	width: 170px !important;
}

.postingAccountingWideInput {
	width: 170px !important;
}

.checklist-status {
	min-width: 175px; 
	width: 100%; 
}

.margin-0 {
	margin: 0px !important;
}

.margin-btm-0 {
	margin-bottom: 0px !important;
}

.margin-btm-3 {
	margin-bottom: 3px;
}

#btnMarkSelectedReviewed, #btnQbOnlinePost {
	margin-left: auto
}

.centerRadioBtn {
	position: relative; top: 2px;
}

.mt-15 {
	margin-top: 15px;
}

.h-size22 {
	font-size: 20px;
	margin-bottom: -.9em;
	margin-top: 0px;
}

.btn-disabled {
    pointer-events: none;
    opacity: 0.65;
    cursor: not-allowed;
}
.pre-wrap {
	white-space: pre-wrap;
}