img { max-width : none !important }

#main-content{
  margin-top:40px;
}

html {
	overflow: -moz-scrollbars-vertical;
	-ms-overflow-y: scroll;
	overflow-y: scroll;
}

.validation-summary.error ul li,
.validation-summary.error ul li label{
	font-size:11px !important;
	color: #B94A48 !important;
}

.control-group .controls input.invalid{
	color: #B94A48;
	border-color: #B94A48;
}

#search-form{
	float:right;
}

#search-form button{
	margin-left:10px;
}

/* Flatten Btn style */
.btn, .btn-group {
	background-image: none;
    text-shadow: none;
    box-shadow: none;
	border-color: rgba(0, 0, 0, 0);
}

.btn.cancel {
	float: left;
	margin-right:3px;
}

.btn.btn-clear {
    background: none;
    border: none;
    box-shadow: none;
}

table.tablesorter thead tr .header.small{
	font-size:11px;
}

#pager input[type="text"],
#pager select{
	margin:0 5px;
	margin-bottom:22px;
}

.modal{
	color: #333 !important;
	text-shadow: none;
}

.modal form {
	margin-bottom: 0 !important;
}

.modal form .control-group{
	float: left;
	text-align: left;
	width:225px;
}

.modal .modal-footer label.checkbox{
	width:auto !important;
}

.modal .modal-footer #btn-delete{
	float:left;
	margin-right:15px;
}

article table tr.selected td,
table#orders-table tbody tr:hover td,
table#price-count tbody tr:hover td{
	background-color: #51A351 !important;
	color: #fff !important;
	cursor: pointer;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
}

table#orders-table tbody tr:hover td a,
table#price-count tbody tr:hover td a {
	color:#fff;
}

table#price-count tbody tr td.stock-count.level2{
	background-color:#F89406;
	color:#fff;
}
table#price-count tbody tr td.stock-count.level1{
	background-color: #BD362F;
	color:#fff;
}
table#price-count tbody tr td.stock-count.add-info{
	background-color: #49AFCD;
	color:#fff;
}
table#price-count tbody tr.selected-row td{
	background-color: #BD362F;
	border-color: #EED3D7;
	color: #FFF;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

}

th.header {
	position: relative;
	padding-right: 20px; /* leave space for arrow */
}

/* Sorting descending (↓) */
th.headerSortDown::after {
	content: "▼"; /* down arrow */
	position: absolute;
	right: 5px;
	font-size: 0.7em;
	color: #555;
}
  
/* Sorting ascending (↑) */
th.headerSortUp::after {
	content: "▲"; /* up arrow */
	position: absolute;
	right: 5px;
	font-size: 0.7em;
	color: #555;
}

.tablesorter thead th {
	position: sticky;
	cursor: pointer;
	top: -1px;
	background: #fff;   /* or table header background */
	z-index: 2;         /* make sure it stays above rows */
}

#stock-alerts p{
	font-size:11px;
}

#stock-alerts p span{
	text-transform:uppercase;
}

#stock-alerts table tr.group-name{
	text-transform:capitalize;
	font-weight:bold;
	cursor: pointer;
}

#rads2go-search-form select{
	margin-right:3px;
	margin-top: -4px;
}
#rads2go-search-form label {
	margin-right:15px;
}
#rads2go-search-form #reset-button{
	float: right;
}

#price-count tr#no-items-found { display: none;}

#price-count tr td{
	vertical-align: middle;
	text-align: center;
}
#price-count tr td:nth-child(1){
	text-align: left;
}
#price-count tr td.thumb{
	text-align: center;
	padding-top: 8px;
}

#current-date{
	float: right;
	position: relative;
	top: -30px;
	margin-right: 15px;
	color: #fff;
}

#logo {
	background-image: url('/workspace/images/Castrads_Stacked_Wordmark_White_logo.png');
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 36px;
	margin: 2px 0 2px 10px;
	position: absolute;
	width: 160px;
}

