html,body {
	height:100%;
}

body {
	color:#444;
}

.tab {
	padding:10px 20px;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
}

.tab:hover {
	text-decoration:none;
}

.tab-active {
	background-color: #dfdfdf;
	box-shadow: inset 0 0 3px #bbb;
	color:#000;
}

#topbar {
	background-color:#1c639c;
	/*background-image: linear-gradient(6deg, #1b5d92 0%, #1c639c 50%, #247cc3 100%);*/
}

#topbar .tab {
     color:#fff;
}

#topbar .tab:hover {
     color:#000;
}

#topbar .tab-active {
     background-color: #dfe5ef;
     color: #000;
}

#business-title {
     text-align:center;
     padding-top:10px;
     border-bottom:1px solid #999;
     background-color:#CFD8DC;
     color:#555;
}

#side-menu {
	background-color:#fafafa;
	box-shadow: 5px 0 20px #ccc;
	font-size:12px;
	padding:0;
}

#biz-body-container {
    padding: 10px 10px 10px 30px;
}

#biz-body {
     background-color:#fff;
     overflow:scroll;
     border:1px solid #ccc;
     border-radius:5px;
     padding:10px 25px;
}

#side-menu .tab {
	display:block;
	color:#1565C0;
	border-bottom:1px solid #ccc;
}

#side-menu .tab:hover {
	background-color:#eee;
}

#side-menu .tab-active:hover {
	background-color:#dfdfdf;
}

.btn-primary, .btn-info, .btn-danger, .btn-warning, .btn-success, .btn-secondary {
    color: #fff !important;
}

.w100 {
	width:100%;
}
.financial-text {
	font-size:85%;
	line-height:200%;
}

#business-container {
	border-bottom: 1px solid #ccc;
}

#biz-body {
	min-height:70vh;
}

#account-body {
	min-height:100%;
	padding-bottom:40px; /* same as footer */
}

#account-footer {
	background-color:#fea;
	padding:5px;
	text-align:center;
	border-top: 1px solid #dc8;
	border-bottom:2px solid #cb7;
	height:40px;
	margin-top:-40px;
}

@media all and (max-width: 600px) {
	#account-body {
		padding-bottom: 80px;
	}
	#account-footer {
		height:80px;
		margin-top:-80px;
	}
}

#side-menu .menu-toggle {
	display:none;
}

.menu-items-mobile {
	display:block;
}

@media (max-width: 1300px) {
	table, .docview, .addon-box {
		font-size:0.85rem;
	}
}

@media (max-width: 768px) {
	/*#business-container {
		margin:30px 5px;
	}*/
	#side-menu .menu-toggle {
		display:block;
	}
	.menu-items-mobile {
		display:none;
	}
	.feedback-btn {
	    display:none;
	}
	.float-none-mobile {
		float:none !important;
		margin:10px auto;
		text-align:center;
	}
}

table.doclines {
	text-align:center;
	width:100%;
	border-collapse:collapse;
}
table.doclines tr {
	border-bottom: 1px dashed #ddd;
}
table.doclines th {
	background-color:#0D47A1;
	color:#fff;
	border-bottom: 1px solid #0D47A1;
}
table.doclines td, table.doclines th {
	border-left: 1px solid #0D47A1;
	border-right: 1px solid #0D47A1;
}
table.doclines {
	border-bottom: 1px solid #0D47A1;
}
table.doclines input, table.doclines select, table.doclines textarea, table.doclines .selectize-input {
	width:100%;
	border:0;
    /*background-color:#dff8ff;*/
	min-height:25px;
}
table.doclines td {
	vertical-align:top;
}
table.doclines select {
	margin-top:4px;
}
table.doclines td.nomodify {
	padding-top: 4px;
	background-color:#eee;
	font-weight:600;
}
table.doclines input:focus, table.doclines select:focus, table.doclines textarea:focus {
	background-color:#c0e9f5;
}
table.doclines .selectize-input.input-active {
	background-color:#c0e9f5 !important;
}
table.doclines .selectize-input {
	padding:3px 0;
	margin:0;
	border: 0;
	height:100%;
	box-shadow:none;
}
table.doclines .selectize-input::after{
	 visibility:hidden; /* disable annoying arrow covering text */
}
.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

.docview {
     border: 1px solid #aaa;
     padding:5px;
}

.docview table {
     width:100%;
}

