@charset "utf-8";
/* CSS Document */
/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/
body {
	font-family: 'Roboto', sans-serif;
	position: relative;
}
main {
	padding-top: 70px;
}
.cookie_policy_cnt {
	
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1500;	
}
.cookie_policy {
	color:#fff;
	position: relative;
	margin: 0 auto;
	background: none repeat scroll 0% 0% rgba(114, 114, 112, 0.8);	
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px; 
	
	font-family: 'Roboto', sans-serif;
	/*font-size:11px;*/
	font-size:0.9rem;
}
.cookie_policy_text {
	padding-top:4px; 
	float:left; 
	clear:none;
	margin-bottom: 4px;
}
.cookie_policy a {
	text-decoration:underline;
	color:#fff;	
}
.cookie_policy_agree_btn {
	padding-left:6px;
	padding-right:6px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:center;
	background-color:#B10A0E;
	font-weight:bold;
	color:#fff;
	float:right;
	margin-right:5px;
	cursor:pointer;	
}


/*
* fix for validator in bootstrap 4
*/
.has-error .form-control {
	border: 1px solid rgba(200,0,3,1.00) !important;
}
.form-control-feedback {
	position: absolute;
	top: 1px;
	/*right: 0;*/
	z-index: 102;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none;
	right: 15px;
}
.has-success .form-control-feedback {
    color: #3c763d;
}
.has-error .form-control-feedback {
    color: #a94442;
}
.form-control {
	border-radius: 0 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
	cursor: not-allowed;
}
table.dataTable tbody a {
	color:#111215 !important;
	text-decoration: underline;
}



.app_link_underlined,
.app_link_underlined:active,
.app_link_underlined:focus
{
	color:#000;
	text-decoration: underline;
}
.app_link_underlined:hover {
	color:#192642;
	text-decoration: underline;
}

.SlajderCnt {
	margin-top: 30px;
	margin-bottom: 30px;
}
.AkcijeNaslov {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 900;
	color: #666;
	text-align: center;
	margin-bottom: 30px;
}
.AkcijeCnt {
	/*display: flex;
	flex-flow: row wrap;
	justify-content: space-between;*/
}
.AkcijeArtiklCnt {
	width: 210px;
	padding-left: 15px;
	padding-right: 15px;
	height: 320px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	/*margin-right: 20px;*/
}
@media (max-width: 576px) {
	/*
	.AkcijeArtiklCnt {
		width: 100%;
	}
	*/
}
.AkcijeArtiklCnt:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.AkcijeArtiklSlika {
	padding-top: 20px;
}
.AkcijeArtiklTekst {
	position: absolute;
	bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px; 
	padding: 0 10px;
	color: #000;
	text-align: center;
	height:86px;
	width: 180px;
	overflow: hidden;
}
@media (max-width: 576px) {
	/*
	.AkcijeArtiklTekst {
		width: 100%;
	}
	*/
}
.AkcijeArtiklTekst a,
.AkcijeArtiklTekst a:visited {
	font-weight: 700;
	color: #000;
	text-decoration: none;
}
.AkcijeArtiklTekst a:visited {
	text-decoration: underline;
}


/*
* artikl lista
*/
.ListaCnt {
	display: flex;
	flex-flow: row wrap;
	/*justify-content: space-between;*/
	min-height: 300px;
}
.ListaNaslov {
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	padding: 0;
	padding-top: 15px; 
	padding-bottom: 10px; 
	padding-left: 20px;
	font-weight: 700;
	font-size: 20px;
}
.ArtiklListaCnt {
    width: 230px;
    height: 320px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}
@media (max-width: 576px) {
	.ArtiklListaCnt {
		width: 100%;
	}
}
.ArtiklListaTekst {
	position: absolute;
	bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px; 
	padding: 0 10px;
	color: #000;
	text-align: center;
	width: 100%;
}
@media (max-width: 576px) {
	.ArtiklListaTekst {
		width: 100%;
	}
}
.ArtiklListaCnt:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ArtiklListaTekst a,
.ArtiklListaTekst a:visited {
	font-weight: 700;
	color: #000;
	text-decoration: none;
}
.ArtiklListaTekst a:visited {
	text-decoration: underline;
}
.ArtiklListaAkcijaMpc {
	font-size: 13px;
	text-decoration: line-through;
}
.ArtiklListaTagsCnt {
	position: absolute;
	left:15px;
	top:15px;
	z-index: 5;
}
.ArtiklListaTagNovo {
	margin: 1px;
	padding: 2px 4px;
	font-weight: 700;
	color:#fff;
	background-color: rgba(30,52,220,0.80);
	font-size: 12px;
	width: 55px;
	text-align: center;
}
.ArtiklListaTagAkcija {
	margin: 1px;
	padding: 2px 4px;
	font-weight: 700;
	color:#fff;
	background-color: rgba(228,6,19,0.80);
	font-size: 12px;
	width: 55px;
	text-align: center;
}


