/*
.table-text {
	display:inline-block;
	padding-left: 30px;
}
*/
@media only screen and (max-width:767px) {
	.arrow-opener {
		left: 0px;
	}
}

.spacer {
    margin-bottom:30px;
}

#customer-details-loading-box {
    /*min-height:235px !important;*/
    min-height:139px !important;
}

.search-reulsts .search-tabs.drop-active .tab-drop {
    z-index: 999 !important;
}

.search-reulsts .dataTables_processing{
    height:80px !important;
    z-index: 99 !important;
}

.downloads-lightbox .heading {
    width: 95% !important;
}

.downloads-lightbox .activities-table {
    min-height: 252px !important;
}

.downloads-lightbox .activities-table .table-section td.dynamic-column span.pdf-download,
.downloads-lightbox .activities-table .table-section td.dynamic-column span.size-data-holder
 {
    margin-left: 22px !important;
}
.downloads-lightbox .fixed-table{
	table-layout:fixed;
}

.dynamic-column span.doc-select-checkbox {

    overflow: hidden;
    white-space: nowrap;
}

.table-area .download-table-customer {

    display: block;
    overflow: hidden;
    width: 177px;
    white-space: nowrap;
}

.downloads-lightbox th {
    background: #fff;
    /* display: block; */
    overflow: hidden;
    width: 177px;
    white-space: nowrap;
}

.dynamic-column {
    height:40px;
}

input[type="checkbox"].doc-select-checkbox, input[type="checkbox"].remove-styles {
    -webkit-appearance: checkbox !important;
}


/* Loading Spinner CSS */
	@keyframes spin {
	 0% {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotateZ(0deg);
	 }
	 100% {
			-webkit-transform: rotate(359deg);
			-moz-transform: rotate(359deg);
			-o-transform: rotate(359deg);
			transform: rotateZ(359deg);
	 }

	}

	@-moz-keyframes spin {
	 from {
		 -moz-transform: rotate(0deg);
		 transform: rotate(0deg);
	 }
	 to {
		 -moz-transform: rotate(359deg);
		 transform: rotate(359deg);
	 }

	}

	@-webkit-keyframes "spin" {
	 from {
		 -webkit-transform: rotate(0deg);
		 transform: rotate(0deg);
	 }
	 to {
		 -webkit-transform: rotate(359deg);
		 transform: rotate(359deg);
	 }

	}

	@-o-keyframes "spin" {
	 from {
		 -o-transform: rotate(0deg);
		 transform: rotate(0deg);
	 }
	 to {
		 -o-transform: rotate(359deg);
		 transform: rotate(359deg);
	 }
	}
	.loading {
		margin: 10% auto;
		border-bottom: 4px solid #007330;
		border-left: 4px solid #007330;
		border-right: 4px solid rgba(0, 0, 0, 0);
		border-top: 4px solid rgba(0, 0, 0, 0);
		border-radius: 100%;
		height: 48px;
		width: 48px;
		-webkit-animation: spin .9s infinite linear;
		-moz-animation: spin .9s infinite linear;
		-ms-animation: spin .9s infinite linear;
		-o-animation: spin .9s infinite linear;
		animation: spin .9s infinite linear;
	}
	.little-loading,
	.btn.little-loading-inline:after,
	.time-holder.little-loading-inline:after{
		margin: 0 15px 0 0;
		border-bottom: 3px solid #007330;
		border-left: 3px solid #007330;
		border-right: 3px solid rgba(0, 0, 0, 0);
		border-top: 3px solid rgba(0, 0, 0, 0);
		border-radius: 100%;
		height: 20px;
		width: 20px;
		-webkit-animation: spin .9s infinite linear;
		-moz-animation: spin .9s infinite linear;
		-ms-animation: spin .9s infinite linear;
		-o-animation: spin .9s infinite linear;
		animation: spin .9s infinite linear;
		display:block;
		box-sizing: border-box;
	}
	.little-loading.centered{
		margin: auto auto;
	}
	.little-loading.white,
	.btn.little-loading-inline:after, .time-holder.little-loading-inline.white:after{
		border-bottom: 3px solid #FFF;
		border-left: 3px solid #FFF;
	}
	.btn.little-loading-inline:after, .time-holder.little-loading-inline:after{
		content:'';
		right: 0;
		top: 11px;
		display: inline-block;
		margin-left: 1px;
	}
    .time-holder.little-loading-inline:after{
        background:none;
    }

    .btn.little-loading-inline.centered:after{
        margin: auto;
    }
	.btn.little-loading-inline{
		background: #819987;
    cursor: default;
		max-height: 39px;
		/*padding: 10px; Milos: when .btn class goes along with .confirmation class, then this padding shrinks download button arrow.*/
	}
