
/* --------------- Navigation -------------------------*/
.navbar-header .navbar-brand img {
	max-width: 100%;
	max-height:130%;
}
.navbar > .container .navbar-brand {
	padding-top: 8px;
	padding-right: 8px;
}
.navbar-tools {
	height: 47px;
}
.navbar-tools > ul > li > form {
	padding-top: 10px;
	padding-right: 10px;
}
.navbar-tools > ul > li > form > select {
	width: 200px;
	height: 31px;
}
.navbar-tools > ul > li > form > select + .select2 {
	width: 200px;
	margin-top: -5px;
}
.navbar-tools > ul > li > form > button {
	height: 31px;
}
.navbar-tools > ul > li.dropdown {
    margin-left: 0;
    margin-right: 0;
}
li.dropdown.current-user .dropdown-toggle {
    padding: 13px 4px 11px 9px;
}

.navbar-tools .notifications .drop-down-wrapper li a {
	padding-bottom: 20px;
}
.navbar-tools .notifications .drop-down-wrapper{
	width: 260px;
}
ul.notifications li, ul.posts li, ul.todo li {
    width: auto;
}

.co-login-btn {
	padding: 5px 6px;
	margin-bottom: 5px;
	margin-right: 5px;
}
#call-box {
	margin-bottom: 0px;
	padding-right: 30px;
}
#call-box div.call-tag {
	position: absolute;
	left: -112px;
	top: 16px;
}
#salesForm #topDisplay .form-group {
	margin-bottom: 8px;
}
#salesForm #topDisplay .form-group label {
	line-height: 34px;	
}
.company-name {
	margin-top: 16px;
	margin-right: 10px;
}
.crumb-trail {
	position: relative;
}
/* ------------------ Footer ----------------------*/
.pci-img {
	width: 50%;
	max-width:140px;
}
.powered {
	font-style:italic;
	font-weight:bold;
	display:inline-block;
	veritical-align:0;
	font-size:12px;
	font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif;
	margin-left:10px;
}
.footer-logo {
	vertical-align:-15px;
	padding-right:20px;
	margin-top: 5px;
	margin-bottom: 0px;
	width: 50%;
	max-width: 162px;
}
.support-line {
	display:inline-block;
	font-size:16px;
	margin-left:10px;
}
/* ------------------ General ----------------------*/
body {
	font-size: 12px;
	/*font-family: Raleway,sans-serif;*/
}
.pointer {cursor:pointer;}
.boxTitle {
	border-bottom: none;
}
.table-btn {
	margin: 2.5px;
}
.panel-heading {
	padding: 10px 15px;
	height: 100%;
}
.panel-heading h4 {
	line-height: 10px;
}
.panel-heading select {
	margin-top: 5px;
}
.panel-heading .form-inline select {
	margin-top: 0;
}
.page-header h1, body h3 {
	font-family: 'Open+Sans',sans-serif;
}
.panel-btn {
	margin-left: 5px;
}
.panel-body-flush {
	padding:0;
	overflow:auto;	
}
.panel-body-flush .table-responsive {
	overflow: visible;
	margin: 0;	
}
.panel-body-flush table {
	margin: 0;	
}
.panel-body-flush p {
	margin: 20px;	
}

.actions-list input[type='button'], .actions-list input[type='submit'] {
	width: 100%;
	max-width: 160px;	
}