.NaslovnaKosaricaPodaci {
	color: #FFF;
	margin-left: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
	padding-top: 20px;
}
.NaslovnaKosaricaPodaci a,
.NaslovnaKosaricaPodaci a:visited {
	color: #FFF !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none !important;
}
.NaslovnaKosaricaPodaci a:hover {
	text-decoration: underline !important;
}
.NavIkone {
	font-size: 22px;
	padding: 0 5px;
	float: none !important;
}
@media (max-width: 992px) {
	.NavIkone {
		padding-bottom: 15px;
		padding-top: 5px;
	}
}

footer {
	background-color: #363738;
	
}
.FooterCnt {
	padding: 30px 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
@media (max-width: 576px) {
	.FooterCnt {
		padding: 30px 30px;
}
}
.FooterStupac {
	color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px !important;
}
.FooterStupac a,
.FooterStupac a:visited {
	color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 15px !important;
	text-decoration: none;
	display: block;
}
.FooterStupac a:hover {
	text-decoration: underline;
	color: #FFF;
}
.HeadSearch {
	padding-top: 15px;
	margin-left: 120px;
}
@media (max-width: 1200px) {
	.HeadSearch {
		padding-top: 15px;
		margin-left: 0;
	}
}
.Breadcrumbs {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #000;
	padding: 20px 0;
}
.Breadcrumbs a,
.Breadcrumbs a:visited {
	color: #000;
	text-decoration: none;
}
.Breadcrumbs a:hover {
	text-decoration: underline;
}

.ProizvodiListaGlavniCnt {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.ProizvodiListaLijeviCnt {
	/*float: left;
	clear: none;*/
	width: 25%;
	padding-bottom: 20px;
	padding-right: 20px;
}
@media (max-width: 992px) {
	.ProizvodiListaLijeviCnt {
		width: 100%;
		padding-right: 0;
	}
}

.FilterLista {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.FilterListaStavka {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #000;
	padding: 0 0 0 25px;
}
.FilterListaStavka.selected {
	background-color:#007bff;
	color: #fff !important;
}
.FilterListaStavkaNaslov {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #000;
	padding: 15px 0 5px 15px;
	text-transform: uppercase;
}
ul.expanded .FilterListaStavka {
	display:block;
}
ul.closed .FilterListaStavka {
	display:none;
}
.FilterHead {
	color: #000;
	text-decoration: none;
}
.FilterHead:hover {
	color: #007bff;
	text-decoration: none;
}
.FilterItem {
	color: #000;
	text-decoration: none;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.FilterItem:hover {
	color: #007bff;
	text-decoration: none;
}
.FilterListaStavka.selected .FilterItem {
	color:#fff;
}
.FilterListaStavka.selected .FilterItem:hover {
	color:#fff;
}

.FilterIkona {
	display: block;
	float: right;
	clear: none;
}

.FilterNaslov {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #000;
	padding: 0 0 15px 0;
}

.FilterFilter {
	background-color: #EDEDED;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #000;
	padding: 15px;
}

.ProizvodiListaNavigacijaCnt {
	padding: 3px 20px 10px 20px;
}
@media (max-width: 576px) {
	.ProizvodiListaNavigacijaCnt {
		padding: 10px 5px 15px 5px;
	}
}
.ProizvodiListaNavigacijaLijevi {
	float: left;
	clear: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 15px;
    color: #666;
}
@media (max-width: 576px) {
	.ProizvodiListaNavigacijaLijevi {
		float: none;
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.ProizvodiListaNavigacijaDesni {
	float: right;
	clear: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 15px;
    color: #666;
}
@media (max-width: 576px) {
	.ProizvodiListaNavigacijaDesni {
		float: none;
		clear: both;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
}
.pager_item,
.pager_item:visited {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 15px;
    color: #666;
	text-decoration: none;
	padding: 0 5px;
	width:20px;
	text-align: center;
	margin: 0px 2px;
}
.pager_item:hover {
    color: #FFF;
	background-color: #666;
}
.pager_item.active {
	color: #FFF;
	background-color: #0286CD;
}
.ArtiklDetaljTagNovo {
	margin: 1px;
	margin-right: 5px;
	padding: 2px 4px;
	font-weight: 700;
	color:#fff;
	background-color: rgba(30,52,220,0.80);
	font-size: 12px;
	width: 55px;
	text-align: center;
	float: left;
	clear: none;
}
.ArtiklDetaljTagAkcija {
	margin: 1px;
	margin-right: 5px;
	padding: 2px 4px;
	font-weight: 700;
	color:#fff;
	background-color: rgba(228,6,19,0.80);
	font-size: 12px;
	width: 55px;
	text-align: center;
	float: left;
	clear: none;
}


.ProizvodiListaDesniCnt {
	flex: 1 1 75%;
	/*float: right;
	clear: none;*/
}


.ProizvodDetaljCnt {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding-bottom: 50px;
}
.ProizvodDetaljSlikaCnt {
	width: 50%;
	display: flex;
	flex-flow: row;
}
.ProizvodDetaljPodaciCnt {
	width: 50%;
	padding-left: 50px;
}
@media (max-width: 992px) {
	.ProizvodDetaljSlikaCnt {
		width: 100%;
	}
	.ProizvodDetaljPodaciCnt {
		width: 100%;
		padding-left: 10px;
	}
}
@media (max-width: 576px) {
	.ProizvodDetaljPodaciCnt {
		width: 100%;
		padding-left: 5px;
	}
}

.ProizvodDetaljThumbsCnt {
	display: flex;
	flex-flow: column;
}
.ProizvodDetaljThumbs {
	margin: 0 1px 1px 0;
	display: block;
}
@media (max-width: 992px) {
	.ProizvodDetaljThumbsCnt {
		display: flex;
		flex-flow: row;
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		order: 2;
		padding-top: 10px;
		padding-bottom: 10px;

	}
	.ProizvodDetaljSlikaCnt {
		flex-flow: column;
	}
}
@media (max-width: 992px) {
	.ProizvodDetaljVelikaSlika {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.ProizvodNadnaslov {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
    color: #666;
}
.ProizvodNaslov {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 25px;
    color: #666;
}
.ProizvodSifra {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
    color: #666;
}
.ProizvodBrend {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 14px;
    color: #666;
}
.ProizvodApproved {
	margin: 10px 0;
}
.ProizvodCijena {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 20px;
    color: #666;
}
.ProizvodPodnaslov {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
    color: #666;
	margin: 30px 0 10px 0;
}
.ProizvodVelicinaCnt {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
    color: #666;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.ProizvodVelicina {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
    color: #666;
	border: 1px solid #000;
	padding: 10px;
	margin: 0 10px 10px 0;
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ProizvodVelicina:hover {
	color: #fff;
	background-color: #666;
}
.ProizvodVelicina.selected {
	color: #fff;
	background-color: #0286CD;
}
.ProizvodKolicina {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
    color: #666;
	width:200px;
}
.ProizvodKupi {
	padding-top: 20px;
}
.ProizvodKupiLink {
	display: block;
	width: 80%;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 18px;
    color: #FFF !important;
	background-color: #0286CD;
	padding: 10px 0;
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.ProizvodKupiLink.disabled {
	cursor: not-allowed;
}
.ProizvodKupiLink:hover {
	text-decoration: none;
    color: #FFF;
	background-color: #666;
}

@media (max-width: 992px) {
	.ProizvodKupiLink {
		width: 100%;
	}
}
.original_price {
	font-size: 14px;
	font-weight: 400;
}
.original_price_amount {
	text-decoration: line-through;
}
.qty-button {
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #FFF;
	background-color: #0286CD;
}
.qty-button:hover {
	color: #FFF;
	background-color: #666;
}
.product_details_description_cnt {
	margin-bottom: 	50px;
}
@media (max-width: 992px) {
	.product_details_description_cnt img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}
.product_details_description_title {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 900;
	color: #666;
	text-align: left;
	margin-bottom: 30px;
}
.ArtiklDetaljTagovi {
	padding-top: 5px;
	padding-bottom: 5px;
	
}

/* 
tekst page 
*/
.tekstTitle {
	display: block;
}
.tekstCnt {
	padding-bottom: 20px;
	margin-bottom: 30px;
	padding-top: 15px;
}
.tekstCnt img {
	
}
@media (max-width: 992px) {
	.tekstCnt img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
}
.tekstCnt h1 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: inherit;
	font-size: 2em;
	margin-bottom: 1rem;
}
.tekstCnt h2 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: inherit;
	font-size: 1.8em;
	margin-bottom: 1rem;
}
.tekstCnt h3 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: inherit;
	margin-bottom: 1rem;
}
.tekstCnt h4 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: inherit;
	margin-bottom: 1rem;
}
.tekstCnt h5 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	color: inherit;
	margin-bottom: 1rem;
}


/*bootstrap*/
.modal-content {
	border-radius: 0rem;
}
.form-control {
	border-radius: 0rem;
}
.bg-dark {
    background-color: #000 !important;
}
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
	float: left;
	clear: none;
	display: block;
}
.navbar {
    padding: 0 1rem;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px !important;
}
.dropdown-menu {
    padding: .5rem 0;
    margin: .125rem 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 15px !important;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.search-form-inline {
    background-color: #fff;
}

.search-form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.search_submit_btn {
	border: none;
	width:36px;
	height: 36px;
}
.search_submit_btn:hover, 
.search_submit_btn:active,
.search_submit_btn:focus {
	border:none;
}

@media (max-width: 1200px) {
	.search-form-control {
		width: 150px !important;
	}
}
@media (max-width: 992px) {
	.search-form-control {
		width: 80% !important;
	}
}
@media (max-width: 576px) {
	.search-form-control {
		width: 80% !important;
	}
}
.search-form-control:focus {
	box-shadow: 0 0 0 .2rem transparent;
}
.btn-outline-success {
    color: #000;
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}
.btn {
    border: 0;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #000;
    border-color: #fff;

}

/* exo menu*/

.exo-menu {
    width: 100%;
    float: left;
	clear: none;
    list-style: none;
    position: relative;
    background: #000 !important;
    margin: 0;
    padding: 0;
	
}
.exo-menu > li > a {
    display: block;
    padding: 10px 22px 12px 10px;
	border: 0 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
}
.LogoHeadLink {
	padding: 0 !important;
}
.LogoHeadLinkVeliki {
	padding: 0 !important;
	margin-right: 10px;
}
@media (max-width: 992px) {
	.LogoHeadLinkVeliki {
		display: none;
		visibility: hidden;
	}
}
.LogoHeadLinkMali {
	display: none;
	visibility: hidden;
}
@media (max-width: 992px) {
	.LogoHeadLinkMali {
		display: block;
		visibility: visible;
		float: left;
		clear: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1041;
	}
}
li.mega-drop-down::before {
	display: none !important;
}
.exo-menu > li > a.active, .exo-menu > li > a:hover, li.drop-down ul > li > a:hover {
    background: #fff !important;
    color: #000 !important;
}

/* quick search */
.QuickSearchCtn {
	position: absolute;
	top:64px;
	left: 0px;
	width: 100%;
	min-height: 200px;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: none;
	padding: 5px;
}
@media (max-width: 992px) {
	.QuickSearchCtn {
		position: relative;
		top:auto;
		left: auto;
	}
}
.QuickSearchHeaderCnt {
	padding-bottom: 15px;
}
.QuickSearchHeaderCnt h1 {
	font-weight: 700;
	color: #000;
	font-size: 20px;
	padding-top: 7px;
	display: block;
	float: left;
	clear: none;
	margin:0;
	padding-left: 5px;
}
.QuickSearchCloseCnt {
	display: block;
	float: right;
	clear: none;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 18px;
}

.quick_search_result_row {
	font-size: 14px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.quick_search_result_name {
	font-weight: 700;
	font-size: 18px;
	float: left;
	clear: none;
	margin-right: 10px;
}
.quick_search_result_code {
	font-size: 14px;
	float: left;
	clear: none;
	padding-top: 4px;
}
.quick_search_result_name a {
	text-decoration: underline;
}
.quick_search_result_path {
	font-weight: 400;
	font-size: 12px;
	clear: both;
}



.SadrzajNaslovVeliki {
	font-size: 24px;
	font-weight: 700;
	color: #676563;
	margin:0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	display: block;
}
.SadrzajNaslovMali {
	font-size: 20px;
	font-weight: 700;
	color: #676563;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	position:relative;
}

/*
* BASKET CONTENTS
*
*
*/
.basket_content_div {
	
}
.basket_contents_table {
	width:100%;	
	margin-bottom: 5px;
}
@media only screen and (max-width: 499px) {
	.basket_contents_table {
		font-size:0.9em;	
	}
}
.basket_contents_header td {
	font-weight:700;
}
.basket_contents_product td {
	margin:0;
	border-bottom: 1px dashed rgba(192,192,192,1.00);	
}
.basket_contents_header_picture {
	
}
@media only screen and (max-width: 499px) {
	.basket_contents_header_picture {
		display:none;	
	}
}
.basket_product_picture_td {
	width:150px;
	height:105px;
	padding-top:10px;
	padding-bottom:8px;
	overflow:hidden;
}
@media only screen and (max-width: 499px) {
	.basket_product_picture_td {
		display:none;	
	}
}
.basket_product_name_td {
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;	
	padding-top:5px;
}
.basket_product_name, .basket_product_name:active {
	font-size: 20px;
	font-weight: 700;
	color: #676563;
}
.basket_product_name:hover {
	text-decoration: underline;
	color: #393837;
}
.basket_product_qty_td {
	width:100px;
	text-align:center;
}

.basket_product_price_td {
	text-align:right;
}
.basket_product_amount_td {
	text-align:right;
	font-weight:bold;
}
.basket_contents_total_td {
	padding-top:15px;
	padding-bottom:15px;
	font-size:1.1em;
	font-weight:700;	
}
.product_qty_input {
	height:30px;
	width: 50px;	
}
.basket_product_code {
	font-size:0.8em;
	color:rgba(126,126,126,1.00);
}
.product_qty_input {
	width: 42px;
	height:30px;
	text-align:center;
	padding-left:0;
	padding-right:0;
}
.basket_product_remove_td {
	width:40px;
	padding-left:10px;	
}
.remove_product {
	width:30px;
	height:30px;
	padding-left:8px;
	padding-top:3px;
	cursor:pointer;
	
	color: #333;
	align-content:center;
	float:left;
	clear:none;
	margin-left:5px;
	
}
.remove_product:hover {
	background: #007bff;
	color: #FFF;
	
}
@media only screen  and (max-width: 970px) {
	.remove_product {
		margin-left:25px;
		float:none;
		clear:both;
		margin-bottom:5px;	
	}	
}
.basket_qty_input_text {
	padding-top:5px;
	float:left;
	clear:none;
	margin-right:5px;
	font-weight:700;
}
.basket_qty_input_cnt {
	width:130px;
	float:left;
	clear:none;	
	margin-bottom:5px;
}

/* basket steps */

.basket_steps_cnt {
	margin-bottom:25px;
	margin-top: 3px;
	/*background-color: #363738;*/
	height: 48px;
	color: #FFF;

}
@media only screen  and (max-width: 992px) {
	.basket_steps_cnt {
		height: auto;
	}
	
}
.basket_step {
	display: block;
	float: left;
	clear: none;
	text-decoration: none;
	padding-left: 9px;
	
	height: 48px;
	background-color: #363738;
	font-size: 15px !important;

}
.basket_step.active {
	background-color: #007bff;
	color:#fff;
}

@media only screen  and (max-width: 992px) {
	.basket_step {
		float: none;
		clear: both;
	}
}

.basket_step_1 {
	display:block;
	float:left;
	clear:none;
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
	width:160px;
	/*height:50px;
	color:#fff;
	background-color:#75A5C6;*/
}
.basket_step_2 {
	display:block;
	float:left;
	clear:none;
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
	width:160px;
	/*height:50px;
	color:#fff;
	background-color:#75A5C6;*/
}
.basket_step_3 {
	display:block;
	float:left;
	clear:none;
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
	width:160px;
	/*height:50px;
	color:#fff;
	background-color:#75A5C6;*/
}
.triangle_right {
	float: right;
	clear: none;
	/*
	width: 20px;
	height: 48px;*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 0 24px 10px;
	border-color: transparent transparent transparent #363738;
	background-color: #363738;

}
.basket_step:last-child > .triangle_right {
	background-color: #fff;
}
.triangle_left {
	width:0px;
	height:0px;
		
}
.basket_step:hover > .basket_step_1,
.basket_step:hover > .basket_step_2,
.basket_step:hover > .basket_step_3 {
	/*background-color:#0066B3;*/
}

.basket_step:hover > .triangle_right {
	/*border-left:15px solid #0066B3;*/	
}
.basket_step:hover > .triangle_left {
	/*border-top:25px solid #0066B3;
	border-bottom:25px solid #0066B3;*/
}

.basket_step.active > .basket_step_1,
.basket_step.active > .basket_step_2,
.basket_step.active > .basket_step_3 {
	/*background-color:#0066B3;*/
	text-decoration: underline;
}

.basket_step.active > .triangle_right {
	border-color: transparent transparent transparent #007bff;
	background-color: #363738;
}
.basket_step.active.last > .triangle_right {
	border-color: transparent transparent transparent #007bff;
	background-color: #fff;
}
.basket_step.active > .triangle_left {
	/*border-top:25px solid #0066B3;
	border-bottom:25px solid #0066B3;	*/
}
@media only screen  and (max-width: 992px) {
	.basket_step.active > .triangle_right {
		border-color: transparent transparent transparent #007bff;
		background-color: #fff;
	}
	.triangle_right {
		background-color: #fff;
	}
		
}

.basket_step.active_yellow > .basket_step_1,
.basket_step.active_yellow > .basket_step_2,
.basket_step.active_yellow > .basket_step_3 {
		background-color:#FDB813;
}

.basket_step.active_yellow > .triangle_right {
	border-left:15px solid #FDB813;	
}
.basket_step.active_yellow > .triangle_left {
	border-top:25px solid #FDB813;
	border-bottom:25px solid #FDB813;	
}

.basket_contents_next_btn_cnt {
	margin-top: 20px;
	margin-bottom:20px;	
}

.btn-qty {
	margin:0;
	color: #fff;
	background-color: #363738;
	border-radius:0;
	height:30px;
	width:30px;
	font-size:18px;
	font-weight:700;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	border: 1px solid #363738;
}
.btn-qty:hover {
	background: #007bff;
	color: #FFF;
	border: 1px solid #007bff;
}


.delivery_subtitle {

	font-size: 1.1em;
	font-weight: 700;
	color: #000;
	margin:0;
	padding-top: 18px;
	padding-bottom: 20px;
	padding-left: 0px;
	display: block;
}
.delivery_address_title {
	
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin:0;
	padding-top: 18px;
	padding-bottom: 20px;
	padding-left: 0px;
	display: block;
}
.form-block {
	position: relative;
}
.button-left-floated {
	float: left;
	clear: none;
	color: #fff !important;
}
.button-right-floated {
	float: right;
	clear: none;
	color: #fff !important;
}
@media only screen  and (max-width: 992px) {
	.button-left-floated {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		margin-bottom: 10px;
		white-space: normal;
	}
	.button-right-floated {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		margin-bottom: 10px;
		white-space: normal;
	}
}

.payment-accordion .card {
	border-radius:0;
}

.payment-accordion  .btn-link {
	color: #000;
}
.payment-accordion  .btn-link:hover, .payment-accordion  .btn-link:active {
	color: #000;
	text-decoration: underline;
}

.user_order_href {
	color: #676563;
}
.user_order_href:hover {
	color: #676563;
	text-decoration: underline;
}

.user_tabs > li > a {
	color:#676563;
}

.user_tabs > li.active > a {
	color:#676563;
	font-weight: 700;
}


/*
* order display
*/
.order_display_table {
	
}
.product_row_td {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px dashed #C0C0C0;
	font-size:13px;
}
.product_row_th {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px dashed #676563;
	font-size:13px;	
}
.product_row_th.txt_left {
	text-align:left !important;
}
.product_row_th.txt_right {
	text-align:right !important;
}
.product_row_th.txt_center {
	text-align:center !important;
}
.product_footer_td {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:15px;
	padding-top:15px;
	border-bottom: 1px dashed #676563;;
	font-size:14px;		
}
.order_display_payment_details {
	line-height:2em;
	padding-top:15px;
	padding-bottom:15px;	
}

.order_display_number_cnt {
	color:#676563;
	padding-bottom: 20px;
	padding-top:20px;
}
.order_no {
	margin: 0;
	font-size: 2em;
}
.order_display_date {
		
}

.pagination > .active > a {
	background: #676563;
	border: 1px solid #676563;
	color:#fff;
}
.pagination > .active > a:hover,
.pagination > .active > a:active,
.pagination > .active > a:focus,
.pagination > .active > a:active:hover
{
	background: #EEEAE7;
	border: 1px solid #EEEAE7;
	color:#676563;
}