/* /Loading Spinner CSS */

/* LME Cash Price arrow states */
	.widget .price.up:after {
		border-width: 0 6px 10px 6px;
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00732F rgba(0, 0, 0, 0);
	}
	.widget .price.down:after {
		border-width: 10px 6px 0 6px;
		border-color: #FF0000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	}
	.widget .price.nochange:after {
		border: 0;
		width: 12px;
		height: 4px;
		display: block;
		background: #999;
	}
/* /LME Cash Price arrow states */

.widget .paigraph .counter {
	margin: -0.5em -1em 0;
	width: 2em;
	text-align: center;
}

/* Order widget fixes */
	.current-month .month,
	.current-month .counter{
		float: right;
		text-align:right;
		clear: both;
		margin: 0 !important;
	}
	.widget.order-info {
		position:relative;
		min-height: 90px;
	}
	.widget.order-info .order-graph {
		width: 60%;
		margin: auto;
		position:absolute;
		left: 50%;
		margin-left: -30%;
	}
	.widget .current-month,
	.widget .last-month {
		width: auto;
		margin:0 !important;
	}
	.widget .last-month {
		text-align: left;
	}
	.widget .last-month .month {
		margin:0 !important;
	}
	.widget.order-info .order{
		margin: 0 0 10px;
	}
	.widget.order-info .graph-holder{
		padding: 18px 0 0;
	}
	.widget.order-info .description {
		margin: 0 1em;
	}
	.widget.order-info .description:first-child{
		margin-left:0;
	}
	.widget.order-info .description:last-child{
		margin-right:0;
	}
	@media only screen and (max-width:767px) {
		.widget.order-info {
			padding: 10px;
		}
	}
/* Order widget fixes */

/* Datatable fixes */
	.dataTables_paginate span {
		box-sizing: border-box;
		display: block;
		float: left;
		min-width: 38px;
		min-height: 38px;
		text-align: center;
		font: 22px "gotham-medium", sans-serif;
		color: #666;
		cursor:default;
	}
	.dataTables_wrapper .dataTables_paginate .paginate_button.next{
		float:right;
	}
	table.dataTable.nowrap th, table.dataTable.nowrap td {
		white-space: normal;
	}
	@media only screen and (max-width:767px) {
		.dataTables_paginate>span * {
			display: none !important;
		}
		.tab-container {
			border-right:0;
		}
		.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
			margin-left:0;
		}
	}
/* /Datatable fixes */

.main-box .address,
.main-box dd{
	max-width: none;
}

/* Datatable Grouping Style fix*/
table.dataTable.dtr-inline.collapsed tbody tr.groupItem td:first-child:before {
    border-style: none !Important;
}

table.dataTable.dtr-inline.collapsed tbody tr.groupItem td:first-child {
    padding-left: 0px !important;
}

.table-block .item3 {
	width: initial;
}
.table-block .container{
	padding: 0 20px;
}

.downloads-lightbox .table-section table:after,
.downloads-lightbox .fixed-table:after{
	content:'';
	display:block;
	height:17px;
}


table tr.groupItem td
{
    background-color: #eff1f1 !important
}