.tab-content{
	overflow: visible !important;
}

.AnyTime-win{
	z-index: 99999 !important;
}

input[type="text"],select
{
	cursor: pointer;
}
.control-group .controls select {
	/*width: 100%;*/
}
span.loading{
	background-image: url('/workspace/images/loading.gif');
	background-repeat: no-repeat;
	bottom:0;
	display: inline-block;
	height:32px;
	margin-right:5px;
	position: absolute;
	width:32px;
}

td span.loading-data {
	background-image: url('/workspace/images/graphics/loading/ajax-loader.gif');
	background-repeat: no-repeat;
	display: block;
	height: 80px;
	margin: 0 auto;
	width: 80px;
}

div.alert{
	position: relative;
}

td div.btn-group{
	float:right;
}

#preview{
	background:#333;
	border:1px solid #ccc;
	color:#fff;
	display:none;
	padding:5px;
	position:absolute;
	width:200px;
}

/*ORDER EDITOR*/

td.clickable { cursor: pointer; }

#order-editor .order-items-table table tbody tr {
	cursor: default !important;
}

#order-editor table tbody tr {
	cursor: pointer;
}

#order-editor table tbody tr td {
	font-size: 11px;
}

#order-editor table tbody tr.selected td {
/*	background-color: #51A351 !important;
	color: #fff !important ;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);	*/

	background-color: #DFF0D8 !important;
	color: #468847 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#order-editor div.loading {
	background-image: url('/workspace/images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	height:32px;
	width: auto;
}
​
/*RADIATOR ORDERS*/

.storage-items-list {
	position: relative;
}

.storage-items-list ul {
	z-index: 9999;
	background-color: #F9F9F9;
	border: 1px solid #DDD;
	position: absolute;
	top:-4px;
	margin-left: 34px;
	padding: 5px 25px;
	width: 225px;
	box-shadow: 2px 4px 10px #DDD;
}

#radiator-orders tr.checked td {
	background-color: #DFF0D8;
	color: #468847;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#radiator-orders tr.current td {
	background-color: #D9EDF7;
	color: #3A87AD;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.popover-content form {
	margin: 0;
}

.popover-content form .control-group {
	margin: 0;
}

.popover-content form  select {
	width: 162px;
}

#radiator-status-table th {
	text-align: center;
}

#radiator-status-table th:first-child {
	text-align: left;
}

#radiator-status-table td{
	vertical-align: middle;
	text-align: center;
}

#radiator-status-table td span {
	color: grey;
	font-size: 11px;
}

#radiator-status-table td:first-child {
	text-align: left;
}

#radiator-status-table td a .icon {
	cursor: pointer;
}

#radiator-status-table td.cell-link:hover {
	background-color: #EDEDED;
}

#radiator-status-table td.selected-cell {
	background-color: #FCF8E3;
}

#radiator-status-table td.complete {
	text-align: center;
	background-color: #DFF0D8;
}

#radiator-status-table .loading,
#radiator-orders-table .loading {
	background-image: url('/workspace/images/loading.gif');
	background-repeat: no-repeat;
	background-position: center center;
	height:32px;
	width: auto;
}

#radiator-orders-table .loading span {
	text-align: center;
	display: block;
	padding-top: 35px;
	font-weight: bold;
}

/*Printed List*/

div.order {
	margin-bottom: 50px;
	page-break-inside: avoid;
    position: relative;
}

div.order .order-header table {
	width: 100% !important;
	border:1px solid #000;
    position: relative !important;
}

div.order .order-header table tr {
	color: #000;
	font-weight: bold;
}

div.order .order-header table tr th {
	padding:5px;
	text-align: left;
	font-weight: normal;
	font-size: 18px !important;
}

div.order .order-body table {
	font-size: 11px;
	width: 100%;
	border:1px solid #DDD;
	border-top:none;
}

div.order .order-body .note {
	margin-left: 55px;
	font-style: italic;
}

