/* Start:/local/components/mguru/wse.order.make/templates/.default/style.css?17758383288173*/
.confirm-order-component{}

/* === Корзина в форме заказа === */
.basket-items-list{display: flex; flex-direction: column; gap: 12px}
.basket-item{display: flex; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid #eee; flex-wrap: wrap}
.basket-item:last-child{border-bottom: 0 none}
.basket-item__name{flex: 1; font-size: 15px; font-weight: 500; min-width: 200px}
.basket-item__qty{display: flex; align-items: center; gap: 8px}
.qty-btn{width: 32px; height: 32px; border: 1px solid #ddd; border-radius: 6px; background: #f5f5f5; font-size: 18px; cursor: pointer; line-height: 1}
.qty-btn:hover{background: #e0e0e0}
.qty-input{width: 70px !important; text-align: center; padding: 6px !important; height: 32px !important}
.basket-item__measure{color: #888; font-size: 13px}
.basket-item__sum{min-width: 100px; text-align: right; font-weight: 600; font-size: 15px}
.basket-total{margin-top: 16px; text-align: right; font-size: 17px; padding-top: 12px; border-top: 2px solid #eee}

.row{display: flex;flex-wrap: wrap;margin-right:-15px;margin-left:-15px}
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-lg-12 {padding-left:15px; padding-right:15px}
@media (min-width: 992px) {
  .col-lg-4 {flex: 0 0 auto;width: 33.333333%}
  .col-lg-6 {flex: 0 0 auto;width: 50%}
  .col-lg-8 {flex: 0 0 auto;width: 66.666667%}
  .col-lg-12 {flex: 0 0 auto;width:100%}
}

.confirm-order-component form{}
.confirm-order-component h3.form__subtitle{}
.confirm-order-component .input-form.row{}
.confirm-order-component label{font-weight: 500;display: block;margin: 15px 0 5px;font-size: 14px}
.confirm-order-component input.form-control{border: 1px solid #ddd;border-radius:10px; height:44px;}
.confirm-order-component textarea.form-control{border: 1px solid #ddd;border-radius:10px; height:80px;}
.confirm__order-form-company .companies{position:relative;margin-bottom:0}
.form-container {background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.security-badge {display: inline-block; background: #4CAF50; color: white; padding: 5px 15px; border-radius: 20px; font-size: 12px; margin-bottom: 20px}
.form__subtitle {font-size: 1.3em; margin: 20px 0 15px; color: #333; border-bottom: 2px solid #4CAF50; padding-bottom: 5px}
.input-form {margin-bottom: 15px}
.input-form__wrapper {position: relative}
.input-form__wrapper.loading .input-form__input {background-color: #f9f9f9}
.input-form__label {display: block; margin-bottom: 5px; font-weight: 600; color: #555}
.input-form__input {width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 4px; font-size: 14px; box-sizing: border-box; transition: border-color 0.3s}
.input-form__input:focus {outline: none; border-color: #4CAF50}
.input-form__prefix {position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #666; font-weight: 600}
.loader-spinner {position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 18px; animation: spin 1s linear infinite}
@keyframes spin {
	100%{transform: translateY(-50%) rotate(360deg)}
}
.dadata-suggestions-container {
	display: none; position: absolute; top:73px; left: 0; right: 0; background: white; border: 2px solid #4CAF50; border-top: none; border-radius:10px; 
	max-height: 300px; overflow-y: auto; z-index: 1000; box-shadow: 0 4px 10px rgba(0,0,0,0.1)
}
.dadata-suggestion-item {padding: 12px; cursor: pointer; border-bottom: 1px solid #eee; transition: background-color 0.2s}
.dadata-suggestion-item:last-child {border-bottom: none}
.dadata-suggestion-item:hover {background-color: #f0f8f0}
.suggestion-name {font-weight: 600; color: #333; margin-bottom: 4px}
.suggestion-details {font-size: 12px; color: #666}
.status.active {color: #4CAF50; font-weight: 600}
.status.inactive {color: #f44336; font-weight: 600}
.no-suggestions {padding: 12px; text-align: center; color: #999}

.formbottom{align-items:center}

.h3.subtitle{font-size: 24px;font-weight: 600;margin:5px 0; display:block}
.btn.form__submit-btn{display:block; width:100%; padding: 14px 40px; border: none; border-radius:25px; cursor: pointer; font-size: 16px; font-weight: 600; margin-top: 0; transition: background-color 0.3s}
.form__submit-btn:hover:not(:disabled) {background-color: #45a049}
.form__submit-btn:disabled {background-color: #cccccc; cursor: not-allowed}

.form-section{margin-bottom: 30px;padding:20px 30px;background: #fff;border-radius: 8px;box-shadow: 0 2px 4px rgba(0,0,0,0.1)}
.form-group{margin-bottom: 20px}
.form-group label {display: block;margin-bottom: 8px;font-weight: 500;color: #555}
.text-danger {color: #dc3545}

.form-control {width: 100%;padding: 12px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;transition: border-color 0.3s}
.form-control:focus {outline: none;border-color: #007bff;box-shadow: 0 0 0 3px rgba(0,123,255,0.1)}
.form-control:required:invalid {border-color: #ddd}

.form__text{color: #333; font-size: 14px; margin: 10px 0; line-height: 1.5}
.form__link{font-weight:500; text-decoration: none}
.form__link:hover {text-decoration: underline}
.debug-info {background: #f5f5f5; padding: 20px; border-radius: 4px; margin-top: 30px; font-size: 13px; border-left: 4px solid #4CAF50}
.debug-info h4 {margin-top: 0; color: #333}
.alert {padding: 12px 20px; margin-bottom: 20px; border-radius: 4px; font-size: 14px}
.alert-info {background-color: #e3f2fd; border-left: 4px solid #2196F3; color: #1976D2}

.file-upload-wrapper{border: 1px solid #ddd;border-radius: 10px;height: 44px;flex-wrap: wrap;display: flex;align-items: center;justify-content: space-between;padding: 0 15px 0 0}
.input-file{display: none}
.form-group label.file-upload-label{display: flex;flex-wrap:wrap; align-items: center;justify-content: space-between;padding:7px 20px;cursor: pointer;transition: all 0.3s ease;margin: 0;height:44px}
.form-group label.file-upload-label:hover{opacity:0.8}
.form-group label.file-upload-label:hover .file-upload-button{background: #6DB658}
.form-group .file-upload-text{flex: 1;font-size: 13px;color: #6c757d !important;font-family: 'Nunito', sans-serif;font-weight: 400;line-height: 30px}
.form-group .file-upload-button{padding: 6px 15px; max-width:200px; background: #5D8167; color: #fff; border-radius: 3px; font-size: 13px; transition: background 0.3s ease}
.form-group .file-info{display: flex;align-items: center;justify-content: space-between;padding: 3px 7px;background: #e7f3ff;border: 1px solid #b3d9ff;border-radius: 4px;margin-top: 0}
.file-name{flex: 1; color: #333; font-size: 14px; word-break: break-word; margin-right: 10px}
.file-remove{background: #dc3545; color: #fff; border: none; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; line-height: 1; transition: background 0.3s ease; flex-shrink: 0}
.file-remove:hover{background: #c82333}
.file-hint{display: block; margin-top: 8px; color: #999; font-size: 12px}
@keyframes slideDown{
	from{opacity: 0;transform: translateY(-10px)}
	to{opacity: 1;transform: translateY(0)}
}

/* === Пустая корзина === */
.basket-empty-screen{text-align: center; padding: 60px 20px}
.basket-empty__icon{font-size: 64px; margin-bottom: 16px; line-height: 1}
.basket-empty__title{font-size: 24px; font-weight: 700; margin: 0 0 12px; color: #333}
.basket-empty__text{font-size: 16px; color: #666; margin: 0 0 24px}
.basket-empty__btn{display: inline-block; padding: 12px 32px; border-radius: 25px; font-size: 16px; font-weight: 600; text-decoration: none}

/* === Удаление и loading строки корзины === */
.basket-item__delete{margin-left: 8px; width: 28px; height: 28px; border: none; border-radius: 50%; background: #f5f5f5; color: #999; font-size: 14px; cursor: pointer; line-height: 1; transition: background 0.2s, color 0.2s; flex-shrink: 0}
.basket-item__delete:hover{background: #dc3545; color: #fff}
.basket-item--loading{opacity: 0.5; pointer-events: none}
.basket-item--loading .qty-btn,
.basket-item--loading .basket-item__delete{cursor: not-allowed}

	.file-upload-label{flex-direction: column;gap: 10px}
	.file-upload-button{width: 100%;text-align: center}
}
/* End */
/* /local/components/mguru/wse.order.make/templates/.default/style.css?17758383288173 */