body { background: #eff3f8; }

.pointer:hover {
	cursor: pointer;
}

/* change green button to primary color */
.btn.primary:not(.btn-outline),
.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #007bff!important;
    border-color: #007bff!important;
}
.btn.primary.btn-outline,
.btn.green.btn-outline {
    color:#333;
    background-color: #fff!important;
    border-color: #007bff!important;
}
.portlet.light .btn.btn-circle.btn-icon-only.btn-default.active, .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover {
	color: #fff;
	background: #007bff!important;
	border-color: #007bff!important;
}

/* option group label styling for select2 */
.select2-results__group {
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background: #eee;	
}


/***********************************************
 bring normal bootstrap soft radius back
 ***********************************************/
button,
.btn,
input,
select,
textarea,
.select2-selection,
.mt-checkbox > span,
.portlet,
.modal-content {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
/* input groups */
.input-group input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-group .input-group-addon,
.input-group .input-group-btn .btn {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/* button groups */
.btn-group .btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.btn-group .btn:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.btn-group .btn:only-child {
    border-radius: 4px !important;
}
.btn-group .btn-group:last-child .btn { /* daily sold products toolbar */
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* pagination */
.pagination > li > a,
.pagination > li > span {
    border-radius: 0 !important;
}
.pagination > li:first-child a{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.pagination > li:last-child a {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
/* tabs */
.tabbable-custom > .nav-tabs > li.active,
.tabbable-custom > .nav-tabs > li.active > a,
.nav-tabs > li > a {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}
/* range picker */
.input-daterange .input-group-addon {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-daterange .form-control:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


/*********************************************************************/

/* this maintains padding around normal pages so that portlets look right */
/* without this... rows in the layout part of the view messes up horizontal scroll because of left and right margin -15px */
.mt-content-body { padding:20px; }
/* mobile mode */
@media (max-width: 1024px){
	.mt-content-body { padding:0px; }
	.mt-content-body > .row { margin-left:0; margin-right:0; }
}


/* setting zero padding causes horizontal scroll on resolutions smaller than */
@media (max-width: 991px){
	.page-content > .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
@media (max-width: 991px){
	/* underlines the nav when in "mobile" mode */
	.page-header .page-header-top {
		border-bottom:1px solid #ddd;
	}
	/* puts some padding under the nav wrapper when open (between it and the content) */
	.page-header .page-header-menu {
		padding-bottom: 25px;
	}
	/* get rid of left and right padding on mobile views */
	.page-content > .container {
		padding-left:0;
		padding-right:0;
	}
}


/* make the large modals a little wider on these resolutions */
@media (min-width: 768px){
	/* for tablet, we want the modal to be wider */
	.modal-dialog {
		width: 95%;
		margin: 30px auto;
	}
}

@media (min-width: 992px){
	/* set the modal back to what the default is */
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-lg {
		width: 960px;
	}
}


.editableform > .form-group {
	white-space:nowrap;
	max-width:100%;
}
.editableform > .form-group .form-control {
	max-width:125px;
}

/* without this ".bars" has CSS that conflicts causing really bad spacing issues */
.fixed-table-toolbar .bars,
.fixed-table-toolbar .custom {
	height:auto !important;
	width:auto !important;
	line-height:normal !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* moves the loading text on bootstrap-table.js off the top edge */
.fixed-table-loading {
	padding-top:8px;
}

/* general class to add no-wrapping to any element */
.nowrap { white-space:nowrap !important; }

/* on multi select bootstrap selections, make sure the text is aligned to the right
	so that is appears more like a select than a button */
.multiselect.btn { text-align:right; }

/* show red asterisk after the label to show it is required */
.req:after { content: " *"; color:red; }
.req-before:before { content: "* "; color:red; }

/* make table cells the smallest they can be without wrapping */
th.shrink, td.shrink { width:1px; white-space:nowrap; }

/* these fix the positioning of checkboxes in a table;
	the css is in another file somewhere, but was never
	included in the layout template */
th.bs-checkbox .th-inner .mt-checkbox {
	right: -5px;
}
.mt-checkbox, .mt-radio {
	margin-bottom:15px;
}
/* a list inside of an alert should not have margin on the last one */
.alert ul:last-child, .alert ol:last-child { margin-bottom:0 !important; }

 /* make this important */
.bootstrap-table .table>thead>tr>th {
    border-bottom: 1px solid #ddd !important;
}

.table thead th {
	background:#fff;
}
.table.floatThead-table thead tr:last-child th {
	border-bottom:3px solid #ccc !important;
}

.table.no-border th,
.table.no-border td {
	border:0 !important;
}

.buildInspectDetails .mt-checkbox-list { padding-top:8px !important; }

/* makes inline checkboxes vertically aligned with inputs */
.mt-checkbox-inline, .mt-radio-inline { padding-top:6px; }

/* acts more like a growl message... puts at top of screen overlapping content */
.alert-fixed { position:fixed; top:0; left:0; width:100%; z-index:999; }

/* remove a bottom margin...such as the last form group */
.no-bottom-margin, .mb-0 { margin-bottom:0; }

.ns-resize:hover { cursor:ns-resize; }

.help-hover { text-decoration:underline dotted; cursor:help; }

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

/* make the panel heading appear as part of the box */
.panel-heading-inline { border-bottom: 0; background: transparent !important; padding-bottom: 0; }

/* align buttons in panel headings better */
.panel-heading .btn { margin: -5px -10px; height: 30px; padding: 0px 15px; }

/* no padding around the button on the header */
.panel-heading .panel-title .btn-inline { margin: -11px -16px; height: 39px; padding: 0px 15px; }

.w-100 { width:100px; }
.w-125 { width:125px; }
.w-150 { width:150px; }
.w-175 { width:175px; }
.w-200 { width:200px; }

/* make sure drop menus go on top of fixed table headers */
.dropdown-menu { z-index:1002; }

/* max height divs for tall content */
.h-100 { max-height:100px; }
.h-150 { max-height:150px; }
.h-200 { max-height:200px; }
.h-250 { max-height:250px; }
.h-300 { max-height:300px; }
.h-350 { max-height:350px; }
.h-400 { max-height:400px; }

/* overflow and gradient overlay */
.h-gradient { overflow-y:scroll; background: rgb(221,221,221); background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,0) 5%, rgba(255,255,255,0) 100%); }

.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }

/***********************************
 body overlay when mobile menu is open
 ***********************************/

.menuOpenOverlay {
    background: rgba(0,0,0,.3);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
	left: 0;
	z-index:9;
}

.blockBodyOverlay {
    background: rgba(0,0,0,.3);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:999999;
}



/***********************************
 sidebar
 ***********************************/

.cl-sidebar-content {
	position: fixed;
	z-index:10;
	box-shadow:3px 0 5px 0px #ccc;
    overflow-y: auto;
    top: 0;
	bottom: 0;
	background:#444d58;
}
	div.cl-sidebar { width:100%; }
		ul.cl-sidebar-menu { margin:0; padding:0; display:block; }


/* start the side bar off as MINI */
.cl-sidebar-content {
	width:50px;
	transition: .3s;
	left: 0;
	overflow-x:hidden;
}

.toggle-sidebar-lockwrapper {
	position: absolute;
    top: 16px;
    right: 18px;
}
.toggle-sidebar-lockwrapper:hover {
	cursor:hand;
	cursor:pointer;
}


/* expand the side mini bar to a normal size bar */
.cl-sidebar-content.sidebar-over {
	width:275px;
	transition: .3s;
    left: 0;
}


/* when in MINI mode, these items are hidden */
.cl-full-menu-item { display:none; display:inline-block; margin-left:10px; }

/* make sure the nav items do not wrap... this is to make the opening transition smoother with no wrapping adjustments */
.cl-user-menu > a,
.menu-dropdown > a { white-space:nowrap; }

/* this is the content that has to be offset to the right of the side bar on desktop version */
.cl-page-content {
	position:relative;
	margin-left:50px;
	height:100%;
}

	/* keep the sidebar open on desktop version if locked */
	@media (min-width: 1025px){
		.locked-sidebar .cl-page-content {
			margin-left:275px;
		}
	}

/***********************************
 logo
 ***********************************/
.cl-logo { padding:10px; border-bottom:1px dotted #ccc; background:white; white-space:nowrap; }
	.cl-logo a { line-height:28px; }
		.cl-logo a:hover { text-decoration:none; }
		.cl-logo .corelink-text { font-family: 'Montserrat', sans-serif; color:#333; font-size:26px; vertical-align:bottom; margin-left:5px; }


/***********************************
 small sub nav below logo
 ***********************************/
.cl-header {  background:white; }

	ul.cl-header-items { list-style:none; margin:0; padding:0; }
	ul.cl-header-items li { list-style:none; margin:0; padding:0;  }
	ul.cl-header-items li > a { padding:10px 15px; }

		.cl-notification-menu { display:block; width:15%; float:left; text-align:center; }
		.cl-notification-menu > a { display:block; width:100%; padding-left:16px !important; }

		.cl-user-menu { display:block; width:85%; float:left; }
		.cl-user-menu > a {display:block; width:100%; padding-left:1px !important; }

		.cl-market-menu { clear:left; width:100%; }
		.cl-market-menu .select2-selection { border-right:0; border-left:0; border-bottom:0; } /* remove the left, right, and bottom borders so it lines up better in the sidebar */

/* for some reason the market selection in the header nav, the drop down gets attached to the body and gets pushed behind the menu. This fixes that */
body > .select2-container { z-index:99999; }

/* alert notification number badge */
ul.cl-header-items .alert-bell-badge {
	position:absolute;
	top:2px;
	left:8px;
}
/* alert dropdown items */
ul.cl-alert-menu { width:275px; }
	ul.cl-alert-menu li { border-bottom:1px dotted #ccc; }
	ul.cl-alert-menu li a { max-width: 275px; text-overflow: ellipsis; overflow: hidden; }

/***********************************
 main nav
 ***********************************/


/* main nav parent items */
ul.cl-sidebar-menu .menu-dropdown a {
	display:block;
	background:#ccc;
	border-bottom:1px solid #2f3742;
	padding:10px 15px;
	font-family: monospace;
}
	ul.cl-sidebar-menu .menu-dropdown a:hover {
		text-decoration:none;
		background:#353e49 !important;
	}

	/* main nav sub menus */
	.menu-dropdown a {
		font-size:16px;
		background:#444d58 !important;
		color:#BCC2CB !important;
		padding:8px 15px !important;
	}
	.menu-dropdown ul a {
		font-size:14px;
	}
	.cl-dropdown {
		display:none;
		padding-left:26px;
		background:#2f3742 !important;
	}


/***********************************
 mobile menu
 ***********************************/

/* we just hide it and slide it in */
.menu-toggler-wrapper,
.menu-toggler {
	display:none;
}

@media (max-width: 1024px){
	.cl-page-content {
		padding-top: 51px;
	}
	.menu-toggler-wrapper .cl-logo {
		border-bottom: 0;
	}
	.menu-toggler-wrapper {
		position: fixed;
		top: 0;
		z-index: 1;
		display: block;
		height: 51px;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	.menu-toggler:active,
	.menu-toggler:focus,
	.menu-toggler {
		display:block;
		position:absolute;
		z-index:9999;
		top:18px;
		right:12px;
		color:#ccc;
	}
	.cl-sidebar-content {
		display:none;
		position: absolute;
		z-index: 9998;
	}
	.cl-page-content {
		margin-left:0px;
	}
}