﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body {
}
body, html {
	overflow-y: inherit; 
}

/* primary color related changes */
.btn-primary-basic, .btn-primary, .btn-primary:focus, .btn-primary.disabled:hover, .btn-primary:disabled:hover, 
.btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn.btn-active-primary:active, 
.btn.btn-active-primary.active, .dropdown.open > .btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary,
.panel-primary .panel-heading, .panel-primary .panel-footer, .panel-primary.panel-colorful {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.panel-primary .panel-heading .close {
	color: #fff;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #D24819;
	border-color: #D24819;
}

.panel-bordered-primary, .panel-primary.panel-bordered {
	border: 1px solid var(--primary-color);
}

.form-control:focus {
	border-color: var(--primary-color);
}

.inbox-checkboxes label {
	display: inline-block;
	height: 19px;
}

.k-pager-numbers .k-state-selected
{
	/*background-color: #52a3e7 !important;
	border-color: #52a3e7 !important;*/
	background-color: var(--pager-selected-page-bg-color) !important;
	border-color: var(--pager-selected-page-border-color) !important;
	color: var(--pager-selected-page-text-color) !important;
}

/*pager*/
.k-pager-wrap .k-link:hover, .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
	color: var(--pager-page-text-color);
}

.primary-color {
	color: var(--primary-color);
}

.bg-primary {
	background-color: #fffffd;
	color: #2b425b;
}

.eq-height .eq-box-md {
	float: left;
}

/*datepicker */

.k-calendar-container .k-pager-wrap .k-link:hover, .k-calendar-container .k-link:link, .k-calendar-container .k-link:visited, .k-calendar-container .k-nav-current.k-state-hover .k-link {
	color: #333;
}

/* theme-dust overload */

#mainnav-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a {
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}
#mainnav-menu > li > a.hover {
  color: #fff;
  background-color: #2d3b47;
  box-shadow: inset 2px 0 0 0 var(--primary-color);
}
#mainnav-menu > .active-link > a,
#mainnav-menu > .active-link > a:hover {
  color: #fff;
  box-shadow: inset 2px 0 0 0 var(--primary-color);
}
#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
  box-shadow: inset 2px 0 0 0 var(--primary-color);
}
#container.mainnav-sm #mainnav-menu > .active-link > a,
#container.mainnav-sm #mainnav-menu > .active-sub > a,
#container.mainnav-sm #mainnav-menu > .active-link a:hover,
#container.mainnav-sm #mainnav-menu > .active-sub a:hover {
  background-color: var(--primary-color);
  box-shadow: none;
}

container.mainnav-sm #mainnav-menu > .active-link > a, #container.mainnav-sm #mainnav-menu > .active-sub > a, #container.mainnav-sm #mainnav-menu > .active-link a:hover, #container.mainnav-sm #mainnav-menu > .active-sub a:hover {
	background-color: var(--primary-color);
	box-shadow: none;
}

#container.mainnav-sm #mainnav-menu a:hover {
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}

::selection {
	background-color: var(--primary-color);
	color: #fff;
}

@media (min-width: 768px) {
	#container.mainnav-sm .shortcut-grid:hover {
		box-shadow: inset 2px 0 0 0 var(--primary-color);
	}
	#container.mainnav-sm #mainnav-menu a:hover {
		box-shadow: inset 2px 0 0 0 var(--primary-color);
	}
	#container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
		color: #fff;
		box-shadow: inset 2px 0 0 0 var(--primary-color);
	}
}
.mainnav-sm .popover.mainnav-shortcut {
	background-color: #232e38;
	color: #fff;
}
.select select:focus {
	border-color: var(--primary-color);
}
.dropdown-menu > li > a:hover {
	background-color: var(--primary-color);
	color: #fff;
}

/* theme-dust overload end*/

/* primary color related changes -end */

/* wizard */



/* wizard end */

#container {
	background-color: #ecf0f5;
}

.dropdown.open > .dropdown-menu {
	font-size: 13px;
	border-radius: 0;
	box-shadow: 0 5px 12px 2px rgba(0,0,0,0.25);
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fff;
}

