/* Formularze */
:root{
	--bs-form-invalid-color: var(--c-ident);
	--bs-form-invalid-border-color: var(--c-ident);
}
.form-control,
.form-select{
	border-color: var(--c-grey-5);
	border-radius: 0;
  }
  .form-control{
	font-weight: 600;
  }
.form-control:focus,
.form-select:focus{
	border-color: var(--c-grey-5);
	box-shadow: 0 0 0 .25rem var(--c-grey-3);
}
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover, 
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--c-grey-1) inset !important;
    -webkit-text-fill-color: #000 !important;
}
/* for FF */
.form-control:autofill{
  background-color: var(--c-grey-1) !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--font);
}
.form-control.is-invalid,
.was-validated .form-control:invalid{
	border-width: 3px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23910008'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23910008' stroke='none'/%3e%3c/svg%3e");
}

.form-select option:checked{
	background-color: var(--c-ident);
	color: #fff;
}
.form-check-input:focus{
	box-shadow: none;
}
.form-floating label{
	color: var(--c-grey-5);
}

/*.g3Frm { border: solid 1px blue;}*/
.g3Frm {
	margin: auto;
	max-width: 800px;
}

.g3Frm .frmAlert {
	color: #fff;
	background-color: var(--c-ident);
	width: 100%;
	font-weight: 600;
}

.g3Frm .fld {
	position: relative;
	margin: 0.5rem 0 0;
}

.g3Frm fieldset {
	margin: 0.5rem 0 2.5rem;
	clear: both;
}
.g3Frm legend {
	float: none;
	margin: 0 0 0;
	line-height: 1.2;
	border-bottom: solid 1px #dee2e6;
}

.g3Frm .inlnGrpWithLbl {
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
}
.g3Frm .inlnGrpLbl {
	line-height: 0.7rem;
}


.g3Frm .reqAster {
	padding-right:0.1rem; color:var(--c-ident); font-size: 1.2em; line-height:1;
}

.g3Frm .hintIco {
	position: absolute; right: 0.3rem; top: 0.1rem; z-index: 1000;
	color:#6da8ff; text-shadow: 1px 1px #e8f0fb, -1px -1px #e8f0fb, 1px -1px #e8f0fb, -1px 1px #e8f0fb;
	font-size:1rem;
}
.g3Frm .radioGrp .hintIco {
	right: -1.1rem; top: -0.2rem;
}
.g3Frm .chkFld .hintIco {
	right: -1.1rem; top: -0.7rem;
}

.g3FrmHintTooltip {
	--bs-tooltip-bg: var(--c-grey-6);
	--bs-tooltip-color: #fff;
}

.g3Frm .radioGrp, .g3Frm .chkFld {
	text-align: center;
}

.g3Frm .radioGrp {
	padding: 0.5rem 0;
}
.g3Frm .radioGrpLbl {
	position: relative;
	margin-right:0.75rem;
	color: #000;
	background-color: #fcfcfc;
}
.g3Frm .radioBtn, .g3Frm .chkBtn {
	border-radius: 1rem;
	border: solid 1px #eee;
	background-color: #f8f8f8;
	display: inline-block;
}
.g3Frm .radioBtn {
	padding-left: 1.5rem;
	margin-right: 0.75rem;
}
.g3Frm .radioBtn:last-child {
	margin-right: 0;
}			
.g3Frm .radioBtn input[type=radio] {
	margin-top: 0.5rem;
	margin-left: -1rem;
	padding: 0.25rem;
	border-color: #ccc;
}
.g3Frm .radioBtn input[type=radio]:checked {
	background-color: var(--c-ident);
	border-color:  var(--c-ident);
}
.g3Frm .radioBtn .form-check-label, .g3Frm .chkBtn .form-check-label {
	padding: 0.25rem 0.95rem 0.25rem 0.6rem;
}
.g3Frm .chkBtn {
	position: relative;
	padding-left: 2rem;
}
.g3Frm .chkBtn input[type=checkbox] {
	border-color: #ccc;
	margin-top: 0.5rem;
	margin-left: -1.5rem;
}
.g3Frm .chkBtn input[type=checkbox]:checked {
	/* #77a4e5 */
	background-color: var(--c-ident);
	border-color:  var(--c-ident);
}				
.form-switch .form-check-input:not(:checked):focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}
.g3Frm .btnRow {
	margin-top: 1rem;
}
.g3Frm .btnWrap {
	/*border: solid 1px black;*/
	padding-top: 0.5rem;
}