div.order .order-body table tr td{
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px dashed #DDD;
	padding: 5px;
}

/* Address label */

div#address-label {
	width:760px;
	font-size: 16pt;
	line-height: 1.3;
}

div.address-label {
	border: 1px solid black;
	float: left;
	padding: 20px;
	display: block;
	/*width: 100%;*/
	width: 330px;
	height: 220px;
	margin:1px;
}

div.address-label h1 { font-size: 24pt; }

/* Order to be prepared */

div#order-to-be-prepared {
	font-size: 14pt;
	line-height: 1.3;
}

div#order-to-be-prepared h2 {
	font-size: 20pt;
}

div#order-to-be-prepared table {
	width:100%;
}

div#order-to-be-prepared table tr td {
	border:1px solid black;
	padding:5px;
}

/* Packing list print */
div#packing-list {
	font-size: 14pt;
	line-height: 1.3;
}

div#packing-list h1 { font-size: 24pt; }

div#packing-list h2 { font-size: 20pt; }

div#packing-list table tr td{
	border:1px solid black;
	padding:5px;
}

div#packing-list p.underscore {
	border-bottom: 1px dotted black;
	height: 50px;
}

div#packing-list .packing-list .pl-header {
	text-align: right;
}

/*APPEND AUTOCOMPLETE LIST STYLE*/
.ui-autocomplete {
	max-height: 200px !important;
	max-width: 249px !important;
	overflow: auto !important;
}

.ui-autocomplete li {
	cursor: pointer;
}

.ui-autocomplete li a {
    font-size: 11px;
}

li.disabled.ui-menu-item {
	cursor: not-allowed;
}

li.disabled.ui-menu-item a {
	color: #888;
}
/* APPEND BOOTSTRAP HELP INLINE STYLE */
select ~ .help-inline {
	padding-left: 0;
	margin-top: 9px;
}

/* Valve configuration labels in radaitor form */
div[name="fields[valve-configuration]"] label { width: 70px; }

/* APPEND BOOTSTRAP INLINE FORM */

.form-inline input,
.form-inline select {
	margin-right: 3px !important;
}

/* APPEND MARGIN BETWEEN INPUTS */
.form-horizontal .control-group {
	margin-bottom: 4px !important;
}

/* INPUT TEXT INSIDE LIST */
ul li input[type="text"] {
	margin-bottom: 0 !important;
}

.control-group .controls span.text {
	line-height: 29px !important;
}


.dialog label { width: auto !important; }
.dialog .controls { margin-left: 60px !important }
/* PRINT MARGINS */

@page
{
    size: auto;   /* auto is the initial value */

    /* this affects the margin in the printer settings */
    margin: 15mm 15mm 15mm 15mm;
}

/* Change of pagination element wide */

.pagination a {
	padding: 0 11px !important;
}

/* Datetime picker */
.bootstrap-datetimepicker-widget {
	z-index: 99999 !important;
}

/* Bootstrap calendar */
#cal-slide-content {
	background-image: none !important;
	background-color: #000 !important;
}

#cal-slide-content:hover {
	background-color: #000 !important;
}

.cal-cell .new-event-trigger {
	margin: 15px 10px 0;
	padding-top: 1px;
}

.cal-cell:hover .new-event-trigger {
	display: inline-block;
}

.autocomplete-loader {
    position: absolute;
    background-image: url('/workspace/images/loading.gif');
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 27px;
}

/* Comment Eitor Fixes */
.note-editor .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.note-editor .btn-group {
    display: inline-block;
}

.note-editor .modal {
    display: none;
}


/* Notifications */
#notifications-menu {
    overflow-x: scroll;
    max-height: 200px;
}

#notifications-menu li:last-child {
    padding-right: 10px;
}

#notifications-menu li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 250px;
}

.notifier.notifier-theme-clean .notifier-btns button.link {
	padding-top: 0 !important;
	border-bottom: solid 1px #444 !important;
}

.pac-container {
	width: 500px !important;
}