.docview tr:nth-child(odd) {
     background-color:#eee;
}
.docview tr th {
     border-bottom: 2px solid #aaa;
}
.docview td, .docview th {
     border-left:2px solid #aaa;
     border-right:2px solid #aaa;
     padding:5px;
}
.docview tr td:first-child, .docview tr th:first-child {
     border-left:0;
}
.docview tr td:last-child, .docview tr th:last-child {
     border-right:0;
}

table.table-invis {
	width:auto;
}

.table-invis tr, .table-invis td {
  border:0;
  background-color:#fff;
	padding:0;
}

.addon-box {
     border: 1px solid #ddd;
     padding: 5px;
     background-color:#fdfdfd;
	 box-shadow: 0 1px 4px 0 rgba(30,30,40,0.2);
}
.addon-box h5 {
     border-bottom: 1px solid #aaa;
}

@media (max-width: 576px) {
     .display-none-sm {
          display:none;
     }
     #biz-body-container {
         padding: 10px 3px;
     }
     #biz-body {
          padding: 5px 15px;
     }
}

.stopverify {
	display:none;
	z-index:9999999;
	height:100vh;
	width:100vw;
	max-height:100vh;
	overflow:scroll;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
}

.stopverify-msg {
	width:50%;
	min-width:200px;
	max-width:500px;
	margin: 10vh auto 0 auto;
	background-color:#eee;
	border-radius:5px;
	padding:10px;
	border:2px solid #aaa;
	text-align:center;
}

.form-control::placeholder {
	color:#aaa;
}

.col-shrink {
     width:1px;
     white-space:nowrap;
}

.alert-sm {
     font-size:90%;
     padding: .5rem 1.0rem;
}

.alert-success {
	background-color: #C4EBC3;
	border-color: #a3e0a2;
}

.bold-form select, .bold-form input {
    color:#000 !important;
    font-weight:bold;
}
.bold-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999 !important;
    opacity: 1; /* Firefox */
}

.bold-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999 !important;
}

.bold-form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #999 !important;
}

a.btn:hover {
	cursor:pointer;
}

.address_doc {
	border: 1px solid #ccc;
	padding:1px;
	border-radius:3px;
}

.address_doc .form-group {
	margin-bottom:1px;
}

.address_doc .form-control {
	line-height:1.2;
	height:100%;
	font-size:80%;
}

.kanban-column-wrapper {
    padding:5px 15px 15px 15px;
}
.kanban-column {
    background-color:#f4f4f4;
    padding:10px;
    border-radius:5px;
    border: 1px solid #ddd;
}
.kanban-column h4 {
    text-align:center;
    border-bottom: 1px solid #ccc;
}
.kanban-column-body {
    max-height:320px;
    overflow:scroll;
}
.kanban-card {
    background-color:#fff;
    border-radius:5px;
    padding:5px;
    box-shadow:0 0 1px 0 rgba(0,0,0,0.10), 0 2px 4px 0 rgba(0,0,0,0.15);
    margin: 10px;
}
.kanban-card:hover {
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.20), 0 2px 8px 0 rgba(0,0,0,0.25);
}

.kanban-column a:hover {
    text-decoration:none;
}

.tag {
    border-radius:3px;
    background-color:#999;
    color:#fff;
    padding:4px;
}

.selectize-input {
	padding: 6px 6px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#contact_frame {
	min-height:275px;
}

#addr_frame {
	min-height:275px;
}
.pell-content div {
	margin-bottom:10px;
}

.contactAddressCard {
	background-color:#f9f9f9;
	border-radius:2px;
	padding:4px;
	border: 1px solid #eee;
	box-shadow:0 0 1px 0 rgba(0,0,0,0.25), 0 2px 3px 0 rgba(0,0,0,0.25);
	margin: 10px;
}

.selectize-control.multi .selectize-input>div {
	background-color:#999;
	color:#fff;
	padding:4px;
	border-radius:3px;
}

.doclines .selectize-control.multi .selectize-input.has-items {
	padding:0px;
}
.doclines .selectize-control.multi .selectize-input>div {
	padding:2px;
}

.doclines .selectize-control .selectize-input, .doclines .selectize-control .selectize-dropdown {
	text-align:left;
	padding-left:2px;
}

/* Make warning text easier to read */
.bg-warning {
	background-color: #E7B51E !important;
}
.text-warning:not(.fa-circle) {
	color: #E5AD06 !important;
}

.input-group .selectize-input {
	height:100%;
	min-width:100px;
}

.input-group-sm .selectize-control {
	max-height: 31px;
}

.selectize-dropdown .create {
	padding: 5px 8px;
}