table.dataTable tbody tr.even-new td {
    background-color: white !important;
}
table.dataTable.display tbody tr.odd-new td {
    background-color: #f9f9f9 !important;
}
.graph-holder{
	width:100%;
}
.search-reulsts .graph-holder{
	width:64%;
	padding:34px;
}
.widget.order-info .counter,
.widget .paigraph .counter,
.widget.shipping-info .counter,
.widget .price{
	font-size:33px;
}
.dont-show-on-mobile{
	display:initial !important;
}
.dont-show-on-desktop{
	display:none !important;
}
.widget .price sup {
	top: -0.75em;
	right: -0.3em;
}
table.dataTable td a{
	color:#00732F;
}
.downloads-lightbox .table-section th,
.downloads-lightbox .table-section td{
	/*position:relative;*/
	padding-left:30px;
	white-space: normal;
}
.downloads-lightbox .table-section td {
	white-space: nowrap;
	height: 40px;
}
.downloads-lightbox .table-section th span,
.downloads-lightbox .table-section td .ng-scope {
	position:relative;
	margin:0 30px 0 -31px;
}
.downloads-lightbox .table-section th > span{
	margin:0;
}
.downloads-lightbox .table-section td .ng-binding.ng-scope {
	margin: 0;
}
.downloads-lightbox .table-section input[type="checkbox"].doc-select-checkbox,
.downloads-lightbox .table-section input[type="checkbox"].remove-styles {
	left: 8px;
	position: absolute;
}
.downloads-lightbox .fixed-table .download-table-customer{
	display: table-cell;
	height: 40px;
}
#footer {
	padding-top: 20px;
}
#footer:before {
	top: 20px;
}
.font-small {
    font-size:12px;
}
.remove-loader:after {
        display:none;
}
.check-area {
	padding: 0;
}
.check-area label{
	padding:23px 28px 25px 49px;
}
.check-area .jcf-checkbox{
	top: 50%;
	margin-top: -8px;
	left: 18px;
}
.check-area .jcf-checkbox.jcf-checked {
	top: 47%;
}
.items-table td .check-block {
	height: auto;
}
.items-table td:first-child,
.prices-table td:first-child{
	padding-left:0;
}
.table-text {
	text-align:right;
}
.prices-table td.item4 input[type="text"], .prices-table td.item4 span
{
	box-sizing: border-box;
	padding: 27px 10px;
}
.prices-table .check-block{
	height:auto;
}
.toplinks li a.ico .counter {
	padding: 0 6px;
}
@media only screen and (max-width:767px) {
		.loginform .form-control,
		.loginform .password-placeholder{
			text-transform: none;
		}
		.loginform .forget{
			float: right;
			line-height: 39px;
		}
		.widget.order-info .counter,
		.widget .paigraph .counter,
		.widget.shipping-info .counter,
		.widget .price{
			font-size:27px;
		}
		.widget .paigraph .counter {
			margin: -0.3em -1em 0;
		}
		.heading-holder .btn2{
			display:block;
			width:100%;
			margin: 10px 0;
		}
		table.dataTable td,
		table.dataTable th{
			font:11px/14px Arial, Helvetica, sans-serif;
		}
		.tab-container {
			overflow-x: visible;
			margin: 0 -11px !important;
		}
		table.dataTable.nowrap th,
		table.dataTable.nowrap td{
			white-space: normal !important;
		}
		.tab-container .dataTables_length,
		.tab-container .dataTables_paginate{
			padding: 0 10px;
		}
		.dont-show-on-mobile{
			display:none !important;
		}
		.dont-show-on-desktop{
			display:initial !important;
		}
		.widget .price sup {
			top: -1.2em;
			right: -0.5em;
		}
		.dtr-data,
		.dtr-title{
			display:block;
			white-space:normal;
		}
		.mega-drop,
		.toplinks{
			display:none;
		}
		.search-reulsts .graph-holder{
			width: calc(100% + 40px);
			margin: 0-20px;
			padding:20px 20px 0;
		}
		.search-reulsts h3 {
			margin: 0 18px 8px;
		}
		.parent .arrow-opener:after,
		.arrow-opener:after{
			content:none;
		}
		.items-table td .check-block,
		.prices-table .check-block{
			position:relative;
			margin: -14px 0 0 -41px;
			float: left;
			display:block;
			min-height: 32px;
		}
		/*.items-table td.sorting_1:before,
		.prices-table td.sorting_1:before{
			content:none !important;
		}*/
		.items-table td .check-block:before,
		.prices-table .check-block:before{
			border-width: 6px 4px 0 4px;
			border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
			margin: 0 10px 0 -20px;
			content:'';
			display:block;
			position:absolute;
		}
		.items-table .slide .jcf-checkbox,
		.items-table .slide .jcf-checkbox.jcf-checked{
			left: 32px;
			top: 13px;
		}
		.items-table td .table-text{
			clear: none;
			text-align: right;
			display:block;
		}
		.check-area .jcf-checkbox,
		.check-area .jcf-checkbox.jcf-checked {
			top: 46%;
		}
		.items-table td:first-child:before{
			display: block;
			float: left;
		}
		.info-box {
			padding: 18px 10px 0;
		}
}
@media only screen and (max-width:500px) {
		.items-table td .table-text{
			margin: 0 0 0 50px;
			float: left;
		}
}

.no-bg-image.time-holder:after
{
    background:none !important;
}

ul.si-edit{
    min-width:180px !important;
}

.selection-lightbox .checkboxitem {
    width: 48px;
}