a.thumbnail, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: transparent;
}

.dropdown.open > ul.head-list.dropdown-menu li {
	background-color: #fff;
}

.img-user {
	width: 20px;
	height: 20px;
	margin-top: 6px;
}

#mainnav-menu i.arrow {
	margin-top: -3px;
}

.section-title { /*proton overload*/
	font-weight: 600;
}

.breadcrumb { /*proton overload*/
	position: relative;
	left: 0;
}

.navbar-header:before { /*theme overload*/
	background-color: #fff;
}

.breadcrumb > li { /*proton overload*/
	text-transform: none;
	z-index: 0;
}

.container { /*custom overload*/
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.container > div.col-lg-12.col-sm-12{ /*nifty overload*/
	padding: 0;
}

.brand-title .brad-text img { /*bootstrap overload*/
	vertical-align: inherit;
}

.brand-icon, #container.mainnav-sm .brand-icon { /*nifty overload*/
	margin: 0 4px 0 5px;
}

.menu-title {
	margin-left: 5px;
}

.panel {
	background-color: #fff; /*bootstrap overload*/
}

#authorized-content .panel, #authorized-content .panel-footer {
	background-color: #ecf0f5;
}

.k-dropdown-wrap { /*kendo*/
	border-radius: 0;
	border-width: 0;
}

.panel-bordered-filter, .panel-filter {
	border-color: #263238;
}

.panel-filter .panel-heading {
	background-color: #263238;
	color: #fff;
}

.panel-bordered-filter .panel-footer {
	background-color: #f6f8fa;
	border-color: #eff3f7;
}

.panel-footer { /*bootstrap overload*/
	padding-left: 20px;
	padding-right: 20px;
}

.k-grid { /*kendo.bootstrap overload*/
	border-radius: 0px;
}

.k-grid td {
	text-overflow: initial;
}

.k-grid-pager .k-i-seek-w:before,.k-grid-pager  .k-i-arrow-w:before, .k-grid-pager .k-i-arrow-e:before, .k-grid-pager .k-i-seek-e:before {
	content: normal;
}

@media screen and (max-width: 1280px) {

	.k-grid-content .k-numeric-wrap .k-icon, .k-grid-content .k-numeric-wrap .k-icon:hover {
		background: url('../../CSS/Kendo/Bootstrap/sprite_2x.png'); /*specify the icon url*/
		width: 20px; /*specify the icon width */
		height: 16px; /*specify the icon height */
	}

	.k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-s:hover {
		background-position: -6px -326px;
	}

	.k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-n:hover {
		background-position: -6px -264px;
	}
}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { /*kendo.common overload*/
	border-width: 0px;
}

.k-autocomplete.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-numeric-wrap.k-state-default .k-input, .k-multiselect-wrap, .k-slider-track, .k-slider-selection, .k-progress-status-wrap {
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
}

.panel-control .dropdown-toggle.btn {
	border: 1px solid transparent;
}

.panel-control .fa.fa-plus.btn-labeled:before { /*nifty overload*/
	margin-left: -8px;
}

.panel-control { /*nifty overload*/
	padding: 0 20px;
}

.panel-body { /*nifty overload*/
	padding: 15px 20px;
}

#filter-panel .panel-control .btn, #filter-panel2 .panel-control .btn {
	border: 0;
}

#filtersText, #filtersText2 {
	cursor: pointer;
}

tr td a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

tr td a.btn, tr td button.btn {
	margin: 1px;
}

tr td.comboVariant {
	opacity: 0.7;
	cursor: pointer;
}

tr td.comboVariant:hover {
	text-decoration: underline;
}

.panel-header-filter-mobile ul.dropdown-menu li {
	background-color: #fff;
}

.sortBy-dropdown ul { /*custom*/
	margin-left: 3px;
}

.refreshIn-dropdown {/*custom*/
	margin-left: 2px;
}

.refreshIn-dropdown ul{/*custom*/
	margin-left: 106px;
}

