/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 4.2rem;
	font-size: .875rem;
}

/***** NEW *****/
/*
 * Content
 */
#top-navbar {
	min-height: 70px !important;	
}

[role="main"] {
  padding-top: 133px; /* Space for fixed navbar */
}

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 48px; /* Space for fixed navbar */
  }
}

.table-responsive { /* bootstrap 4 fix */
	display: table !important;
}

table thead th { /* remove grey line */
  border-top: 0 !important;
}

a {
	text-decoration: none !important;
}

label select.custom-select {
	display: inline-block !important;	
	width: 90px !important;
}

form.form-horizontal label.col-form-label {
	text-align: left;
}

@media (min-width: 570px) {
	form.form-horizontal label.col-form-label {
		text-align: right;
	}
}

.datepicker td, .datepicker th {
    width: 2em !important;
    height: 2em !important;
}

#side-menu>li a {
	color: #ddd;
}

.dataTables_wrapper select {
	background-image: none !important;
}
/*** END NEW ***/

.nav i.fa-lg, 
.nav span.fa-lg,
.sidebar i.fa-lg, 
.sidebar span.fa-lg {
	text-align: center !important;
	width: 26px !important;
}

.minimalize-switch .fa-bars {
	color: #fefefe;
}

.navbar-header .fa-bars:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 4.4rem;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0 !important;
}	

.nav-sidebar {
	margin-top: 2px;
}
.nav-sidebar > li > a {
	text-align: center;
}
.nav-sidebar > li > ul {
    padding: 0;
}
.nav-sidebar > li > ul > li > a {
    display: block;
    padding: 10px 15px 10px 25px;
    text-decoration: none;
}
.nav-sidebar li {
	list-style-type: none;
}
.nav-sidebar a.topitem {
	padding-left: 10px !important;
	padding-right: 0px !important;
}

/*
 * Main content
 */

.main {
  	padding: 15px;
}

.abs {
	position: absolute !important; 
	left: 56px !important;
	z-index: 9999 !important;
	min-width: 210px;
}

.rel {
	position: relative !important; 
	left: 0 !important;
	top: 0 !important;	
}

.rel a {
/*     color: #aaa !important; */
/*     background-color: #444 !important;  */
    padding-left: 55px !important;
}

.rel a:hover {
/*     color: #fff !important; */
/*     background-color: #888 !important;  */
    padding-left: 55px !important;
}

.of1  {
	overflow-x: hidden !important;
	overflow-y: auto !important;		
}

.of2  {
	overflow-x: visible !important; 
	overflow-y: visible !important;	
}

.minimalize-switch {
    float: left;
    font-size: 14px;
    margin: 14px 3px 14px 18px;
}

.minimalize-switch:hover {
	color:#eee;
}

div.vw {
	white-space: nowrap;
	min-height: 40px;
}

.huge.date {
	font-size: 20px;
	font-size: 4vh;
}	

.minimalize-switch i { margin: 0 !important;}
.fce-col-header {font-size: 7pt}

@media (min-width: 768px) { /* -sm */
	.minimalize-switch {
	    margin: 14px 3px 14px 3px !important; 
	}
	#invoice-menu {margin-top: 20px;}
	.fce-col-header {font-size: 7.5pt}
	#search_term {
		width: 150px;	
	}	
}

@media (min-width: 992px) { /* - md */	
	#invoice-menu {margin-top: 0;}	
	.fce-col-header {font-size: 9pt}	
	#search_term {
		width: 250px;	
	}
	.pick-a-color {height: 34px !important}
}

@media (min-width: 1200px) { /* - lg */
	#invoice-menu {margin-top: 0;}	
	.fce-col-header {font-size: 10pt}	
	#search_term {
		width: 350px;	
	}
	
}

.main .page-header {
	margin-top: 5px;
	margin-left: 5px;
	border-bottom: 0px dashed #777;
}

div.tab-pane {
	min-height: 370px;
	padding-bottom: 30px;
	padding-top: 10px;
}

.ui-menu div.popover {
	color: #2f2f2f;
}

ul div.popover {
	min-width: 300px;
}

/*
 * Read More Collapse
 */
.read_more.collapse:not(.show) {
  display: block;
  height: 2.5rem;
  overflow: hidden;
}

.read_more.collapsing {
  height: 2.5rem;
}

a.read_more_link.collapsed::after {
  content: 'Read More';
}

a.read_more_link:not(.collapsed)::after {
  content: '';
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.trigger-setting-row .form-control {
	display: inline-block;
	width: 45%;
}

.remove-trigger-setting {
	cursor: pointer;
}

.form-check-input {
	pointer-events: none;
}

.date {
	flex-wrap: nowrap;
}

#member_classes_container .multiselect-container > .disabled,  #classes .multiselect-container > .disabled{
	display:none;
}