.selection-lightbox .slide-row .jcf-checkbox {
    float: left;
    margin: 2px 17px 0 14px;
}

.selection-lightbox .material-type {
    padding: 10px 0 10px 11px;
}

#search-results-module th.sorting,
#search-results-module th.sorting_asc, 
#search-results-module th.sorting_desc,
#search-results-module table.dataTable thead .sorting_asc {
   background : #fff !important;
}
#recaptcha_logo, #recaptcha_privacy
{
    display: none !important;
}

#recaptcha_table
{
    border-style: none !important;
}

#recaptcha_image
{
    width: 316px !important;
}

#recaptcha_response_field
{
    width: 317px !important;
}
.captcha-error
{
    width: 328px !important;
    margin-right: 1px !important;
}
#recaptcha_table :nth-child(2) td
{
  padding-left: 0px !important;
}
.forgotpassword-form .recaptchatable #recaptcha_response_field  {
	display: block;
	width: 100%;
	border: solid 1px #999;
	border-radius: 2px;
	height: 40px;
	line-height: 18px;
	font-size: 14px;
	padding: 11px 10px;
	outline:none;
	margin: 0 0 23px;
}
/* forgotpassword-form */
.forgotpassword-form {
	overflow: hidden;
	width: 570px;
	background: #f0f3f2;
	padding: 40px 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.lightbox .forgotpassword-form h2 { margin: 0 0 19px; }
.forgotpassword-form label {
	color: #000;
	display: inline-block;
	font: 14px/16px "gotham-medium", sans-serif;
	margin: 0 0 13px;
	text-transform: uppercase;
	vertical-align: top;
}
.forgotpassword-form .text-field {
	overflow: hidden;
	position: relative;
	max-width: 317px;
	padding: 0 86px 0 0;
	margin: 0 0 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.forgotpassword-form input[type="button"].btn {
	min-width: 76px;
    margin-right:10px;
}
.forgotpassword-form table th,
.forgotpassword-form table td {
    background: none;
}


.loadingorderdetails{

    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #eff1f1;
    top: 449px;
    z-index: 999;
    display:none;

    /*Folloiwng properties are for making transparent.*/
    zoom: 1;
    filter: alpha(opacity=65);
    opacity: 0.65;

}

#confirmationPopup .right-area{
    padding-right:11px;
}


/*#confirmationPopup .selection-lightbox:after,*/
#delete-confirmation-products-popup .selection-lightbox:after, 
#delete-products-confirmation-popup .selection-lightbox:after, 
#delete-products-popup .selection-lightbox:after, 
#edit-customers-popup .selection-lightbox:after,
#edit-products-popup .selection-lightbox:after,
#edit-products-confirmation-popup .selection-lightbox:after,
#edit-customers-confirmation-popup .selection-lightbox:after,
#new-declaration-popup .selection-lightbox:after{
     height:0 !important;
}


#delete-products-popup .bottom-area,
#delete-confirmation-products-popup .bottom-area,
#delete-products-products-popup .bottom-area,
#edit-customers-popup .bottom-area,
#edit-products-popup .bottom-area,
#edit-products-confirmation-popup .bottom-area,
#edit-customers-confirmation-popup .bottom-area,
#new-declaration-popup .bottom-area{
    padding-right: 20px;
    margin-bottom: 13px;
}


#delete-confirmation-products-popup .table-container,
#edit-products-confirmation-popup .table-container,
#edit-customers-confirmation-popup .table-container {
    height: auto;
    max-height: 400px
}