.headerSelect {
	margin-top: -55px;
	padding-right: 5px;
	float: right;
}
.page-header button {
	margin-top: 5px;
}
.tooltip {
	border-bottom: none;
}
label {
	font-weight: 600;
}
#imageForm {
	position: relative;
	width: 100%;
}
#imageForm label {
	width:100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 60px 0;
}
#imageForm label i{
	font-size: 120px;
	opacity: 0.0;
	color: #eee;
	text-shadow: 0 0 8px #333;
	transition: all 0.5s ease;
}
#imageForm label[blank] i{
	opacity: 0.64;
}
#imageForm label:hover i{
	color: #fff;
	text-shadow: 0 0 16px #333;
	opacity: 0.9;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea {
	color: #000;
}
input.form-control, select.form-control {
	display: inline;
	/* max-width: 200px; */
	font-weight: 400;
	border-radius: 4px;
}
textarea.form-control {
	width: 100%;
	resize: none;
}
.price-group {
	max-width: 120px;
}
.tab-content {
	padding: 5px 12px;
}
.checkbox label {
	font-weight: 600;
}
legend {
	font-size: 16px;
	margin: 8px 0;
}
.timeString {
	margin: 7px;
	font-weight: bold;
}
.updateString {
	font-size:12px;
	font-weight:bold;
}
.page-header .updateString {
	margin-top: -10px;
}
.crm-tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.crm-tooltip span {
	margin-left: -9999em;
	position: absolute;
}
.crm-tooltip:hover span {
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5px 5px; 
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); 
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: 250px;
}
.crm-tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.crm-tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.popovers {
	cursor: pointer;
}
.popoverLink {
	 border-bottom: 1px dotted #000000;
	 outline: none;
	 cursor: help;
}
.popover-content td, .popover-content th {
	padding: 5px;
}
.popover-content table tbody, .popover-content table thead {
	display: table-row-group;
}
.k-info {
	font-size: 14px;
}
span.input-icon .k-info{
	bottom: 0;
	display: inline-block;
	font-size: 14px;
	left: 5px;
	line-height: 35px;
	padding: 0 3px;
	position: absolute;
	top: 0;
	z-index: 2;
}
span.input-icon.input-icon-right .k-info{
	left: auto;
	right: 4px;
}
.tableTitle {
	margin-top: 8px;
}

.tablePaging label {
	margin-top: 8px;
}

.pagingOptions {
	min-width: 220px;	
}

.pagingOptions select {
	width: 45%;	
}

.panel-tools .btn {
	border-style: solid;	
}

.trHidden {
	display: none;
}
.trVisible {
	display: table-row;
}
.field-icon {
	float: right;
	margin-left: -25px;
	position: relative;
	z-index: 2;
}

/* --------------- Login -------------------------*/
.main-login .form-control {
	max-width: none;
}
/* ------------------ Order Entry ----------------------*/
#timer_widget {font-size: 18px;font-family: "Courier New", Courier, monospace;display: inline-block;color:#cf4843;font-weight: bold;}
#productBoxWrap {border:thin solid black;background-color: #cf4843;padding: 20px;margin: 0 0 10px 0;max-height: 300px;overflow-y: auto;}
.borderless td {border:none !important;}
.borderless {border:none !important;}
.productSelect-table th {color:#000;border-top:none !important;font-size:16px;}
.fixedScript .tab-content {
	max-height: calc(100vh - 250px); 
	overflow-y: scroll;
}
/* ------------------ Customer Section ----------------------*/
.customer-detail-pencil {vertical-align:-3px;cursor:pointer;}
.order-btn {
	margin-bottom: 10px;
}

th.col_agent {
	width: 24%;
}
.col_message {
	word-wrap: break-word;
}
.col_agent {
	white-space: normal;
}
.col_agent>div>label {
	text-align:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* ------------------ Merchants ----------------------*/
.ds-group {
	max-width:110px;
}
.ds-days {
	min-width:30px;
}
.ds-reduction {
	min-width: 65px;
}
/* ------------------ Help Desk ----------------------*/
.categoryContainer .categoryTitle a {font-size:14px;font-weight:100;color:black;padding:10px 10px 0 10px}
.categoryContainer .categoryTitle a:hover {text-decoration:underline;cursor:pointer;}

.categoryContainer li{font-size:14px;vertical-align:20px;font-weight:100}
.categoryContainer a{font-weight:100;color:#253287;cursor:pointer;text-decoration:none;display:inline-block;padding:0 10px 10px 10px;vertical-align:5px;}
.categoryContainer ul{list-style-image:url(/images/document_icon_16px_light.png);padding-top:0;margin-top:0}

.categoryContainer a:hover {text-decoration:underline;cursor:pointer;}
.break p {word-wrap:break-word;}

#ticketDescription {
	width: 100%;
	resize: none;
	height: 240px;
}

#commentText {
	width: 100%;
	resize: none;
	height: 240px;
}

/* ------------------ Plugins ----------------------*/
.plugins-panel {
	min-height: 150px;
}
.plugins-panel .panel-heading {
	min-height: 49px;
}
.plugin-title {
	height: 80px;
	width: 80%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.plug-title {
	height: 50px;
}

/* ------------------ Reports ----------------------*/
.accrualTotalRow .totalRowCol {border-width:1px 0 1px 0;}

.table-responsive .table-responsive {
	margin: 0;
}

.responsiveToggle {
	width: 100%;	
}

ul.order-items {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	text-align: left;
}

/* ------------------ Dashboard ----------------------*/
.dashboard-page {
	margin-left: -30px;
	padding-left: 15px;
	position: relative;
}
.dashboard-page .core-boxes {
	padding-left: 15px;
}
.dashboard-page .panel-heading {
	padding-left: 40px;
	height: 36px;
}
.mini-stats {
	border-left: none;	
}
.accordion-heading .panel-heading {
	padding: 0;
}
#sortable {
	list-style-type: none;
	padding-left: inherit;
}
/*#sortable .panel-heading {
	cursor: move;
}*/
#dashboard-date-select {
	float: right;	
}
#dashboard-date-select .form-group {
	float: left;
	margin: 0 4px;
}
#dashboard-date-select .form-group.clearfix {
	width: 100px;
}
#dashboard-date-select .form-group label {
	display: none;
}
#dashboard-date-select .form-group br {
	display: none;
}
#dashboard-date-select button {
	margin: 0;
	height: 34px;
	width: 100px;
}
#dashboard-date-select .input-group {
	width: 220px;
}

