/**
 * This Software is property of nexum AG is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        https://www.nexum.de
 * @projectlink	https://www.nexum.de
 * @authors     Mario Krell <mario.krell@nexum.de>
 * @copyright   (C) nexum AG
 * @module      nexum's directorders module
 * @version     09.10.2019 1.0.0
 */

.direct-orders-form .product-to-cart-btn.btn.btn-primary {
	padding-right: 15px;
	width: auto;
}

.direct-orders-form .background-grey {
	background-color: #f6f6f6;
	padding: 5px 0;
	margin-bottom: 15px;
}

.direct-orders-form input {
	border-radius: 0;
	box-shadow: none;
}

.direct-orders-form .small-field + .hint {
	position: absolute;
	right: 5px;
    top: -8px;
}

.direct-orders-form .border-right {
	border-right: 1px solid #fff;
}

.direct-orders-form .background-blue {
	background-color: #005AA9;
	padding: 5px 0;
	color: #fff;
	margin-bottom: 15px;
}

.direct-orders-link a {
    font-size: 11px;
    color: #777;
    border: 0;
    margin-left: 12px;
    text-decoration: none;
}

.direct-orders-link a:hover {
    color: #777;
    text-decoration: none;
}

.direct-orders-form .sep,
.direct-orders-form .field-rows [data-row] > div:last-child > div {
	line-height: 34px;
}

.direct-orders-form .prefix-icon {
	position: absolute;
	top: -5px;
    right: 8px;
}

.direct-orders-form input[type=number],
.direct-orders-form input[type=text] {
	padding: 5px 10px;
}

.direct-orders-form .sep-container {
	width: 0;
	padding: 0;
}

.direct-orders-form input[type=number] {
  -moz-appearance: textfield;
  appearance: none;
}

.direct-orders-form input[type=number]::-webkit-inner-spin-button, 
.direct-orders-form input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0;
}

.direct-orders-form .btn-red {
	vertical-align: top;
}

@media only screen and (min-width: 320px) {
	#header .header-box .menu-dropdowns > div.direct-orders-link,
	#header .menus-col .direct-orders-link {
		position: fixed;
	    top: 0;
	    right: 0;
	    width: 100%;
	    display: none;
	    justify-content: center;
	    background-color: #005AA9;
	    padding: 5px 30px;
	    align-items: center;
	    min-height: 30px;
	}
	.top-news-banner + #header .header-box .menu-dropdowns > div.direct-orders-link,
	.top-news-banner + #header .menus-col .direct-orders-link {
	    justify-content: flex-end;
	}
	#header .header-box .menus-col .direct-orders-link a {
		display: none;
	    align-items: center;
	    color: #fff;
	    font-size: 14px;
	    padding: 5px 0;
	}
	#header .menus-col .menu-dropdowns .direct-orders-link .btn i {
		margin: 0;
		height: 15px;
		padding-left: 15px;
		order: 1;
	}
	#header .menus-col .menu-dropdowns .direct-orders-link i:before {
		color: #fff;	
	}
	#header .menus-col .direct-orders-link .toggle-infobanner {
	    color: #fff;
	    font-size: 18px;
	    position: absolute;
	    left: 30px;
	    line-height: 14px;
	    display: none;
	}
	.top-news-banner + #header .menus-col .direct-orders-link .toggle-infobanner {
		display: block;
		width: 40%;
		text-align: left;
	}
	#header .menus-col .direct-orders-link .toggle-infobanner i {
	    font-style: normal;
	}
	#header .header-box .menu-dropdowns > div.direct-orders-link {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 768px) {
	#header .header-box .menu-dropdowns > div.direct-orders-link,
	#header .menus-col .direct-orders-link {
		position: inherit;
	    top: inherit;
	    right: inherit;
	    width: auto;
	    display: block;
	    justify-content: inherit;
	    background-color: inherit;
	    padding: inherit;
	    align-items: inherit;
	}
	#header .header-box .menus-col .direct-orders-link a {
		display: inline-block;
	    align-items: inherit;
	    color: #8c8c8c;
	    font-size: 12px;
	    padding: inherit;
	}
	#header .menus-col .menu-dropdowns .direct-orders-link .btn i {
		margin: 0 auto;
		height: 30px;
		padding-left: inherit;
		order: inherit;
		margin-bottom: 7px;
		height: auto;
		font-size: 30px;
		display: block;
	}
	#header .menus-col .menu-dropdowns .direct-orders-link i:before {
		color: #8c8c8c;	
	}
	#header .menus-col .direct-orders-link .toggle-infobanner,
	#header .menus-col .direct-orders-link .toggle-infobanner i {
	    display: none !important;
	}
	.direct-orders-form #toBasket {
		color: #fff;
		background-color: #005AA9;
		padding: 10px 15px;
		font-weight: bold;
		border-radius: 5px;
		border: 0;
		line-height: normal;
		margin-top: 20px;
		height: auto;
	}
}