td{
	position: relative;
}
table th, table td{
	background-clip: padding-box !important;
}
.dubal:after,
.emal:after{
	content:'';
	width:3px;
	height:100%;
	background:#005696;
	position:absolute;
	left: -1px;
	top: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.emal:after{
	background:#EE3224;
}

table .jcf-checkbox {
	width: 15px;
	height: 15px;
}

.block-holder .block {
	float: right;
}
.block-holder .block:first-child  {
	width:100%;
}
.block-holder .block:first-child .text-inner {
	margin: 0 10px;
}
.block-holder .block:first-child .text-inner .ng-hide {
	display: block !important;
}
.block-holder .text-holder:before {
	left: auto;
	right: 73px;
}
.btn-area .btn{
	min-width:200px;
}
.lightbox .bottom-area .links li:after{
	content:none;
}
@media only screen and (max-width:767px) {
	.block-holder {
		width: 100%;
	}
	.block-holder .text-holder {
		float: none;
		width: 100%;
	}
	.block-holder .text-holder:before {
		content:none;
	}
	.block-holder a, .block-holder .btn{
		width:100%;
		margin-bottom:15px;
	}
	.btn-area .btn{
		width:100%;
	}
	.prices-table .sorting_1{
		position:relative;
		padding-left: 50px !important;
	}
	.prices-table .check-block{
		position:absolute;
		margin: -5px 0 0 -50px;
	}
	.prices-table .sorting_1:before{
		margin:-4px 0 0 0 !important;
		top: 50%;
		left: 7px;
		position:absolute;
		border-style: solid;
		border-width: 4px 0 4px 6px;
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
	}
	.prices-table .check-block:before{
		content:none;
	}
	.prices-table .table-text{
		
	}
	.accordion-block .btn-delete{
		width: 40px;
		height: 40px;
		right: 0;
		top: 0;
	}
	.accordion-block .btn-delete:after {
		left: 10px;
		top: 8px;
	}
	.accordion-block .accordion-slide .text {
		width: auto;
	}
	.accordion-block .accordion-slide dt {
		width: 46%;
		max-width: 200px;
	}
	.accordion-block li .btn-open .product-title {
		padding-right: 15px;
	}
	.dubal:after, .emal:after {
		width: 5px;
	}
	table .groupItem.parent + .child{
		display:none !important;
	}
	.links.si-edit li{
		display:block;
		padding: 0 !important;
		margin: 0;
		border: none !important;
	}
	.links.si-edit li a{
		padding: 10px 15px 10px 0;
		display: block;
		margin-top: -10px;
	}
	.customer-detail .arrow-opener:after{
		display: block;
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 6px;
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
		margin: 0;
		display: inline-block;
	}
	.customer-detail .parent .arrow-opener:after{
		border-width: 6px 4px 0 4px;
		border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
		margin:0;
		content:'';
	}
	.detail-cols dl dt,
	.detail-cols dl dd{
		width:50%;
		line-height: 1.4em;
		margin-bottom: 0.8em;
	}
}

.btn.disabled{
	background: #819987;
	color:#FFF;
    cursor:default;
}

.btn.disabled:hover{
    background: #819987;
	color:#FFF;
    cursor:default;
}



table a{
	color:#00732F;
}
table.layout-fixed{
	table-layout:fixed;
}
.btn{
	-webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.tabset li a:hover{
	border-width:0 0 1px;
  background: #FFF;
	margin: 0 1px -1px 0;
  padding: 14px 10px 15px;
  /*text-decoration: underline;*/
}
.downloads-lightbox .tabset li a:hover {
	/*margin: 0 1px 1px 0;*/
}
.tabset li:hover:after{
  z-index: 2;
}
.tabset li.active a:hover{
	background: #EFF1F1;
  border-width: 1px 1px 0;
	margin: 0 0 -1px -1px;
	padding: 13px 10px 16px;
	cursor:default;
	text-decoration:none;
}
.tabset li.active:hover:after{
  z-index: 0;
}


.fake-table .item1 .block-box1, .scroll-table .item1 .block-box1{
    width:77% !important;
    padding: 0 3px 0 30px; 
    float: left;
}
.fake-table .item1 .block-box2, .scroll-table .item1 .block-box2{
    width:23% !important;
    padding: 0 3px 0 10px;
    float: right;
}

.scroll-table .item1 .block-box2.material{
    width:inherit;
    padding-left: 2px;
}

.fake-table .item1 .description-wrapper, .scroll-table .item1 .description-wrapper{
  overflow: hidden;
  display: inline-block;
  width: 100%;
  max-width:255px;
}


.fake-table .item1 /*.description-wrapper*/ a.status, .scroll-table .item1 /*.description-wrapper*/ a.status{

  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 0 0 5px;
  text-align: center;
  background: #00732f;
  color: #fff;
  border-radius: 100%;
  font: 13px/20px Georgia, serif;
}

.fake-table .item1 .product-wrapper, .scroll-table .item1 .product-wrapper{

    padding: 10px 14px 4px;
    display: inline-block;
    width: 78%;
    white-space: nowrap;
}


.fake-table td.item1{
     padding: 0 0 0 0 !important;
}

.product-section .product-table td.item1{
    padding: 0 0 0 0 !important;
}

.fake-table .item1 .block-box-qty, .scroll-table .item1 .block-box-qty{
    width: 22%;
    display: inline-block;
    padding-right: 1px;
    /*padding-top: 2px;*/
    padding-left: 5px;
    float: right;
}

.block-box-qty input[type="text"]{
    text-align:right;
}

.mass-item-changed, .mass-split-item-changed {
    /*background-color: #FFF484 !important;*/
     box-shadow: 0px 0px 0px 3px #FFF484 inset;
}

.fake-select.mass-item-changed:before{
    /*background-color: #FFF484 !important;*/
     box-shadow: 0px 0px 0px 3px #FFF484 inset;
}

.fake-select.mass-item-changed select{
    /*background-color: #FFF484 !important;*/
     box-shadow: 0px 0px 0px 3px #FFF484 inset;
}

.mass-item-error, .mass-item-edit-error, .mass-split-item-error {
    /*background-color: #FF0404 !important;*/
    box-shadow: 0px 0px 0px 2.5px #FF0404 inset;
}

.fake-select.mass-item-error:before{
    /*background-color: #FF0404 !important;*/
     box-shadow: 0px 0px 0px 2.5px #FF0404 inset;
}

.fake-select.mass-item-error select{
    /*background-color: #FF0404 !important;*/
    color:black !important;
}


.product-block.hack,
.product-block.hack .scroll-table{
	overflow:visible;
}
.product-block.hack:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 101%;
  background: #EFF1F1;
  left: 100%;
  top: 0;
  z-index: 100;
}.product-block.hack:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 101%;
  background: #EFF1F1;
  right: 100%;
  top: 0;
  z-index: 100;
}
.hack .picker__holder{
	min-width: 340px;
}
.overflow-visible{
	overflow:visible !important;
}