.g3Frm .statcLbl { /*//?? staticLbl */
	/*color: rgba(var(--bs-body-color-rgb), 0.65);*/
	color: #000;
	margin-right: 0.5rem;
}
.g3Frm .statcVal { /*//?? staticVal */
  font-weight: bold;
  color: #999;
}
.g3Frm .invalid-feedback {	
	display: block;
	text-align: left;
	padding: .1em 0 .1em .5em;
	color:white;
	background-color: var(--bs-form-invalid-color);
	margin-top:0;
}
.g3Frm .radioGrp .invalid-feedback {	
	margin-top: 0;
}

@media (max-width: 576px) {
	.g3Frm .radioBtn {
		margin-right: 0.5rem;
	}
	.g3Frm .radioBtn label, .g3Frm .chkBtn label, .g3Frm .radioGrpLbl {
		font-size: 0.8rem;
	}
	.g3Frm .radioBtn input[type=radio] {
		margin-top: 0.4rem;
		margin-left: -1.15rem;
	}
	.g3Frm .chkBtn input[type=checkbox] {
		margin-top: 0.4rem;
		margin-left: -1.65rem;
	}
	
	.g3Frm .radioBtn .form-check-label, .g3Frm .chkBtn .form-check-label {
		padding-right: 0.75rem;
	}
	.g3Frm .radioBtn .form-check-label {
		padding-left: 0.3rem;
	}
	.g3Frm .chkBtn .form-check-label {
		padding-left: 0.4rem;
	}
}

@media (max-width: 450px) {
	.g3Frm .font450 {
		font-size: 0.75rem;
	}
}


@media (max-width: 370px) {
	.g3Frm .minimumFontSize .radioBtn label, .g3Frm  .minimumFontSize .chkBtn label, .g3Frm  .minimumFontSize .radioGrpLbl {
		font-size: 0.75rem;
	}
}

			
/* >> ordFrm */
	
	/*.g3__order-form-delivery {*/
	/*	margin-bottom: 1.75rem;*/
	/*}*/
	
	.g3__order-form-delivery .oneOrTwoCols {
		width: 50%;
	}
	@media (max-width: 640px) {
		.g3__order-form-delivery .oneOrTwoCols {
			width: 100%;
		}
		
	}
	
	.g3__order-form-delivery fieldset {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
	}
	.g3__order-form-delivery .radioBtnsBackground {
		margin-top: 0.5rem;
		padding: 0.5rem 0;
		background-color: #f6f6f6;
	}
	.g3__order-form-delivery .inpostPudoImg {
		max-width: 100%;
		height: auto;					
	}
	.g3__order-form-delivery .radio {
		position:relative;
		background-color: #fff;
		margin: 0.5rem;
	}
	.g3__order-form-delivery .radio .btn {
	  border-color: #d3d3d3;
	  width: 100%;
	  padding: 0.5rem;
	  transition: all 0.7s;
	}
	.g3__order-form-delivery .radio .btn-check:checked + .btn {
		/* #379634 */
	  border: 1px solid var(--c-ident);
	  box-shadow: 0 0 8px var(--c-ident);
	}
	.g3__order-form-delivery .radio .btn-check[disabled] + .btn,
	.g3__order-form-delivery .radio .btn-check:disabled + .btn {
	  opacity: 0.25;
	}			
	
	#glsMapWin {
		display: none;
		position: fixed; right:0; top:0; z-index:2000; border: 8px solid #f2f2f2; background-color:white; padding: 40px 0px 0px; width:100%;height:100%;
	}
	#closeGlsMapWin {
		position: absolute; top:0px; right:12px; 
	}
	#closeGlsMapWin {
		font-family: verdana, sans-serif; font-size: 24px; line-height:38px; vertical-align: middle;
		color: black;
		cursor: pointer;
	}
	#hintForGlsMap {
		position: absolute; top:0px; left: 8px; font-family: verdana, sans-serif; font-size: 16px; line-height:38px; vertical-align: middle;
		color: #888;
	}
	@media (max-width: 520px) {
		#hintForGlsMap {
			font-size: 14px;
		}
	}
	@media (max-width: 450px) {
		#hintForGlsMap {
			font-size: 12px;
		}
	}
	@media (max-width: 400px) {
		#hintForGlsMap {
			font-size: 11px;
		}
		#closeGlsMapWin {
			top:0px; right:6px; 
		}
		
	}

	
	
	
/* << ordFrm */