.panel-header-filter-mobile .dropdown-menu {
	border: 1px solid #d1d9de;
	border-radius: 0px;
}

.customNavForJobQueue.scroll_tabs_container.brand-icon, #container.mainnav-sm .brand-icon {
	margin-bottom: 25px;
}

button.close {
	font-size: 20px;
}

textarea { /* saved from proton */
	height: auto;
    width: 100%;
    max-width: 100%;
}

.modal-body {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.modal-dialog {
	margin-top: 5px;
}

.modal-footer {
	margin-top: 0;
}

.modal-body > .close, .modal-header > .close {
	right: 15px;
}

.modal-body .text-holder .title-text {
	font-weight: bold;
	display: block;
}

.modal-body .text-holder  {
	height: auto !important;
}

.modal-body li .stat-value {
    position: absolute;
    right: 15px;
    top: 10px;
}

.modal-body .panel {
	overflow-y:scroll !important;
}

.modal-body .panel ul {
	overflow-y:hidden !important;
}

form.displayInline {
	display: inline;
}

.nav-tabs.nav-tabs-border-bottom {
	border-bottom: 1px solid #dddddd;
}

.margin-bottom-class {
	margin-bottom: 15px;
}

.ul-add-buttons button {
	border: none;
	background-color: transparent;
	padding: 7px;
	width: 100%;
	height: 100%;
	text-align: left;
}

.ul-add-buttons li:hover { 
	background-color: #42a5f5;
	color: #fff;
}

/* kendo pager */

.k-pager-wrap .k-pager-nav.k-pager-first, .k-pager-wrap .k-pager-nav.k-pager-last { /*kendo.bootstrap overload*/
	border-radius: 0px;
}

.k-pager-nav .k-icon,  td.k-hierarchy-cell .k-icon {
	background-image: none;
}

.k-pager-nav .k-icon, td.k-hierarchy-cell a.k-icon {
	display: block;
	width: auto;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	font-family: FontAwesome;
	color: #758697;
}

.k-numeric-wrap.k-state-default > .k-select {
	border-width: 0;
}

.k-pager-nav .k-icon.k-i-seek-w:after {
	content: "\f100"; 
}

.k-pager-nav .k-icon.k-i-arrow-w:after {
	content: "\f104"; 
}

.k-pager-nav .k-icon.k-i-arrow-e:after, td a.k-icon.k-plus:after {
	content: "\f105"; 
}

td a.k-icon.k-minus:after {
	content:  "\f107"; 
}

td a.k-icon.k-minus:hover, td a.k-icon.k-plus:hover {
	text-decoration: none;
}

.k-pager-nav .k-icon.k-i-seek-e:after {
	content: "\f101"; 
}

.k-pager-sizes { /*kendo.common overload*/
	padding-top: 0px;
}

.k-pager-sizes .k-dropdown-wrap {
	border-width: 1px;
}

/*.k-pager-sizes .k-icon.k-i-arrow-s:after {
	content: "\f107"; 
}*/

/* kendo pager end */

/* nav tabs */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { /* proton overload */
	color: #555;
	border: 1px solid #ddd;
	border-radius: 0;
	background-color: #fff;
}

/* nifty: Panel with tabs */
/*---------------------------------*/
.panel-heading .nav-tabs {
	display: inline-block;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 15px;
	vertical-align: bottom;
	border: 0;
	padding: 0 20px;
}
.panel-heading .nav-tabs > li {
	margin-top: 1px;
	margin-right: 5px;
	height: 100%;
}
.panel-heading .nav-tabs > li > a {
	border-radius: 0;
	margin-right: 0;
	height: 100%;
	line-height: 40px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0 15px;
}
.panel-heading .nav-tabs > li:not(.active) {
	background-color: transparent;
	opacity: .6;
}
.panel-heading .nav-tabs > li:not(.active) a {
	border-bottom: 0 !important;
	color: inherit;
	border: 1px solid transparent;
}
.panel-heading .nav-tabs > li:not(.active) a:hover {
	background-color: rgba(0, 0, 0, 0.15);
	border-color: transparent;
}
.panel-heading .nav-tabs > .active > a {
	z-index: 1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	box-shadow: inset 0 0 0 0 #fff;
	border-bottom: 1px solid #fff;
}

#nav-tabs.scroll_tabs_container ul.scroll_tab_inner li {
	padding-left: 3px;
	padding-right: 3px;
}