.tabset.standing li a:hover{

    text-decoration: none !important;
    padding: 13px 18px 17px !important;
}
.tabset.standing li.active a:hover {
    padding: 13px 18px 17px !important;
}

.mass-configuration strong.item-title{

  width: 90%;
  white-space: nowrap;
  overflow: hidden;

}

.mass-configuration .product-section, .mass-configuration .scroll-table{
    /*width: 2315px;*/
    width:2855px;
}

.mass-configuration .product-section table .item1 {
    width: 11%;
}

.mass-configuration .product-section table .item3 {
    width: 7%;
}

.mass-configuration .product-section table .item4 {
    width: 6%;
}

.mass-configuration .product-section table .item5 {
    width: 7%;
}

.mass-configuration .product-section table .item6 {
    width: 7%;
}

.mass-configuration .product-section table .item7 {
    width: 8.2%;
}

.mass-configuration.info-lightbox .btn-box .btn {
    color:white !important;
}

.mass-configuration .fancybox-close {
  cursor: pointer;
}

.mass-order-overview .bottom-area .container .btn-area{
      padding-right: 13px;
}



.search-reulsts .tabset li a:hover{
	/*text-decoration: underline !important;*/
  color: #000 !important;
}
.search-reulsts .tabset li.active a {
  color: #000 !important;
  border: solid #999 !important;
  background: #eff1f1 !important;
  border-width: 1px 1px 0 !important;
  margin: 0 0 -1px -1px !important;
}


.selection-lightbox .status:hover {
  text-decoration: none;
}


.selection-lightbox .status {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 0 0 7px;
  text-align: center;
  background: #00732f;
  color: #fff;
  border-radius: 100%;
  font: 13px/20px Georgia, serif;
}

.hover-tooltip
{
    z-index: 99999 !important;
}


.loading-mass-cinfig {

    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #eff1f1;
    top: 218px;
    z-index: 9998;
    /* display: none; */
    zoom: 1;
    filter: alpha(opacity=65);
    opacity: 0.65;
    left: 0;
}


.info-lightbox.split2 td span.inline{
    display:inline !important;
}

.widget .price{
	margin:0;
}
.widget.shipping-info.ng-scope h1 {
  margin: 15px 0 5px;
}
.widget.shipping-info .counter {
  left: 0;
}
.items-table .sub-heading .status{
	/*margin:15px 14px 0 14px; Milos: this style breaks table headers on standing instructions step 2 page.*/
}
.items-table .sub-heading .jcf-checkbox{

	/*margin:19px 14px 0 14px; Milos: this style breaks table headers checkbox on standing instructions step 2 page.*/
}
.items-table .sub-heading .jcf-checkbox.jcf-checked {
  /*margin: 17px 13px 0 14px; Milos: this style breaks table headers checkbox on standing instructions step 2 page.*/
}

.price-setting-step-2 .items-table .sub-heading .jcf-checkbox {
    margin-left: 14px !important;
    margin-top: 19px !important;
}