/* ------------------ Spinner ----------------------*/
#k-spinner {
	position: fixed;
	top: 0;	
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 20vh;
	padding-top: 35vh;
	z-index: 1031;
}

#k-spinner i {
	transform-origin: 50.01% 50.31%;
	line-height: normal;
}


/* ------------------ Carousel ----------------------*/
.carousel{
	background: #232526;
	margin-top: 100px;
}
.carousel-slide{
	alignment: center;
	width: 80px;
}
.carousel-control.right
{
	background-image: none;
}
.carousel-control.left
{
	background-image: none;
}
.carousel .item{
	min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img{
	margin: 0 auto; /* Align slide image horizontally center */
}
.carousel-div{
	width: 92%;
	margin: auto;
}


/* ------------------ Mobile ----------------------*/
@media (min-width: 320px) and (max-width: 360px) {
	.navbar-tools > ul > li > form > select {
		width: 140px;
	}
	.viewSelect {
		float: none;
	}
	.page-header {
		text-align: center;
	}
	.updateString {
		padding-top: 27px;
	}
	.page-header .updateString {
		margin-top: -35px;
	}
	.pan-body-btn {
		margin-top: 5px;
	}
	.breadcrumb {
		display: none;
	}
}
@media (min-width: 1000px) {
	.fixedScript {
		position: fixed;
	}
}
@media (min-width: 768px) {
	ul.main-navigation-menu > li.active > a .selected::before {
    top: 0px;
	}
}
@media (max-width: 767px) {
	ul.main-navigation-menu {
		padding-bottom: 45px;
	}
	.nav > li > .dropdown-menu.notifications {
		left: -172px !important;
	}
	.nav > li > .dropdown-menu.posts {
		left: -189px !important;
	}
	table.sticky tbody {
		max-height: unset;
	}
	#dashboard-date-select {
		float: none;	
	}
	#dashboard-date-select .form-group {
		float: none;	
	}
	#dashboard-date-select .form-group label {
		display: none;
	}
	#dashboard-date-select .form-group br {
		display: none;
	}
	#dashboard-date-select .form-group.clearfix, #dashboard-date-select .input-group {
		width: auto;
	}
	.panel-tools .updateString, .panel-tools.timeString {
		position: absolute;
		top: 28px;
		right: 0;
		width: 360px;
		text-align: right;
		font-size: 10px;
	}
}
/* Fix panel only if there's enough room to expand it */

@media (min-height: 860px) {
	.main-navigation {
		position: fixed;
	}
	.crumb-trail {
		position: fixed;
		top: 48px;
		width: 100%;
		z-index: 1029;
	}
	.page-header {
		margin-top: 70px;	
	}
}
/*Make fieldsets display right in Firefox
@-moz-document url-prefix() {
	fieldset {
		display: table-cell;
	}
} */

/*Make the colum Card type always left aligned under cardtype report*/
.col_paymentMethodType{
	text-align:left !important;
}