.scroll_tab_left_button, .scroll_tab_right_button {
	border-radius: 0px;
}

/*#nav-tabs.scroll_tabs_container .scroll_tab_left_button:after {
	content: "\f104";
}*/

/* nav tabs end */

/* kendo select */

/* kendo.bootstrap overload */
.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-dropzone {
	border-radius: 0px; 
}

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload, .k-split-button {
	border-radius: 0px;
}
/* kendo select end */
.panel-header-filter-mobile {
	padding: 9px 3px 0px 3px;
}

#page-content {
	min-height: 600px;
}

#container {
	min-width: 500px;
}

/* dashboard */

.dashboardPanelMedium {
	overflow-y: auto;
	height: 183px;
	margin: 0;
	padding-right: 0;
}

#formDashboard .panel-body {
	padding: 20px;
}

#formDashboard .pie-chart-wrapper {
	padding: 27px 10px;
}

#formDashboard, #formDashboard .k-widget {
	color: #758697;
}

#formDashboard .table > tbody > tr > td {
	padding: 8px; /* --> Bootstrap v3.3.6 */
}

#formDashboard .k-grid td {
	padding: 8px;
	border-width: 1px 0 0 0;
	border-color: #e9e9e9;
}

#formDashboard .k-grid-header .k-header {
	padding: 8px;
}

#formDashboard .k-widget, #formDashboard .k-grid-header .k-header, #formDashboard div.k-grid-header {
	border-width: 0px;
}

#formDashboard .k-grid-content tr {
	background-color: #f8f9fa;
}

#formDashboard .k-grid-content tr.k-alt, #formDashboard .k-header, #formDashboard .k-pager-wrap {
	background-color: #fff;
}

#formDashboard .k-grid-header th {
	color: #2b425b;
	font-size: 1.05em;
	font-weight: 600;
}

#formDashboard .k-grid-header .k-header {
    text-align: left !important;
}

#formDashboard .k-pager-wrap>.k-link, #formDashboard .k-pager-numbers .k-link, #formDashboard .k-dropdown-wrap {
	border-color: #e9e9e9;
}

#formDashboard .k-widget {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#formDashboard .k-grid {
	min-height: 184px;
}

#formDashboard .k-grid-content {
	min-height: 113px;
}

#formDashboard .k-grid-header-wrap {
	border-width: 0;
}

p#pie-jobs-in-progress-number, p#pie-jobs-on-hold-number, p#pie-delayed-jobs-number{
	margin: 0;
}

.dashboard-filter-wrapper {
	width: 275px;
}

#formDashboard #tblMarketPriceWrapper {
	margin-bottom: 10px;
}

#formDashboard .dashboard-message-text {
	color: #afb9c3;
	clear: both;
	float: left;
	width: 80%;
}

#formDashboard .dashboard-message-title {
	float:left;
	width:75%;
	overflow: hidden;
	box-sizing:border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#formDashboard .dashboard-date {
	float: left;
	width: 25%;
}

#formDashboard #infoMessage {
	max-height: 300px;
	padding-right: 15px;
	overflow-y: scroll;
}

#formDashboard .dashboard-message-title-link {
	cursor: pointer;
	clear: both;
}

#formDashboard .dashboard-message-title-link:hover {
	text-decoration: none;
}

.bg-onhold {
	background-color: #76B6EC;
}

.SelectOCItem {
	color: rgb(170,170,170);
	cursor: pointer;
}

.SelectOCItem:hover {
	color: rgb(170,170,170);
}

.SelectOCItem:focus {
	color: rgb(170,170,170);
}

.box-vmiddle-wrap:before {
	height: 0;
}

.gridFooterTotalCell {
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
}

#ZebraApp
{
	display: inline-block;
}