.block-holder .text-holder{
  text-align: right;
	display: inline-block;
  float: right;
	margin: 8px 0 15px;
}
.block-holder time.ng-binding{
	display:block;
	position:absolute;
	text-align: left;
  color: #999;
	font-size: 12px;
	top: -20px;
  right: 0;
}
.block-holder .block:first-child .text-inner {
  margin: 10px;
	text-align: center;
}
.block-holder .block:first-child .text-inner:nth-child(2){
  margin-right:30px;
}
.table-box tfoot td{
	font-weight:bold;
	background:transparent;
	border-width:0 0 1px;
}
.bottom .dataTables_info{
	margin-top:-50px;
}
.all-notifications .top{
	position: absolute;
  top: -102px;
  right: 0;
}
@media only screen and (max-width:900px) {
	.widget.order-info .counter,
	.widget.shipping-info .counter{
		font-size: 28px;
	}
}
@media only screen and (max-width:767px) {
	.widget.order-info .counter,
	.widget.shipping-info .counter{
		font-size: 24px;
	}
	.widget.shipping-info .counter {
		bottom: 25%;
		top: auto;
	}
	.accordion-list .sub-heading .accordion-btn {
		padding: 10px 30px 12px 10px;
	}
	.info-box {
		padding: 18px 10px;
	}
	.block-holder .text-holder{
		text-align: center;
		float: none;
		margin: 15px 0px !important;
	}
	.block-holder .block:first-child .text-inner {
		margin: 10px !important;
	}
	.bottom .dataTables_info{
		margin-top:-20px;
	}
	.top .dataTables_info{
		margin:-20px 0 20px;
	}
	.all-notifications .top{
		top: -64px;
		right: 10px;
	}
	.search-reulsts .tabset li a:hover,
	.search-reulsts .tabset li.active a,
	.search-reulsts .tabset li a{
		padding:10px 8px !important;
		border-width:0 !important;
		margin: 0 !important;
	}
}

.dashboard-holder .contactinfo {

    min-height:220px
}

a.btn.confirmation {

    padding: 10px 52px 10px 18px !important;

}
/*.instruction-section .items-table .sub-heading .status {
	margin: 14px 12px 13px 8px !important;
}*/

a.status.error{
      background: #FF0404 !important;
}



.standing-instructions-overview .status {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 0 0 7px;
  text-align: center;
  background: #00732f;
  color: #fff;
  border-radius: 100%;
  font: 13px/20px Georgia, serif;
}
.fake-select select,
.tabset-holder .nav-select{
	z-index:2;
	background:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
}
#fancybox-content table th.month,
#fancybox-content table th.orderno{
  width: 75px;
}
.form-holder .input-holder > .price-info:first-child:last-child{
	float:none;
}
.form-holder .fake-select select {
	background: transparent;
}
.accordion-block .title-block {
  width: 72.5%;
}
#contract-overview-macro table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
#contract-overview-macro table.dataTable.dtr-inline.collapsed tbody th:first-child:before{
	position:absolute;
	top: 14px;
}

.detail-area.add2 .item1.addtrans{border-top-color: transparent;}

.items-table .sub-heading12  {
    /*float: left;
    margin: 13px 14px 0 5px;*/
}

/*THIS is to fix the issue for date picker go out side of the screen in desktop. */
@media screen and (min-width: 768px) {
  #Market-Data-Unique-Macro #edate_root .picker__holder {
    margin-left: -450px;
  }

  #Market-Data-Unique-Macro #sdate_root .picker__holder {
    margin-left: -350px;
  }
}

#all-notifications-macro  .specialdiv {

	margin-left: 33px;
  background: rgba(0, 0, 0, 0);
  padding: 14px 25px 17px 29px;
  margin-bottom: 1px;
  width: 100%;
  color: #000;
	white-space: normal;
}


#all-notifications-macro  .specialdiv .order-declaration .overview-box {
	padding:6px 0 16px;
}

#all-notifications-macro  .specialdiv .order-declaration .overview-box .heading {
	border-bottom:1px solid #808285;
	padding-bottom:4px;
	margin-bottom:13px;
}
#all-notifications-macro  .specialdiv .order-declaration .overview-box .heading a, .overview {
	float:right;
	font-size:10px;
	color:#6d6e71;
	margin-top:1px;
}
#all-notifications-macro  .specialdiv .order-declaration .overview-box .heading h2 {
	margin:0 0 1px;
	color:#005696;
	font-size:12px;
}
#all-notifications-macro  .specialdiv .order-declaration table {
	border-collapse:collapse;
	padding:0;
	width:100%;
}
#all-notifications-macro  .specialdiv .order-declaration table td, .order-declaration table th {
	/* border-bottom:1px solid #fff;*/
	border-bottom:1px solid transparent;
	line-height:21px;
	text-align:left;
	padding-left:10px;
	font-size:12px;
	/*background:url(../images/border4.gif) repeat-y;*/
}
#all-notifications-macro  .specialdiv .order-declaration table a {text-decoration:underline;}
#all-notifications-macro  .specialdiv .order-declaration table a:hover {text-decoration:none;}
#all-notifications-macro  .specialdiv .order-declaration table td {
	background:#e7e7e7 repeat-y;
	color:#404040;
	font-size:12px;
    padding: 5px !important;
}
/*#all-notifications-macro  .specialdiv .order-declaration table .alt td {background:#f2f2f3 url(../images/border4.gif) repeat-y;} */
/*#all-notifications-macro  .specialdiv .order-declaration table .active td {background:#fcfcc7 url(../images/border4.gif) repeat-y;} */
#all-notifications-macro  .specialdiv .order-declaration table th {
	/*border-bottom:6px solid #fff;*/
	border-bottom: 6px solid transparent;
	text-transform:uppercase;
	color:#333;
	font-weight:normal;
	line-height:16px;
	padding:5px 0 5px 9px;
	vertical-align:bottom;
}

#Market-Data-Unique-Macro .tab-drop li{
    width:20%;
}
/*Added for deployment*/
.MassOrderStatus{
     display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin: 0 0 0 7px;
  text-align: center;
  background: #00732f;
  color: #fff;
  border-radius: 100%;
  font: 13px/20px Georgia, serif;
}

/** Color */
.color-guide { float: left; overflow: hidden; margin: -3px 0 0 15px ; display: inline-flex;}


.color-guide > span {
	font-size: 15px;
	float: left;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 5px;
	font: 13px/23px "gotham-medium", sans-serif;
	color: #666;
}

.color-guide span > i {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin: 2px 8px 0 0;
	
}

.color-guide span.color-dubal > i {
	background: #005696;
	border-radius: 3px;
}

.color-guide span.color-emal > i {
	background: #EE3224;
	border-radius: 3px;
}

@media (max-width: 768px) {
	.color-guide {   
		position: absolute;
	    right: 108px;
	    top: 7px;
	    width: 58px;
	    float: none;
	    display: block;
		
	}

	.color-guide > span {
		    margin-right: 0;
	}

	.color-guide span > i {
	    width: 16px;
	    height: 16px;
	    display: block;
	    float: left;
	    margin: 2px 2px 0 0;
		
	}
}

#search-by-contract-number, 
#search-by-contract-number-new{

    float: right;
    max-width: 220px;

    margin-right: 30px !important;
    padding: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #999;
    margin: 0;
    height: 38px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*font-weight: bold*/;

}

/* status icons  - this is not working*/

/*.mass-order-status-grey,
.mass-order-status-red {
	width: 26px;
	height: 26px;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
}

.mass-order-status-gray {
	background-position: -28px -84px;
}

.mass-order-status-red {
	background-position: -69px -84px;
}*/


/* new status icons - Milos Mitrovic */
.slideshow.add .info-carousel .info-slide.mass-order-status-grey:before,
.slideshow.add .info-carousel .info-slide.mass-order-status-red:before {
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
}

.slideshow.add .info-carousel .info-slide.mass-order-status-gray:before {
    background: url(../images/sprite.png) no-repeat -28px -84px !important;
}

.slideshow.add .info-carousel .info-slide.mass-order-status-red:before {
    background: url(../images/sprite.png) no-repeat -69px -84px !important;
}

.slideshow.add .info-carousel .info-slide.info-slide.mass-order-status-red.info:before{
      background: url(../images/sprite.png) no-repeat -69px -47px !important;
}

.no-doc-status{
     display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 7px;
  text-align: center;
  background: #FF6319;
  color: #fff;
  border-radius: 100%;
  font: 13px/18px Georgia, serif;
}
.empty-doc-cell {
   /*margin-left: 0 !important;*/
}

.info-carousel .info-slide.tabactive.mass-order-status-gray a:after{
   background: #828282 !important;
}

.info-carousel .info-slide.tabactive.mass-order-status-red a:after{
   background: #FF0000 !important;
}